スクショ学習メソッド — SCKPT METHOD
スクショで操作を再現する
スクショで操作を再現する
リスキリング講座
プログラミング未経験から、スクリーンショットをAIに見せるだけでWebアプリを作って公開できるエンジニアへ。理解より先に再現する、SCKPTスクプト学習メソッドで最短ルートを進みます。
10講座
約200h総学習時間
約70h最短コアパス
¥0コアパスの必要費用
受講を開始する →
アクセスコードが必要です
スクショ学習メソッド (SCKPT Method)
スクショで伝わる。スクショでできる。
スクリーンショットを参照フレームとして状況を共有し、操作をトレースしながらスキルを最短で再現する学習メソッド。理解中心ではなく再現中心の設計で、説明不要でも操作できる状態を目指します。
PRINCIPLE 01
Status Sharing
説明ではなく状況を共有する
PRINCIPLE 02
Action Trace
操作は理解するより真似る方が速い
PRINCIPLE 03
Reference Learning
正しい状態との差分で学ぶ
PRINCIPLE 04
Next + Not Yet
次の行動と、まだ行うべきでない行動を同時に学ぶ
PRINCIPLE 05
Zero-Explanation
言語説明を最小化する
AIは指示を出しても完全に理解していない時も多いです。
スクショを多用してAIが理解するまでやりとりするのも学習の一環となっています。
🎯 このカリキュラムで最終的にできるようになること
プロンプト指示だけでWebアプリを作れる
作ったアプリをインターネットに公開できる
スクショを見せるだけでAIにアプリを修正させられる
GASでスプレッドシートの定型業務を自動化できる
ブラウザ上の定型作業をAIに自動実行させられる
会員管理・メール送信ができる簡易SaaSを作れる
🗺️ 学習パスの選び方
Path A — 簡単スタート（Google AI Studio版）
推奨・初心者向け / コアパス約70時間
Node.jsなしで始められる。HTMLファイルを生成してVercelに公開するシンプルな流れ。
講座01
→
講座02
→
講座03
→
講座04
→
講座05
→
講座06
→
講座07
Path B — モダン開発（Vite版）
Path A 修了後に挑戦 / 追加25時間
React + TypeScript のモダン開発環境で本格的なWebアプリを構築する。
Path A完了
→
講座04応用
→
講座05〜07
オプション講座
いつでも追加可能
06応用: Cloud Run
08A/B: ブラウザ自動化
09: 有料ツール総合
10仮: SaaS構築
🏗️ 技術スタック全体図
学習ツール・サービス アーキテクチャ
👤 あなた（プロンプト + スクショ）
🤖 Google AI Studio
コード生成・API
✏️ Cursor IDE
コード編集・修正
⚡ Antigravity
自律エージェント
↓
📁 ローカルPC
開発・テスト
→
🐙 GitHub
バージョン管理
→
▲ Vercel
公開・デプロイ
↓ (オプション)
🟢 Supabase
DB・認証
📧 Resend
メール送信
☁️ Cloud Run
サーバーサイド
📚 講座一覧
🗺️ ビジュアルロードマップ
学習ステップ全体図（Path A コアパス）
🔧 ツール使い分け早見表
| ツール | 費用 | 主な用途 | 関連講座 |
|---|---|---|---|
| Google AI Studio | 無料 | コード生成・プロンプト設計・APIキー取得 | 02, 03, 04 |
| Cursor IDE | 無料（Hobby） | コード編集・Agent修正・スクショ修正 | 02〜07 |
| Google Antigravity | 無料枠あり | 自律エージェント修正・ブラウザ自動テスト | 02〜07, 08B |
| Google Apps Script | 無料 | スプレッドシート自動化・帳票作成・Gmail連携 | 03 |
| GitHub | 無料 | コードのクラウド保存・チーム共有 | 01, 05〜07 |
| Vercel | 無料（Hobby） | Webアプリの公開・自動デプロイ | 06 |
| Claude in Chrome | 有料（Proプラン $20/月〜） β版はProプラン以上 |
ブラウザ自動操作・定期タスク実行・スクショ確認 | 08A |
| Claude Code CLI | 有料（API利用料） | ターミナルからのAI開発・自律コーディング | 09 |
| Supabase | 無料枠あり | データベース・認証・ストレージ | 10仮 |
| Resend | 無料枠あり | トランザクションメール送信 | 10仮 |
📝 表記ルールについて
AIモデル名・バージョン番号は記載しない
生成AIは進化が速く、モデル名は短期間で変わります。
「高速・低コストモデル」「高精度モデル」などの役割表現を使用しています。
実際の操作ではツールが推奨するモデルをそのまま使ってください。
UIが変わったらスクショをAIに見せる
操作手順はボタンのラベル名・場所で説明しています。
UI変更があった場合はスクショをAIに見せて「このUIの操作手順を教えて」と聞いてください。
受講にあたっての注意事項
- 各講座の冒頭に記載された「前提条件」の講座を先に修了してから受講してください
- 操作がわからなくなったら スクショ + 「このエラーを修正して」 とAIツールに聞いてください。PCでブラウザを開いている場合は Claude in Chrome（Proプラン推奨）が最もスムーズです。
- APIキーなどの秘密情報は
.gitignoreで必ず除外し、GitHubにアップしないよう注意してください - 無料ツールには利用制限があります。制限に達したら翌日リセットを待つか別ツールに切り替えてください
スクプト (SCKPT) — スクショ学習メソッド — sckpt.com — 2026年3月