#カリキュラム
79件の記事が見つかりました
1 何を作るか｜問い合わせフォームと管理画面の全体像
Cloudflare 入門コースの第1章です。7章かけて作る「問い合わせフォームと管理画面」の全体像と、Workers / D1 / R2 / Access のどれが何を引き受けるのかを整理します。Vercel・Supabase の各コースとの違いもここで示します。
1 何を作るか｜Supabase が1つでまかなう範囲
問い合わせフォームと管理画面という題材を、Supabase だけで組み立てるとどうなるかを整理します。データベース・認証・ファイル保存・サーバー処理の担当を確認し、このコースだけが一般ユーザーのログインを扱える理由を説明します。
1 何を作るか｜Vercel が引き受ける範囲と、引き受けない範囲
問い合わせフォームと管理画面を Next.js + Vercel で作る全7章の第1章。完成形の全体像と、Vercel が担当するホスティング・実行環境・配信の範囲、そして自前では持たないデータベースの扱いを最初に切り分けます。
1-1 Codex とは｜どこでも同じエージェントが動く設計
OpenAI Codex の全体像を非エンジニア向けに解説。CLI・アプリ・Web・ブラウザ拡張という複数の入口が同じエージェントにつながる仕組みと、Codex が得意なこと・苦手なことを整理します。
1-1 Claude Code とは｜AI駆動開発でできることの全体像
Claude Code はAnthropic製の「手を動かすAIエージェント」。ChatGPTなどチャットAIとの違い、業務自動化から開発まで何ができるか、非エンジニアにこそ価値がある理由を初心者向けに解説します。
1-2 Claude Code と何が違うのか｜使い分けの判断軸
Codex と Claude Code の違いを非エンジニア向けに整理。承認とサンドボックスの2層構造、指示ファイルの連結方式、GUI での並行作業など、実際の使い勝手に効く差分と使い分けの判断軸を解説します。
1-2 Claude Code で何ができる？職種別ユースケース集
営業・マーケティング・企画/事務・エンジニアの職種別に、Claude Code の具体的な活用例と「最初の一歩」になる指示例を紹介。自分の仕事のどこに使えるかがわかるユースケース集です。
1-3 ChatGPT のどのプランで使えるか
Codex を使うために必要な契約を整理。ChatGPT の各プランでの利用可否、クラウド機能に必要なプラン、クレジット制の仕組み、API キー経路との違いを非エンジニア向けに解説します。
1-3 Claude Code の料金プラン比較｜サブスクと API どちらを選ぶ？
Claude Code の利用に必要なものと料金体系を初心者向けに解説。Pro/Max サブスクリプションと API 従量課金の違い、選び方の判断軸、まず Pro から始める現実的なステップを紹介します。
2 環境を用意する｜アカウントと Wrangler、ローカルで動かすまで
Cloudflare アカウントを作り、create-cloudflare でプロジェクトを生成し、wrangler dev でローカルに問い合わせフォームを表示するまでを扱います。生成される wrangler.jsonc の各行が何を意味するのかも読み解きます。
2 テーブルを設計する｜プロジェクト作成とマイグレーション
Supabase のプロジェクトを作り、問い合わせテーブルを設計します。ダッシュボードで書いた SQL をマイグレーションとして手元に残す方法と、2026年に変わったテーブル公開の既定を扱います。
2 環境を用意する｜Next.js プロジェクトと Vercel CLI
Next.js の App Router プロジェクトを作り、Vercel CLI をインストールしてアカウントとリンクするまでを扱います。ローカル開発で npm run dev と vercel dev のどちらを使うべきか、公式の推奨とあわせて整理します。
2-0 CLI とデスクトップアプリ、どちらで始めるか
Claude Code はターミナル（CLI）とデスクトップアプリのどちらでも使えます。3つの質問で自分に合うほうを選び、後から乗り換えられることまで理解します。非エンジニア向けの環境選択ガイド。
2-0 4つの入口から自分の入口を選ぶ
Codex アプリ・CLI・Web版・Chrome拡張のどれで始めるかを、3つの質問で決めます。手元で動かすかクラウドで動かすかの違い、後から乗り換えられることまでを非エンジニア向けに解説します。
2-1 Codex アプリを入れて初回確認する
ChatGPT デスクトップアプリをインストールし、Codex で最初の動作確認を終えるまでの手順。実行場所の選択、作業フォルダの指定、承認モードの初期設定、差分の確認までを非エンジニア向けに解説します。
2-1 Claude Code を Windows にインストールする手順
Windows パソコンに Claude Code を導入する手順を、PowerShell の開き方から動作確認まで初心者向けに解説。コマンドが見つからない・権限エラー・社用PCのプロキシなど、つまずきやすいポイントの対処法もまとめました。
2-2 CLI を入れて初回確認する
Codex CLI を Mac・Windows・Linux にインストールし、初回の動作確認を終えるまでの手順。インストール方法の選び方、Linux で必要な追加ソフト、承認モードとサンドボックスの初期設定を非エンジニア向けに解説します。
2-2 Claude Code を Mac にインストールする手順
Mac に Claude Code を導入する手順を、ターミナル.app の開き方から動作確認まで初心者向けに解説。curl ワンライナーと npm の使い分け、PATH の確認方法、command not found の対処法もまとめました。
2-3 最初の指示を出してみる
Codex に初めて実務的な作業を任せる手順。「完了条件を書く」という Codex 特有の指示のコツと、結果を検証してから受け取る習慣を、練習用のデータを使って身につけます。
2-3 Claude Code 初回起動｜最初の動作確認チェックリスト
Claude Code を初めて起動するときの流れを解説。作業フォルダの作成、初回認証、挨拶テスト、ファイル作成テスト、許可プロンプトの意味と安全な付き合い方、最初に覚えるスラッシュコマンドをチェックリスト形式で確認できます。
2-4 デスクトップアプリをインストールする
Claude デスクトップアプリをMac・Windowsにインストールし、Code タブを使えるようにするまでの手順。Chat / Cowork / Code の3タブの違い、Windows で必要な Git、有料プランの前提までを初心者向けに解説します。
2-5 デスクトップアプリの初回チェックリスト
Claude デスクトップアプリの Code タブで、作業フォルダの選び方、権限モード、差分ビューでの確認、ファイル作成テストまでを一通り確認します。CLI 版の 2-3 に対応するデスクトップアプリ版のチェックリストです。
3 最初のデプロイ｜URL が返るところまで
wrangler login で認証し、wrangler deploy で Worker を公開して workers.dev の URL を得るまでを扱います。デプロイ後のログの見方、バージョンの確認とロールバック、公開されたことの意味も整理します。
3 RLS を理解する｜書かないと何が公開されるか
本コースの中心となる章です。ポリシーを書かないテーブルが実質公開になる理由を実際に確かめ、誰でも送信できるが誰にも読めない問い合わせテーブルを設計します。ビューが RLS を迂回する問題も扱います。
3 デプロイと Preview 環境｜ブランチごとに URL が生える
GitHub 連携で Next.js プロジェクトを Vercel へデプロイし、Production と Preview の関係を理解します。3種類の生成 URL の使い分け、Instant Rollback、Hobby プランでの制約までを扱います。
3-1 承認モード｜どこで止めるかを決める
Codex の承認ポリシー4種類を非エンジニア向けに解説。毎回確認が安全ではない理由、untrusted / on-request / never / granular の使い分け、自分の作業に合ったモードの決め方を扱います。
3-1 Claude Code への初めての指示｜最初に覚えるプロンプト5つの型
Claude Code への良い指示の基本原則（目的・対象・成果物・制約）と、最初に覚えるべき5つの指示の型を Bad/Good 例とテンプレート付きで解説。非エンジニアでも今日から使える実践ガイドです。
3-2 サンドボックス｜承認とは別の、第2の壁
Codex が持つ OS レベルのサンドボックスを非エンジニア向けに解説。read-only / workspace-write / danger-full-access の3段階、macOS と Linux での実装の違い、承認モードとの組み合わせ方を扱います。
3-2 Claude Code でファイル生成｜HTML・Excel・CSV・Python を作らせる
Claude Code に HTML・CSV・Excel・Python ファイルを作らせる具体的な手順を解説。Excel は Python スクリプト経由で生成される仕組みや、生成物の確認・修正サイクルまで初心者向けに説明します。
3-3 自分の運用モードを決める
承認モードとサンドボックスを組み合わせ、自分の作業に合った設定を決めます。読み取り専用から始めて段階的に解放する進め方と、会社のパソコンで使う場合の注意点を扱います。
3-3 Claude Code で Excel・CSV のデータ整理を自動化する
表記ゆれの統一・重複削除・列の分割結合・集計など、実務で頻出するデータ整理を Claude Code に任せる方法を解説。バックアップと件数検証を組み込んだ安全な指示テンプレートも紹介します。
4 データを保存する｜D1 にテーブルを作り、送信内容を残す
D1 データベースを作成してバインドし、マイグレーションでテーブルを用意します。フォーム送信をサーバー側で検証して保存し、管理画面に一覧表示して対応済みフラグを更新するところまでを扱います。
4 ログインを付ける｜Supabase Auth と一般ユーザーの認証
サインアップとログインを実装し、第3章で書いた RLS のポリシーを実際に動かします。メール確認の設定、Free プランで認証メールのテンプレートが編集できなくなった変更、プロフィールテーブルの分け方を扱います。
4 フォームを受け取る｜Route Handlers と Server Actions
問い合わせフォームの送信をサーバー側で受け取ります。Route Handlers と Server Actions の違いと使い分け、外部入力の検証、ボディサイズ上限、Vercel Functions のランタイムと実行時間の考え方を扱います。
4-1 AGENTS.md の書き方｜毎回の説明をなくす
Codex に職場のルールを覚えさせる AGENTS.md の書き方。何を書くべきか4項目、育て方、CLAUDE.md との挙動の違いを非エンジニア向けに解説します。
4-1 Claude Code で営業レポートを自動生成する
売上CSVや活動記録から週次・月次の営業レポートを Claude Code に自動生成させる実践ガイド。元データの渡し方、レポート構成の指示テンプレート、毎週同じ品質で出すための手順書ファイル化まで解説します。
4-2 階層で積み上げる・チームで共有する
AGENTS.md を会社・部門・案件の階層で設計し、チームで共有する方法。連結の仕組みを活かした構成、共有時の注意点、Claude Code と併用する場合の整理を扱います。
4-2 Claude Code で Excel 加工｜VLOOKUP・ピボット相当の処理を自動化
VLOOKUPでの突合やピボットテーブルでの集計を、関数を覚えずに日本語の指示だけで実行する方法。複数ファイルの結合、月次処理のスクリプト化による再実行、検算の習慣まで実務目線で解説します。
4-3 Claude Code でメール一括作成｜宛先ごとに内容をカスタマイズする
宛先リスト（CSV）とベース文面から、会社名や状況を差し込んだ個別メールを一括生成する方法。自動送信させない運用方針、トーン調整、敬語チェック、個人情報の取り扱い注意までを実務目線で解説します。
5 ファイルを受け取る｜R2 に添付を保存し、安全に取り出す
R2 バケットを作って Worker にバインドし、フォームの添付ファイルを保存します。公開バケットではなく Worker 経由で配信する理由、キーの設計、ファイル名の扱い、D1 と R2 をまたぐ書き込みの失敗をどう考えるかを扱います。
5 ファイルを受け取る｜Storage のバケットとポリシー
問い合わせフォームの添付ファイルを Supabase Storage で受け取ります。バケットの公開設定、storage.objects への RLS ポリシー、署名付き URL での取り出し方を、第3章と同じ考え方で設計します。
5 データ層を用意する｜Vercel は DB を持たない
Vercel が自社で持つのは Vercel Blob と Global Config だけで、汎用データベースは Marketplace 経由で外部サービスをつなぎます。Neon を Native Integration で接続して問い合わせを保存し、添付ファイルは Blob の client upload で受け取ります。
5-1 GUI で並行作業する｜マルチスレッドと差分レビュー
Codex アプリで複数の作業を同時に走らせ、差分を見て採否を決める使い方。Worktree モードで元のファイルに触れずに試す方法も含めて、非エンジニア向けに解説します。
5-1 CLAUDE.md の書き方｜Claude Code に職場のルールを覚えさせる
CLAUDE.md は Claude Code が起動時に読み込む「申し送りファイル」。毎回同じ説明を繰り返さずに済む書き方を、経理・営業フォルダの実例とテンプレート付きで解説します。非エンジニア向けの育て方ガイドです。
5-2 クラウドと GitHub に任せる
Codex のクラウド実行を非エンジニア向けに解説。手元での実行との違い、GitHub 連携が前提になる理由、何がクラウド向きで何が向かないかの判断軸を扱います。
5-2 Claude Code プロンプトの書き方｜精度を上げる5大原則
Claude Code への指示の精度を上げる5大原則（目的・対象・出力形式・制約・確認ポイント）を Bad/Good 例つきで解説。長い指示を見出しと箇条書きで構造化する方法、途中で軌道修正するコツも紹介します。
5-3 ブラウザを操作させる｜Chrome 拡張
Codex の Chrome 拡張で、サインイン済みのブラウザ上の作業を任せる方法。ファイル操作では代替できない業務、権限の範囲、任せてよい作業と避けるべき作業の線引きを非エンジニア向けに解説します。
5-3 複数案を出させて選ぶ｜Best of N プロンプト術
1案を修正し続けるより、最初に3案出させて方向性を選ぶほうが速い——Best of N プロンプト術を解説。保守的・標準・挑戦的の3案の出させ方、比較表での選び方、選んだ案を磨き込む二段階の進め方を紹介します。
6 管理画面を守る｜Cloudflare Access と、その線引き
Cloudflare Access で管理画面を自分たちだけの画面にします。あわせて、Access が一般公開アプリのユーザー認証には使えない理由を、セルフサインアップの不在・シート課金・想定用途の3点から整理し、必要になったときの代替の選び方まで扱います。
6 サーバー側の処理｜Edge Functions を使う場面と使わない場面
Data API と RLS で足りる処理と、サーバー側でしか書けない処理を切り分けます。通知メールの送信を題材に Edge Functions を作り、シークレットの置き場所と実行時の制限を確認します。
6 管理画面を守る｜Deployment Protection の各方式と限界
Deployment Protection はデプロイ URL へのアクセスを絞る仕組みであり、アプリのユーザー認証ではありません。Vercel Authentication / Password Protection / Trusted IPs / Passport の違いと、Standard Protection と All Deployments という現行の scope、そして限界を扱います。
6-1 よく使う指示を保存する｜スラッシュコマンド入門
毎回同じ指示を書き直す手間をなくす方法。Claude Code に自分専用のコマンドを登録し、/週報 のように短く呼び出せるようにします。非エンジニア向けにファイルの作り方から解説します。
6-1 Skills でノウハウを預ける
よく使う手順や判断基準を Skills として保存し、Codex に自動で使わせる方法。AGENTS.md との使い分け、description の書き方、作ったあとの確認方法を非エンジニア向けに解説します。
6-2 判断ごと任せる｜Skills でノウハウを預ける
スラッシュコマンドの次の一歩。Skills を使うと、呼び出さなくても Claude Code が自分で必要な手順を選んで使うようになります。手順書との違いと、非エンジニアが最初に作るべき Skill を解説します。
6-2 プラグインを入れて機能を足す
Codex のプラグインで機能を追加する方法。何がまとまって配布されるのか、導入と削除の手順、信頼できる提供元の見分け方を非エンジニア向けに解説します。
6-3 事故を仕組みで防ぐ｜権限設定と Hooks
確認を減らしつつ安全を保つ方法。何を自動承認し何を必ず止めるかを権限設定で決め、Hooks で危険な操作を機械的にブロックします。非エンジニア向けに、注意力に頼らない安全設計を解説します。
6-3 Automations で定期実行する
決まった時刻や間隔で Codex に作業させる Automations の使い方。自然言語で設定できる仕組み、定期実行に向く作業と向かない作業、暴走させないための設計を非エンジニア向けに解説します。
6-4 MCP で外部サービスにつなぐ
Codex に外部サービスの手を持たせる MCP の仕組み。プラグインとの違い、ローカル型とリモート型の接続方式、codex mcp add と config.toml の書き方、資格情報を直書きしない渡し方を非エンジニア向けに解説します。
7 公開して運用する｜独自ドメイン・環境分離・シークレット・費用
workers.dev から独自ドメインへ移し、本番と検証を分け、シークレットを安全に持たせるところまでを扱います。運用開始後に効いてくるログの見方と、この構成が毎月いくらになるかの見積もり方も整理します。
7 公開して運用する｜ブランチング・バックアップ・費用
作ったアプリを運用に乗せます。2026年に Git なしが既定になったブランチング、時間課金の落とし穴、プラン別のバックアップ、Free と Pro の費用の見方、そして情報の追い方を扱います。
7 公開して運用する｜ドメイン・環境変数・Observability・費用
独自ドメインの接続と SSL、環境ごとの環境変数の管理、Observability と Runtime Logs での監視、そして Hobby と Pro の費用構造までを扱う最終章。Cloudflare 入門コース・Supabase 入門コースとの使い分けも整理します。
7-1 クレジットの仕組みと節約
Codex の利用量がどう消費されるかの仕組みと、同じ成果をより安く出すための節約術。プラン別の月額、5時間ウィンドウあたりの利用枠、モデル別の単価を踏まえて、渡す情報を絞る・会話をリセットする・作業に見合った設定を選ぶという3つの原則を非エンジニア向けに解説します。
7-1 Claude Code で LP（ランディングページ）を作る
Claude Code に1枚もののLP（HTML+CSS）をゼロから作らせる手順を解説。誰向け・目的・セクション構成・トーンの伝え方、参考サイトの雰囲気を言葉にするコツ、確認・修正サイクルの回し方まで初心者向けに説明します。
7-2 チームに広げる
自分が使えるようになった Codex をチームへ展開する進め方。共有すべきもの、最初に選ぶべき業務、反対にあったときの対応を非エンジニア向けに解説します。
7-2 Claude Code で社内ツールを作る｜小さな業務アプリを1時間で
Claude Code で単一HTMLの小さな業務ツール（工数計算機・チェックリスト・CSV出力フォーム）を作る手順を解説。最初は1機能に絞る要件の決め方、改善要望の伝え方、ローカルツールの限界まで正直に説明します。
7-3 セキュリティと社内ルール
Codex を組織で安全に使い続けるための設計。扱ってよい情報の線引き、外部に出るかどうかの判断、社内ルールの作り方を非エンジニア向けに解説します。
7-3 作った Web ページを Vercel で公開する
ローカルで作った HTML を Vercel で世界に公開する手順を解説。GitHub アカウント作成、Claude Code に任せる git 操作、Vercel 連携、公開 URL の確認、更新の反映、公開時の注意点まで初心者向けに説明します。
8-1 Claude Code で競合調査を自動化する
競合サイトや公開情報の調査を Claude Code に任せ、比較表とレポートに整理させる方法を解説。調査観点の指示の仕方、出典URLを残す重要性、ハルシネーション対策まで、信頼できる調査結果を得るための実践テンプレートを紹介します。
8-2 Claude Code で KPI ダッシュボードを作る
売上や問い合わせ数のCSVから、Chart.js を使ったグラフ付きHTMLダッシュボードを Claude Code に作らせる方法を解説。見たい指標の整理、グラフの選び方、月次更新の運用、Excelグラフとの使い分けまで紹介します。
8-3 Claude Code で大量の CSV を処理する｜Python 自動化入門
数万行のCSVや何十個ものファイルをまとめて処理する方法を解説。小さなサンプルで試してから全件処理する手順、行数・合計値での検証、スクリプトを保存して再利用する運用まで、大量データを安全に扱う型を紹介します。
9-1 Claude Code の MCP とは｜外部ツール連携の仕組みを理解する
MCP（Model Context Protocol）は AI と外部ツールをつなぐ共通規格。なぜ必要なのか、何ができるのか、claude mcp add での追加方法とセキュリティの基本姿勢まで、非エンジニア向けにやさしく解説します。
9-2 Claude Code に Notion・Google Drive をつなぐ
Notion・Google Drive の MCP 連携で議事録の取り込み・ドキュメント検索・ページ生成を自動化。接続の流れ、つないだ後の指示例、権限不足や認証切れなどのつまずき対策、社内データを扱う注意点を解説します。
9-3 Claude Code MCP で GitHub・Slack・データベースをつなぐ
GitHub の Issue/PR 操作、Slack の長いスレッド要約、データベースへの日本語での問い合わせなど、開発・コミュニケーション系の MCP 活用例を紹介。複数 MCP を組み合わせたワークフローと権限設計の考え方も解説します。
10-1 Claude Code の料金の仕組み｜トークン課金を理解する
Claude Code の費用の正体である「トークン」を初心者向けに解説。モデル別の単価、入力/出力トークンの課金構造、コンテキストに何がカウントされるか、プロンプトキャッシュの倍率、/usage での実測方法までを整理します。
10-2 Claude Code のトークン節約術｜同じ成果をより安く出す
Claude Code のトークン消費を減らす実践テクニックを解説。セッションの区切り方、/clear と /compact の使い分けと圧縮率の実測手順、ファイル指定の工夫、長文の渡し方、単価差5倍のモデル使い分けまでを扱います。
10-3 Claude Code の月額予算設計｜個人・チーム・経費精算
Claude Code の費用を計画的に管理する方法を解説。Pro / Max の実額と公式が示す上限、5時間ローリングウィンドウの仕組み、API 単価からのチーム試算、経費申請の説明資料、利用ログと運用ルールまでを扱います。
11-1 Claude Code をチームに導入する戦略と進め方
Claude Code の組織導入は「小さく始めて広げる」が鉄則。パイロットチーム選定から成功事例の共有、段階展開までの3ステップを、推進役の決め方・導入目的の言語化・失敗パターン・導入計画テンプレート付きで解説します。
11-2 チームでの Claude Code 協業｜CLAUDE.md 共有とナレッジ運用
Claude Code をチームで使うと、CLAUDE.md やプロンプトが「共有資産」になります。共有 CLAUDE.md の管理・更新ルール、プロンプト共有会、AI成果物のレビュー文化、レベル差を埋めるオンボーディングの設計を解説します。
11-3 Claude Code のセキュリティ｜組織導入の安全設計
Claude Code を組織で安全に使うための設計を解説。渡してよいデータの分類、permission 設定の考え方、データ取り扱いポリシーの確認ポイント、社内ガイドラインのチェックリスト、インシデント時の対応手順までをカバーします。