読み込み中...
確認：このレッスンで何をするか、言えるか？ | デザイナーのためのClaude Code入門 | 操作できるUI体験をAIでデザイン | BONO
一覧
デザイナーのためのClaude Code入門 | 操作できるUI体験をAIでデザイン
—
%
1
はじめに：Claude Codeで、アイデアを「動くUI」にする
イントロ
Claude Codeで、アイデアを「動くUI」にしてデザインする
チャレンジ
確認：このレッスンで何をするか、言えるか？
2
Claude Codeを使える状態にする
実践
Cursorでターミナルを開いて、Claude Codeを入れる
実践
ログインして、Claude Codeを立ち上げる
チャレンジ
確認：Claude Codeが動いて、会話できたか？
3
ユーザーと体験を伝えて、動くUIをつくる
実践
ユーザーと体験のゴールを伝えて、Todoサービスをつくる
実践
具体的に頼んで直す・戻す・スクショで伝える
チャレンジ
確認：体験を伝えて動くUIをつくり、頼み方を変えて直せたか？
4
Claude Codeの6つの基本操作を覚える
実践
プロンプトを送る・止める
実践
ファイルを渡す（@で指定・ドラッグ＆ドロップ）
実践
編集の承認と、モードの切り替え
実践
スラッシュコマンドで、機能を呼び出す
チャレンジ
確認：6つの基本操作を使えたか？
5
まとめ
イントロ
まとめ：Claude Codeでできるようになったこと
チャレンジ
2.
確認：このレッスンで何をするか、言えるか？
クエスト1: はじめに：Claude Codeで、アイデアを「動くUI」にする
始める前に、ここまでの話を確かめておきましょう。
完了にする
お気に入り
質問する
シェア
始める前に、ここまでの話を確かめておきましょう。
チェック
このレッスンの流れ（セットアップ → Todoサービスを作る → 基本操作）を言える
このレッスンのゴール（いつでも使える・自分でも作れる）を言える
Claude Codeを使うには、有料のプランが必要なことを知っている
完了にする
お気に入り
質問する
シェア
前
Claude Codeで、アイデアを「動くUI」にしてデザインする
次
Cursorでターミナルを開いて、Claude Codeを入れる
