Перейти к содержимому

プログラミング経験ゼロでも、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 #ずんだもん