読み込み中...
新着コンテンツ
BONOに新しく追加された記事・レッスン・ガイドなどをまとめて表示しています。
レッスン
デザイナーのためのClaude Code入門 | 操作できるUI体験をAIでデザイン
レッスン
デザイナーのためのCursor入門 | 触れる画面のAI×UIデザイン
記事
Claude Codeで、アイデアを「動くUI」にしてデザインする
記事
確認：このレッスンで何をするか、言えるか？
記事
Cursorでターミナルを開いて、Claude Codeを入れる
記事
ログインして、Claude Codeを立ち上げる
記事
確認：Claude Codeが動いて、会話できたか？
記事
ユーザーと体験のゴールを伝えて、Todoサービスをつくる
記事
具体的に頼んで直す・戻す・スクショで伝える
記事
確認：体験を伝えて動くUIをつくり、頼み方を変えて直せたか？
記事
プロンプトを送る・止める
記事
ファイルを渡す（@で指定・ドラッグ＆ドロップ）
記事
編集の承認と、モードの切り替え
記事
スラッシュコマンドで、機能を呼び出す
記事
確認：6つの基本操作を使えたか？
記事
まとめ：Claude Codeでできるようになったこと
記事
絵ではなく「触れるUI」でデザインすると、気づけることが増える
記事
確認：なぜ「触れるUI」で考えるのか、言えるか？
記事
Cursorを入れて、作業フォルダを開く
記事
条件を伝えて、新規登録画面をつくる
記事
Cursorの画面の見方（チャット・ファイル・中身）
記事
確認：条件どおりの画面ができて、ブラウザで触れたか？
記事
Planモードで、ログイン画面を相談してからつくる
記事
2つの画面を行き来して、触って気づく
記事
確認：AIと相談しながら画面を足して、改善点を見つけられたか？
記事
AIに開発環境（Next.js）を用意してもらう
記事
ターミナルで npm run dev を打って、localhostで開く
記事
確認：作った画面を、localhostのURLで開けたか？
記事
Cursorのブラウザで、文字サイズや色を直してコードに反映する
記事