
核心だけを簡単に習得するSQL
Masocampus
複雑な理論や概念は思い切って省略し、SQL構文をすぐに書いて練習し、真似してみてください!
入門
SQL, MySQL
コーディングができなくてもOK、Google Stitchで完成させる自分だけの初めてのサービス 企画からデプロイまで一連の流れでつなぐオールインワンのAI開発ワークフロー
受講生 34名
難易度 入門
受講期間 無制限
学習した受講者のレビュー
5.0
냥2
Google Stitchは知らなかったツールですが、Figmaと連携して使えて良かったです。AIで簡単に作れるので便利な気がします。
5.0
핑꿀
AI活用のサービス開発について、全体的な流れを把握するのに良い講義だと思います。
5.0
히릿
最近AIでサービスを作るという話をよく聞くので受講してみましたが、思った以上に実践的で面白いです!
Claude・Notion・Google Stitch・Figma・Cursorまで、目的に合ったツールの組み合わせによる制作ルート設計
MCP連携で実現する、ツールとAIが繋がるスマートワークフロー
Figma MCPでデザインをコードに変換するAIハンドオフの実践
PRDドキュメントに基づく企画からVercelデプロイまで、収益を生む「実戦サービス」を完成
コーディング不要でもOK、Google Stitchで完成させる自分だけの初めてのサービス
企画からデプロイまで一つの流れでつなぐオールインワンAI開発ワークフロー
企画・デザイン・開発・デプロイまで最強のAIツール組み合わせで
限界なく拡張する1人メーカーのフルスタックAI制作力
– Claude・Notion・Google Stitch・Figma・Cursorまで、目的に合ったツールの組み合わせで制作ルート設計
– MCP連携で完成する、ツールとAIが繋がるスマートワークフロー
– Figma MCPでデザインをコードに変換するAIハンドオフ実習
– PRDドキュメントに基づく企画からVercelデプロイまで、収益を生む「実践サービス」を完成
職種の壁を打ち破るAIワークフローのスキルアップ
人に振り回されず、さあ自分で作り、デプロイする番です!
失敗なく実際にデプロイされるサービスを作るGoogle Stitch実践講座です。
1. ツール選びから始める最速AIワークフロー入門
Claude・Google Stitch・Figma・Cursor・Vercelなど、AIツール環境の比較と目的別の最適な制作ルート設計
2. 「感覚」ではなく「ドキュメント」で作るPRDベースの企画設計
ClaudeとMCPの連携による構造化されたPRDドキュメントの作成およびNotionでのバージョン管理体制の確立
3. プロンプト1行でUIのラフ案を完成させるGoogle Stitchの活用方法
テキストベースのUI自動生成からFigmaへのハンドオフまで、シームレスなデザインラフ案作成のルーティン
4. Figma MCPでデザインをコードに変換するAIハンドオフワークフロー
Cursorにデザイントークンとコンポーネントを学習させ、ハードコーディングなしで実務レベルの実装を実現
5. GitHub・Vercelで完成させる実践的なデプロイサービス制作
コミット・プッシュからVercel連携デプロイまで、自分の名前を冠した実際のURLを確保
AIツールの組み合わせで設計・実装する流れ、
さあ、ハイクオリティなサービスの成果物をぜひ直接確認してみてください!
1. 講座を申し込む
2. 金大一講師と共にGoogle Stitchを活用したサービス制作実習
3. 自身のVercelデプロイリンクを確保後、実務・ポートフォリオ・サイドプロジェクトにすぐ活用
もう誰かを待って頼るやり方は終わり。AIツールの組み合わせで一人で完成!
– アイデアはあるが、開発者なしで一人でサービスを作ってみたい企画者・PM
– デザイン以降の工程を自分で完結させたいUI/UXデザイナー
– AIツールを使ったことはあるが、企画・デザイン・デプロイまで繋がるワークフローがなかった方
– 外注なしで直接プロトタイプを作成して検証したいスタートアップ創業者
– コーディング経験なしでサイドプロジェクトを実際にデプロイしてみたい方
– Google Stitch・Figma・Cursorを一気に実務に繋げたいすべての方
– 企画からデプロイまでの全過程を直接経験してポートフォリオを作りたい就活生
– AI活用能力で競争力を身につけたいすべての方
開発者の手配や外注依頼の負担はもう終わり、PRDの作成からデプロイリンクの確保まで!
理論ではなく、実務ですぐに稼げる「本物のワークフロー」だけを手にしてください。
STEP 1. 企画からデプロイまで、全体像を俯瞰する「視野の拡大」
各ツールの役割と連携順序を把握し、作業の流れが途切れない自分だけのAIサービス開発環境を最初から正しくセットアップ
STEP 2. アイデアを言語化するPRDドキュメントの作成とバージョン管理の習得
Claudeにサービス要件を構造的に指示し、Notion MCP連携により修正履歴を段階的に計画
STEP 3. 一行のテキストが画面となるGoogle Stitchデザイン生成演習
プロンプトでアプリUIを自動生成した後、Figmaに渡してレイヤー単位で直接ブラッシュアップする、ドラフトから完成版への移行プロセス実習
STEP 4. AIがデザインを読み取り、コードを記述するMCPベースの実装・デプロイ実践
MCPでデザインと企画をコードに落とし込み、Vercelで本番サービスを世界へ即公開
自分の手で企画しデプロイする
Google Stitch実践制作ルーティン、今すぐ始めましょう!
「本当に一人で作ったの?」周囲を驚かせる技術、
非エンジニアにとって最強の「サービス制作の武器」Google Stitchで、ご自身の手で完成させましょう。

Q. 講座を受講するために開発経験やAIの知識は必要ですか?
A. 本講座はコーディング経験が全くない方でもすぐに受講し、実務で活用できる力を身につけることを目標に設計されています。そのため、開発の事前知識は必要ありません。Cursorが直接コードを記述するため、受講生は指示出しに集中していただければ問題ありません。
Q. 講座を受講するための環境や必要条件はありますか?
A. 講座を受講するために特別な事前知識やスキルは必要ありません。ただし、Google Stitch・GitHub・VercelにアクセスするためにGoogleアカウントが必要であり、Figma・Cursor・Notionのアカウントも講座前にあらかじめ作成しておくとスムーズに進めることができます
Q. 本講座の受講には有料サービスの購入が必要ですか?
A. 本講座では、Figmaはプロフェッショナル以上のプランが必須となります。また、Cursor AIにおいて標準モデルであるComposer以外のモデルを選択する場合や、MCP機能を使用する際にも、CursorのProプラン以上のサブスクリプションが必要となります。
実習中心の講義ですので、講義画面と実習画面を分けられるデュアルモニターや予備の端末を、あわせてご用意いただくことをお勧めします。
また、実習はWindows OS環境で行われるため、Windows環境での受講をおすすめします。
講義資料および実習ファイルは、<00. 教材ダウンロードセンター>セクションにございます。
学習対象は
誰でしょう?
アイデアはあるものの、開発者なしで一人でサービスを作ってみたい企画者・PM
デザイン以降の工程を自ら完結させたいUI/UXデザイナー
AIツールを使ったことはあるものの、企画・デザイン・デプロイまで一貫したワークフローがなかった方
外注せず自らプロトタイプを作成し、検証したいスタートアップ創業者
コーディング経験がなくても、サイドプロジェクトを実際にデプロイしてみたい方
Google Stitch・Figma・Cursorを一気に実務に連携させたいすべての方
企画からデプロイまでの全工程を自ら経験し、ポートフォリオを構築したい就活生
AI活用力で競争力を身につけたいすべての方
前提知識、
必要でしょうか?
本講座は、コーディング経験が全くない方でもすぐに受講し、実務で活用できる実践力を身につけられるよう設計されており、事前の開発知識は一切不要です。Cursorが直接コードを記述するため、受講生は指示出しに集中していただければ十分です。
受講するために特別な事前知識やスキルは必要ありません。ただし、Google Stitch・GitHub・VercelへのアクセスにはGoogleアカウントが必要となります。また、Figma・Cursor・Notionのアカウントも講義前にあらかじめ作成しておくと、スムーズに受講いただけます。
本講座では、FigmaのProfessional以上のプランが必須となります。講座の冒頭で、必要なツールや使用方法について詳しくご案内する予定です。
14,342
受講生
2,207
受講レビュー
169
回答
4.7
講座評価
123
講座
"昨日より成長します。そして、昨日より成長しようとする人を支援します。"
マソキャンパスの真心と願いを込めたActionable Contentで、
2013年からオンライン・オフラインでともに歩んできた累計受講時間1億時間!
この貴重な経験と時間は、いつもマソキャンパスと受講生双方の成長の源です。
マソキャンパスチームは、私たち全員の成長のために、必ず2つの原則を守ります。
1. 学べば必ず使える Actionable Content
2. 参加者の時間と労力を尊重するTime-Saving Curriculum
マソキャンパスのActionable and Time-Saving Curriculumで、成長への道を共に歩んでいけることを願っています。
全体
24件 ∙ (3時間 55分)
講座資料(こうぎしりょう):
全体
9件
4.7
9件の受講レビュー
受講レビュー 23
∙
平均評価 5.0
5
他の講義ではツールの説明中心にしか見ていませんでしたが、これは全体のワークフローを見ることができて、はるかに理解しやすいですね。
満足して受講していただきありがとうございます😊 これからもより良い講義でお応えします。
受講レビュー 16
∙
平均評価 5.0
5
AI活用のサービス開発について、全体的な流れを把握するのに良い講義だと思います。
受講評を残していただきありがとうございます😊 常に最善を尽くすマソキャンパスになります!
受講レビュー 35
∙
平均評価 5.0
5
ツール一つだけで開発するのは不可能なのが現実ですが、講義で複数のツールを活用して開発を簡単に、そしてデザインも専門家のようにできるように助けてくれるので、とてもいいですね。
ご満足いただけたようで、大変嬉しく思います😊 これからもより良い講義でご期待にお応えできるよう努めてまいります。
受講レビュー 49
∙
平均評価 5.0
5
最近AIでサービスを作るという話をよく聞くので受講してみましたが、思った以上に実践的で面白いです!
貴重な受講評ありがとうございます😊 これからも満足度の高い講義を提供するマソキャンパスになります!
受講レビュー 8
∙
平均評価 5.0
5
Google Stitchは知らなかったツールですが、Figmaと連携して使えて良かったです。AIで簡単に作れるので便利な気がします。
私たちの講義がお役に立てたようで、とても嬉しいです😊 受講の感想を残していただき、ありがとうございます!
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
期間限定セール、あと1日日で終了
¥51,980
24%
¥8,710