３分AIプログラミング 「ゼロから構築！OpenAI APIを使ったWebアプリケーション」

OpenAI APIを使ったWebアプリケーションを３分程度（実際は４分ちょっと）の動画で行う試みです。
動画は下記内容になります。

・必要なアプリケーションのダウンロード
・インストール（HTTPサーバー/アプリケーションサーバー構築）
・バックエンドのプログラムの実装
・フロントエンドのプログラムの実装
・動作確認

Transcript

1. ３分 ＡＩ プログラミング ゼロから構築！ OpenAI APIを使った Webアプリケーション
2. 徳和 貴成 （とくわ たかなり） TAKANARI TOKWUWA 自己紹介 CDLE名古屋リーダー ➢ CDLE名古屋を立ち上げ1５0人を超えるグループに。東京 AI祭など数々のイベントに登壇。 CDLE AIプログラミング リーダー CDLE 生成モデルサポーター ➢ チャットモンスター（チャトモン）、AIモンスター人相占いなど、 AIとプログラミングを組み合わせたコンテンツを発表
3. CDLEで「名古屋らへん」で活動しているグループ 名古屋に関係なくても参加可能！ メンバーは中部圏の多種多様な企業に在籍しているため、 ビジネスとして繋げられるチャンスも広がります！ CDLE名古屋とは？ G検定かＥ資格に合格すれば、誰でも参加できます！！
4. CDLE名古屋は2025年の大阪・関西万博と その先の未来に挑む参加型プログラム、 TEAM EXPO 2025/共創チャレンジに AI教育をテーマに参加しております。 2025年7月23日（水）に 大阪・関西万博への出展します！！ みなさん、遊びに来てね！！
5. ホームページみたいに、ＨＴＭＬファイルひとつで 「OpenAI APIを利用したWebアプリ」が動きます！！ とても簡単にWebアプリが作れる！！ ～ 過去に投稿したnoteの記事 ～
6. HTMLひとつで動かす仕組み Webサーバー （インストール不要） html そのままファイル編集 （コンパイル・デプロイ不要） HTTP通信 HTTPS通信 OpenAI APIキー入力 プログラミング
7. この仕組みの問題点 ➢OpenAIのAPIキーを毎回入力するのは面倒 ➢OpenAIのAPIキーの漏洩が不安 ➢生成した画像をWebアプリ側で利用したり、編集 が出来ないなど、セキュリティの制限がある
8. Webサーバー （インストール不要） html HTTP通信 HTTPS通信 簡易アプリケーション サーバー リバースプロキシー の仕組み OpenAI APIキー設定 HTMLひとつで動かす仕組みの進化版！！ これら問題を解決する！！ プログラミング そのままファイル編集 （コンパイル・デプロイ不要） 代理
9. この部分が増えただけで、凄く複雑そう… 環境構築から技術的知識まで沢山勉強して 開発に時間をかけなきゃ実現無理じゃね？
10. 出来らぁ！！ この仕組みの全工程を ３分 （ぐらい） の動画で構築します！！
11. 動画をどうぞ！！
12. https://youtu.be/ZO_ZsuBkmPs
13. なんと！！ プログラムコードを一切 書くことなく構築できて しまいました！！
14. …これ、プログラミングが不要 な未来がくるんじゃね？… ここに落とし穴があります！
15. それは、問いを立てる力 Webアプリの完成図をどのようにイメージしたのでしょう？ AIへの指示は？どうやってプロンプトを考えたのでしょう？
16. 問いを立てる力とは何か？？ 自分の理想を正しく伝える能力…それは？ • 問題を分解する能力 複雑な問題を小さく分け、細部が自分の理想通りになるよ う具体的で適切な問いを立てる能力 • 論理的に条件を設定する能力 目的が美人の絵を描いてって言っても、丸顔が好きとか人それぞれ異なるよね？ 明確な条件と手順で動かすため、意図や背景を論理的に整 理する力 バンジージャンプの紐が５回に１回ほどけるような実装は嫌だよね？ • 試行錯誤し改善する能力 望む結果とならなかった場合、問いを繰り返し調整・修正 し、より良い形にする力 失敗したら終わりではなく、むしろ、そこがスタートという考えが必要！！
17. これらの能力は全て プログラミング的思考を 身に着けられれば 自然と身につく能力です！！
18. プログラミングとコーディングの違い コードを書かないでも実装出来るって言ったじゃん！ こっちは無くなるかも！？
19. コーディングが不要な未来が来たとしても… プログラミングが 不要になる未来は来ない！ そして、プログラミング的思考能力は コーディングで磨かれるのです・・・
20. 「CDLE AI プログラミング」グループで 共にプログラミングを学ぼう！！
21. There is no tomorrow in a future without AI.