小学生でもわかるWebAPI入門。ゼロからWebAPIを作ってみよう
Вставка
- Опубліковано 22 лип 2024
- APIってよく聞く割に分かりにくいランキング上位に入る用語だと思うんですよね。今回はそのAPIについて、前提知識なしでもわかるように解説しました。前半で知識面を学んで、後半では実際に作っていくことで、APIとは何か、APIを開発するとはどういうことかのイメージを掴んでいただけます。
00:00 WebAPI入門
04:17 APIって何？
20:02 WebAPIを作るには？
31:44 手を動かして作ろう
今回使用したソースコードはこちらに載せています。
github.com/kiyodori/express_a...
■独学で自走できるエンジニアになるためのプログラミング学習サービス
dokugaku-engineer.com/
■UdemyでAWSやGitの入門講座を販売中
linktr.ee/yamaura
■プロフィール
山浦 清透（やまうらきよと）
Web系エンジニア
1987年生まれ、福岡県出身。京都大学大学院卒。
2014年に未経験からエンジニアに転向し、既存サービスの運営、新規事業の立ち上げ等を経験。プログラミングの修得に四苦八苦してきた経験から、開発現場で使えるエンジニアリング知識を発信。Udemy受講者数6万人。
ゆっくりで詳しく説明してくれるユーチューバーさんがいらっしゃって、全然パソコン専門じゃない私にとっては有難いです。心から感謝しております。これからもよろしくお願い致します。
かなり解説が上手い。
うちも、会社のAPI公開してるけどより深い知識を得ることができました。
とても分かりやすく、楽しく学べる動画を提供して頂きありがとうございます！
APIについての説明とてもわかりやすかったです。
APIの概念や使い方って専門書とかでもわかりやすくまとまっているものが意外と少なくて、自分も理解するのに苦戦した覚えがあるので良いテーマですね！また、自分のyoutubeを発信する上も参考になりました。
お疲れ様です。
めちゃくちゃ分かりやすいです。
IISを使う仕事に関わることになり、web APIの知識が必要でしたので、youtube APIとかの具体例とか凄く参考になりました。
めちゃくちゃわかりやすかったです！
APIなんとなくしか理解出来てなかったので理解が深まった気がします！
本当に分かりやすいご説明、感謝します。
基本知識は本を買わなくてもここのUA-camチャンネルで事足りる気がします。
本当にありがたい！実際にソース書いて動かしている動画少なかったので、とても助かりました！
ある程度学習したあとでこの動画を見ながら実践したので
とてもよくわかりました。
ありがとうございます。
最高ですねw
わかりやすくAPI設計に困っていたのもあり非常に助かりました。
細かい設計や今回のbooklogを複雑化したシリーズも見たいです！
わかりやすいです！！
情報提供ありがとうございます。
APIを学ぶ良いとっかかりになりました。感謝です！
社内の小規模開発チームで働いていますが、専門がC#で最近APIに触れる機会が多かったので、内部の処理がどのようになっているか見れて勉強になりました。
WEB関連の知識もこれから増やしていければと思うので、参考にしながら自分でも簡単なAPIを開発してみようと思います。
日本語での動画開設のプログラミング動画はまだまだ少ないのでとても助かります、ありがとうございました。
現役SEですが分かりやすい。
小学生の情報教育でどこまで専門用語通じるのかは分からんけど教科書で多少事前知識ある子なら理解できそうと思いました。
ありがとうございます。
古くからのFileMaker専門の開発者で、山浦さんの１時間で・・・シリーズは大変お世話になっています。JavaScriptやAPIなど概要すらわからなかったですが、プログラマーですので、１時間程度でもかなり理解度は進み、どの手順で、どのアプリを利用して行うかなども、大変助かります。本を読む時間がもったいなく！！大感謝です！
かなり分かりやすい解説だと思います。APIを使用する際に､何に対して､何をするのかを理解すれば､上手く利用できるのではないでしょうか。
素晴らしい動画ありがとうございます！
あまりイメージできなかったのが、実践編で作ったAPIをどう使用するのか、というところです...
POST/GETというメソッドがあるということなのですが、いざAPIを開発するサービスに組み込もうとなった時、どう識別して使うのか、みたいなところです
いろいろ曲解していたらすみません
なんだこれ！
めっちゃ分かりやすい！
APIの実際の作り方を知りたい人は
31:44から見るのがおすすめ！
いつもわかりやすくて大変参考にさせていただいております。
少し動画の本趣旨からは逸れますが、いつもお使いのディスプレイはなんという商品か、お教えいただきたいです！
AppleのPro displayというのを使ってます！
これが無料で見れるとは神ですね！
かしこい小学生なら大人の僕より理解してそうですw
ありがとうございます。WebAPI素人です。動きを確かめながら機能を追加する環境や、作り込み方がよく分かりました。JSONの意味やその扱い方が理解できていないと厳しいですね。あとはRDBとの連携がどういうものかですね。
良コンテンツでした、APIってなんですか？と言われたときにパッと答えられるようになりました、ありがとうございます！
よかったですーー！
Postでjson投げて形式状エラーの内容だった場合はその後getでjson取得すると形式状エラーのjsonが返ってくる？
そこら辺はどうとでもなりそうだけど、内容を理解してると混乱しますね、
とても分かりやすい動画でした。ありがとうございます。
めっちゃ分かりやすいです！！助かりました！ありがとうございますm(_ _)m
カットもできるのにあえて水を飲むシーンを入れるあたり好きｗ
vscodeや他のエディタでやってみてほしかったです。dockerも使用してるかもしりたかです。いきなりターミナルは難しいです
配色テーマは何を使っていますか?
API作るために初めに画面遷移図を作るって聞いて、
ん？それはクライアント側の設計じゃないか、と思いましたが、
実際に使われるシチュエーションを考えた上でサーバー側の設計するのは大事ですよね。
使われることを意識して作らないと使われるAPIにはならないというのは感じます。
あぁ確かに、クライアント側の設計と勘違いされそうな内容でしたね💦ユースケースを整理するとかの方がやりたいことを適切に表してたかもです
過去postmanについて動画出していますか？
windwosなんですが、postmanにbooklogファイルを移動させるにはどうしたらいいですか？
出してないです💦
この動画の続きとしてデータベースに接続するやり方も教えてほしいです。この動画のapiをmySQLと繋ごうとしているんですが、うまくいかなくて...
POSTしたデータってどこに保存されるのですか？
素朴な疑問なのですが、GETメソッド以外で確認できる方法があれば知りたいです。
6:55
ようやく意味わかった。
アプリケーション の データ を
エクセルで読み取りできる用として
一般公開してるツール。
それ使えば
”外部向け=エクセルを使ってる全ての人”
エクセルを使ってる人に一般公開してる。
npm はどうやってインストールするんでしょうか？
API素人です。
とても参考になりました。
APIとてWebを介してHTMLの仕組みを利用して、データをやり取りする様を想像致しました。
またJSONがどういうものなのか
理解出来ました。
が、
最初にご紹介があった様な、
UA-camのフォロワー数をとってくる様な、他システムとの連携を実践していただけたら、もっと分かりやすかったのではないかと思いました。
自分のレベルでは、
本動画はHTMLの記述方法の説明の様に理解してしまうのです。
（理解の仕方の方が浅いのですが。。）
途中から意味分からなくなったw
これってruby on railsでも使えるのかな、、
36分23秒のところでcode .でvs codeが起動しないのですが方法をご存じでしょうか？AWSを使用しております。
VScode側で設定してないんじゃないですかね
APIって、有名なサービスがその一部の利用を許可するために用意しているものだとばかり思っていました。
勉強させていただきました。いつもありがとうございます。
実は自分で作ることもできるものなんですよ☺️
@@KiyotoUniv ありがとうございます。山浦さんの動画でDockerを学びつつ、Pythonで簡単なWEBアプリ作りをトライしています。今後も参考にさせていただきます。
プログラム言語とAPIの違いは何ですか？
色んなプログラム言語は表側、
APIは裏側という事？
秒速五センチメートルの東野孝樹君が映画内でAPI作成してた
また動画と関係ない質問ですみません
できればどなたかに答えてくださるとありがたいです。
僕はドット絵を用いたお知らせ機能付きのカレンダーアプリを作りたいと思っています。
このレベルのアプリは未経験でも実現可能でしょうか？
要件にもよりますが、作れないことはないと思います！
npmってMacに標準装備されているターミナルとは何か違うのでしょうか？
SOAP APIとかは最近は流行っていないのですかね。
最近の主流ではないですね、、
WEB API以外のAPIって身近なものでどんなサービスがあるのですか？
身近かはさておき、例えばWindows内でシステムコールをしているWindows APIとかです〜
@@KiyotoUniv ありがとうございます！
@D Schofield 成る程！ありがとうございます！
18:35頃のJSONの書式間違ってないですかね。リストの中に辞書を含めることはできないはず。
パラメータの意味も教えて、、、
小学生でも理解できるとのことですが、実践編から、さっぱりわかりませんでした。（それまでは分かりやすかったです）〇〇がインストールしている前提とかだと、知識ゼロの私にはついてゆけません。ゼロからAPIを作るというタイトルには当てはまらないのでは？ 実践編をさらに具体的に手順を踏んだ動画だったら嬉しかったです。
冗談ではなく命が救われました。ありがとうございます
お水の下りはカットでいいと思います。失敗の下りは、特に初学者にとって有益なケース学習になるので残すべきと考えます。
何があったんだろあ
内容や説明は丁寧で良いが、タイトルがいやらしい。「情報教育を受けて専門用語通じる小学生」なら、理解ができる。
つまりは要求・応答システムの中で、「応答側のプログラム = API」ですよね？
ネットでは「Application Programming Interfaceの略」と書かれてありますが、相手に理解させる気がまるでないか、コミュ障でしょ？とさえ思ってしまいます。
2022/2/2
~31:40
本質からそれますが、この仕様だとinvalidな値も保存されてしまいますね……😇
うっ仰る通りです、、色々サボってます(；・∀・)
関数解析言語 a = b でシステム開発しております。
Postmanを同じ状態にすることをどうすればいいかわかりません、あと環境下で使える使えないがあるならその説明もしないとわかりません
流石にワンピを表す2文字はゴムか仲間
この動画を見て最後まで同じ様にやってみてもその後に何をするべきなのかが全くわからない。
すごく簡単に出来るよって感じでやっているが他にも学ばないとダメなものが多くあり過ぎて結局その後につながらない内容と思いました。小学生の様にわからない人がイメージを掴んでとて・・・ねえ。
can you do english?
oh sorry, i want to do but it's not good at english
if文は真偽がややこしいのでフローチャートも使って
説明してくれるとよりわかりやすいんじゃないかなと感じました
ワンピースはゴムかなと
うまい！！
感情とか失敗とかお水とか省いたら、もっと分かりやすいし時間も短縮できる。
ユーデミーで素材買った方が効率的に勉強できる
うーん後半専門用語が多く何を言っているのか全く分からなかった。
ヨーダに似てる
話長いかも
小学生は聞いてられません。
高校生くらいにしておいたほうが良いです
幼稚園児でもわかるようにしてほしいな
大人でも理解しにくい。
特に自分の専門じゃん。
精進します…！
「OSという基本用語もしゃーしゃーと使うな」ってことでしょうか(?_?)
大人になってから動画を見ましょう
ワンピース text長い
小学生でもわかるなら端折るとすでに小学生ではついていけないかと思いますが？大人でもついていけないので、小学生ではまずわかりませんよこれ・・・
コメントも付けないでこんな書き方するやつがいたらメンテする人が大変だな。
前置きが長すぎました。どういう人を視聴対象と考えての動画なのか？WebAPI知りたい人はクラサバの仕組みとか深堀されても…と思います。
APIを使うとバカになる。スキルが育たない。
ちょっと、説明と説明のつなぎが、くどいかな。。
視聴者目線の気持ちにたった、説明って、難しいよね。
わかりやすく丁寧に話してるつもりなのだろうけど、言い回しがくどくて活舌も悪いので聞き取ろうとするだけで疲れてしまう。
最近は講座ではなく雑談っぽい動画がメインのようですが聞き流せるしそっちのほうが向いてる気がする。
GET,POSTの違いを説明していない。コネクション？ポート？ 説明もない。
わからんまま組むとセキュリティ、ボロボロのソフト組んじゃうよ！
Windowsにnpmってあったっけ？使うOSちゃんと説明しないと
サーバー再起動？？？？
再起動しなくても、サービス再起動いいじゃん。
アプリ作られてサーバ落としていると管理者たまらんやろ
ちゃんと技術は基礎から説明しましょう！！！
19:15