01
「きほん」から積み上げる
導入の10本で「バイブコーディングで何が変わるか」から。AIとの会話が噛み合い始めます。
導入カテゴリから読む
AIと作るWebアプリの教科書全20カテゴリ・200本を無料公開中
むずかしい技術を、動画と解説で。
AIと一緒にWebアプリを作るために必要な技術の基礎を、20カテゴリ・200本にまとめました。1本5〜8分の動画と、読んで分かる解説つき。専門用語は毎回かみ砕いて説明します。
動画と解説の両方1本5〜8分の動画と、あとから読み返せる解説記事
LINEで全部読める友だち追加でアクセスコードが届き、全200本が読み放題に
用語をかみ砕いて説明非エンジニアが最初につまずくところから丁寧に
20のカテゴリから探す
事例で刺激を受けるもよし、手順とテンプレで手を動かすもよし。
導入・バイブコーディングの前提
10本 · 58分
コンピュータ・OS・開発環境
10本 · 57分
インターネット・ネットワーク
10本 · 56分
Web・ブラウザ・HTTP
10本 · 58分
プログラミングの基本概念
10本 · 55分
JavaScript・TypeScript・実行環境
10本 · 56分
HTML・CSS・アクセシビリティ
10本 · 56分
UI・UX・フォーム・状態
10本 · 58分
フロントエンド・React・Next.js
10本 · 57分
バックエンド・サーバー
10本 · 57分
API・外部連携・非同期処理
10本 · 59分
データベース・SQL・データ設計
10本 · 58分
企画・業務分析・要件定義
10本 · 58分
設計・アーキテクチャ・非機能
10本 · 1時間1分
Git・依存関係・開発ワークフロー
10本 · 59分
テスト・デバッグ・品質保証
10本 · 59分
認証・認可・セキュリティ・プライバシー
10本 · 54分
クラウド・インフラ・デプロイ・CI/CD
10本 · 59分
運用・監視・性能・コスト
10本 · 1時間
AIアプリ・LLM・RAG・エージェント
10本 · 1時間1分
カテゴリ別・最初の4本
導入・プログラミング・フロントエンド・AI。まずは気になる入口から。
導入・バイブコーディングの前提
導入・バイブコーディングの前提の記事を見る →プログラミングの基本概念
プログラミングの基本概念の記事を見る →フロントエンド・React・Next.js
フロントエンド・React・Next.jsの記事を見る →AIアプリ・LLM・RAG・エージェント
AIアプリ・LLM・RAG・エージェントの記事を見る →3 TIERS
200本は、3つのティアで整理されています
きほん → つくる → のばす。迷ったら「きほん」からどうぞ。
01
きほん
Webとコンピュータの土台。AIとの会話が噛み合うようになる基礎概念。
70本02
つくる
アプリを組み立てる知識。UI・フロント・バックエンド・DB・要件定義。
70本03
のばす
公開して育てる知識。Git・テスト・セキュリティ・デプロイ・AI活用。
60本きほんから順に読むと、AIとの開発会話が噛み合うようになります。
「きほん」の70本を見る →
無料で公開する理由
「作る人」が増えるほど、この分野は面白くなるからです。
知識を囲わない
作り方の知識はオープンに。試す人が増えるほど、良いアプリと良い問いが増えていきます。
実戦で価値を出す
知識は無料で、伴走に対価を。6週間の実戦プログラムで「作りきる」ところを支援します。
更新し続ける
AIの世界は毎月変わります。読者の反応を受けて、資料をアップデートし続けます。
読むだけで終わらせたくない方へ
6週間で動くアプリを6本作る「AIビルダー実戦プログラム」。毎週の提出とレビュー、Week 6の1on1個別開発で、自分の現場の“あったら便利”を作りきります。
よくあるご質問
無料でどこまで読めますか？
登録なしで、全200本の一覧・各記事の冒頭と、累計5本まで全文をお読みいただけます。LINE友だち追加でお送りするアクセスコードを入力すると、全200本が読み放題になります。会員登録やパスワードはありません。
アクセスコードはどうやって受け取りますか？
LINEの友だち追加をすると、自動返信でアクセスコードが届きます。サイトの「コードを入力する」ページに1回入力すれば、それ以降は全記事をご覧いただけます。
動画はどのように視聴できますか？
各記事のページに解説動画を埋め込んでいます。順次公開しており、動画が未公開の記事も本文は先に読めます。
社内での共有や勉強会での利用はできますか？
記事URLの共有は自由です。社内勉強会や新人研修の教材としてご利用いただくのも歓迎します。