プログラミング経験ゼロでも、AIでアプリは作れる?週末で公開してみたら…【ざっくりIT】
ざっくりIT
0:00 / 0:00
プログラミング経験ゼロでも、AIでアプリは作れる?週末で公開してみたら…【ざっくりIT】
14 просмотров · 13 часов назад
ざっくりIT
25 подписчиков
14 просмотров · 13 часов назад
プログラミング経験ゼロでも、AIに頼めばアプリって作って公開できるの?
ずんだ餅早食い大会の受付アプリを、ずんだもんが生成AI(ChatGPT・Claudeなど)とCloudflareで週末に公開するまでと、公開したあとに起きたことを、四国めたんとざっくり体験するのだ。
AIのおかげで、素人でも「作って公開する」までは週末でできる。でも「安全に動かし続ける」は別の仕事で、そこはAIに任せきりにせず、自分で確かめる必要があるのだ。
0:00 2日で公開した。でも、誰でも記録を消せる!?
0:17 第1章 きっかけ
0:48 第2章 AIに頼んでみる(生成AI・ChatGPT・Claude)
1:59 第3章 動かない!(エラー)
2:53 第4章 記録はどこに置く?(データベース)
3:31 第5章 世界に公開する(Cloudflare)
4:44 第6章 公開した!
5:11 第7章 秘密が丸見え(セキュリティ)
6:19 第8章 いたずら入力(入力のチェック)
6:51 第9章 大会当日(アクセスと無料枠の上限)
8:00 第10章 大会のあとも続く(保守運用)
9:11 最終章 つまり、AIでアプリは作れる?
■ この動画でわかること
・生成AIは、チャットで頼むとプログラム(コード)を書いてくれる。ChatGPT(OpenAI)もClaude(Anthropic)も同じ種類の道具。ファイルを直接直してくれるAI(Claude Codeなど)もある
・頼み方があいまいだと、AIが勝手に想像して作る。「誰が・何を入れて・何が出るか」まで書いて頼む
・エラーは、そのままAIに見せればいい。ただしAIの答えもまちがうことがあるので、必ず自分で動かして確かめる
・自分のパソコンの中のアプリは自分しか使えない。Cloudflareは世界中に拠点を持ち、その上にアプリやデータベースを置いて公開できる(置く場所はほかにもある)
・画面の側のコードは、見る人のブラウザに届くので誰でも見られる。パスワードなどの秘密はコードに書かず、裏側の秘密の置き場所にしまう
・入力はそのまま信じない。ありえない値は、画面の側だけでなく裏側でもはじく
・Cloudflare Workersの無料プランは、裏側が動く回数が1日10万回まで(画面のファイルを開く回数は数えない)。有料にすると毎月の料金がかかり、使った分が上乗せされる
・公開したあとも、部品の更新・記録の写し(バックアップ)・エラーの見張りが続く。直して別のところが壊れても、変更の記録があれば前の形に戻せる
※大会・アプリ・出来事は、説明のための作り話です。料金・上限は2026年10月23日時点の情報です
■ 1分でざっくり(関連動画)
・今はやっているAIって、どうやって作ってるの? • ChatGPTみたいなAIって、どうやって作ってるの?【1分でざっくりIT】
・生成AIと普通のAIって何が違うの? • 生成AIと普通のAIって何が違うの?2つのタイプを1分でざっくり【ざっくりIT】
・ブラウザって何をしているの? • ブラウザって何をしているの?ページを組み立てる仕組みを1分でざっくり【ざっくりIT】
・要件定義ってなに? • 要件定義ってなに?作る前の「約束づくり」を1分でざっくり【ざっくりIT】
・フロントエンドとバックエンドって何? • フロントエンドとバックエンドって何?違いを1分でざっくり【ざっくりIT】
・バグって何で発生するの? • Видео
・GitHubって何? • Видео
・アクセス集中でつながらないのは、なんで? • Видео
・AWSって何? • Видео
・ノーコードって何? • Видео
■ 出典(2026年10月23日確認)
・OpenAI「ChatGPT が登場」 https://openai.com/ja-JP/index/chatgpt/
・Claude Docs「Intro to Claude」 https://platform.claude.com/docs/en/i...
・Claude Code Docs「Overview」 https://code.claude.com/docs/en/overview
・Cloudflare「Cloudflare(クラウドフレア)とは」 https://www.cloudflare.com/ja-jp/lear...
・Cloudflare Docs「Workers Limits」 https://developers.cloudflare.com/wor...
・Cloudflare Docs「Workers Pricing」 https://developers.cloudflare.com/wor...
・Cloudflare Docs「D1」 https://developers.cloudflare.com/d1/
・Cloudflare Docs「Secrets」 https://developers.cloudflare.com/wor...
・Cloudflare Docs「Workers Builds」 https://developers.cloudflare.com/wor...
・MDN「Introduction to the server side」 https://developer.mozilla.org/en-US/d...
・OWASP「Input Validation Cheat Sheet」 https://cheatsheetseries.owasp.org/ch...
・OWASP Top 10:2021「A06 Vulnerable and Outdated Components」 https://owasp.org/Top10/2021/A06_2021...
――――――――
クレジット
音声:VOICEVOX:ずんだもん、VOICEVOX:四国めたん
立ち絵:坂本アヒル 様「ずんだもん立ち絵素材」「四国めたん立ち絵素材」
背景:フリー素材ぱくたそ(www.pakutaso.com)
イラスト:いらすとや
BGM:DOVA-SYNDROME(現 OpenTracks)
「昼下がり気分」KK/「追いかけっこキャッハー」今川彰人オーケストラ/「Morning」しゃろう
効果音:効果音ラボ
フォント:M PLUS Rounded 1c(SIL Open Font License 1.1)
#生成AI #ChatGPT #Claude #Cloudflare #ずんだもん