LEARN PRACTICE

実践教材

見本・プロンプト・コード・検証手順を一つにまとめた教材です。作りたいものを選び、AIへの実装指示書をそのまま使えます。

すべて Webサイト・LP制作アプリ・システム開発モーション・インタラクション動画・映像制作外部連携・自動化

すべて作る学ぶ試す調べる使う

難易度対応AI 技術リセット

3件の教材

Webサイト・LP制作作る中級

5 ページの企業サイトに問い合わせフォームを付け、送信をメールと LINE 公式アカウントへ通知する。トークンはコードに書かない。

約180分 Claude CodeCursor 検証 2026.10.21

アプリ・システム開発作る中級

メール + パスワードのログインと、自分のデータだけを扱うダッシュボードを Next.js と Supabase（Auth + Postgres + RLS）で作る。

約240分 Claude CodeCursor 検証 2026.10.21

モーション・インタラクション学ぶ初級

カメラワークとモーションの語彙を 7 要素のテンプレートにまとめ、動画生成 AI 4 サービス向けに書き分ける。生成結果は保証しないので、比較して直す手順まで含む。

約60分 ChatGPTKlingRunway 検証 2026.10.21