AI駆動研究所
YouTube一覧に戻る

【誰でもできる】Figma MCPとClaudeCodeで○分でLPを制作

AIコーディング実況 / 三森一輝自社チャンネル
2025/09/16に公開

#claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 今回は、Figmaの新機能「MCP(Master Component Playground)」を使って、実際にランディングページを作ってみました。MCPの使い方や、LP制作への活用方法を実例を交えて紹介しています。 AIコーディングツールのCursorも使い、デザインとコードの連携についても軽く触れています。実際に使って感じたメリットや注意点もまとめているので、Figmaの活用方法を広げたい方はぜひご覧ください。 👉 作ったサイトはこちらから 【無料プレゼント】 今だけ限定で、私が実際に使っているClaude Codeプロンプトを無料プレゼントしています。登録するだけで誰でもすぐにダウンロード可能です。AIで作れる未来を、今日から一歩踏み出しましょう! さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください!

関連動画

【悲しい現実】AI駆動開発のプロがシステム開発の未来を討論してみた結果
自社チャンネル

【悲しい現実】AI駆動開発のプロがシステム開発の未来を討論してみた結果

#ClaudeCode #AI #バイブコーディング ▶ウェビナー申込はこちら! https://attendee.bizibl.tv/sessions/seIKhNHAvl8U ▶【初心者おすすめ】AI駆動開発特化型eラーニングサービス https://www.landbridge.ai/e-learning 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください! 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください!

2025/12/26
【エンジニアは消える】Manusでモバイルアプリを作ってみた。
自社チャンネル

【エンジニアは消える】Manusでモバイルアプリを作ってみた。

#ClaudeCode #AI #バイブコーディング ▶ウェビナー申込はこちら! https://attendee.bizibl.tv/sessions/seIKhNHAvl8U ▶【初心者おすすめ】AI駆動開発特化型eラーニングサービス https://www.landbridge.ai/e-learning 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください! 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください!

2025/12/24
【結論無理です】バイブコーディングで副業稼ぐには?【ClaudeCode】
自社チャンネル

【結論無理です】バイブコーディングで副業稼ぐには?【ClaudeCode】

#ClaudeCode #AI #バイブコーディング ▶ウェビナー申込はこちら! https://attendee.bizibl.tv/sessions/seIKhNHAvl8U ▶【初心者おすすめ】AI駆動開発特化型eラーニングサービス https://www.landbridge.ai/e-learning 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください! 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。 この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。 さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。 学びながら手を動かせる人は、確実に差をつけられます。 「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください!

2025/12/19
資料請求お問い合わせ