バイブコーディング・チャレンジ_~Figma_Makeでミニハッカソン~

-- Views

December 06, 25

スライド概要

https://event.shoeisha.jp/devboost/20251206/timetable
https://event.shoeisha.jp/devboost/20251206/session/6417

profile-image

Software engineer at Mercari. Devin Expert

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

Developers Boost 2025 バイブコーディング・ チャレンジ ~Figma Makeでミニハッカソン~ THEME Hello, new world! ~技術とキャリアを次のステージへ~ 参加者同士の交流を深め、最新のAI Codingツール「Figma Make」を実際に体験できる10分間の ミニハッカソン。4名のチューターがサポートするため、初心者でも安心して参加できます。 2025.12.06 (Sat) 14:50 - 15:20 サンシャインシティ会議室 U35 エンジニア向け

2.

当日の 流れ 14:40 受付開始 個人PCを持参してください。 14:50 内容説明 ハッカソンのルールとFigma Makeの使い方を説明。 わずか30分のセッションですが、 濃密な体験が待っています。 遅れずにご参加ください。 15:00 制作開始(10分間) Figma Makeを使ってアイデアを実装。チューターがサポートします 。 15:10 グループ分け&投票 チーム内で作品を1つ選出します。 REWARD 選出された方には 懇親会ご招待 & 翔泳社の本プレゼント 15:20 表彰&懇親会招待

3.

Figma Make とは あなたのアイデアをAIが実装 自然言語で説明したアイデアを、AIが自動的にコードに変換し 、実装してくれる革新的なツールです。 プログラミング知識がなくても、直感的にアプリケーションや UIを作成できます。 AI Coding 無料版でOK 初心者でも安心 Step 01 Step 02 Step 03 アイデアを入力 実行ボタンを押す AIが 自動 生成

4.

制作Tips KEYS TO SUCCE SS 01 02 アイデアを明確に & シンプルに AIの提案を活用 「何を作りたいか」を具体的 に伝えつつ、まずは 最小限の機能から。複雑 AIの生成結果をベースに構築します。ゼロから作るのではなく、提案を さを避け、完成を目指しましょう。 カスタマイズすることで速度と質を両立します。 03 時間を有効活用 ENJOY HACKING! 最初の1-2分で構想を練り、残りを制作に集中。優先順位を決めて、タイ ムマネジメントを意識しましょう。 LET'S BUILD