Claude Design で家計簿アプリをデザインし、Claude Code で実装する
Hiroba による自動要約
Claude Design でテキストから UI プロトタイプを生成し、そのまま Claude Code で Flutter 実装するまでの実践流れを紹介。プロトタイプ生成時に要望を整理する逆質問、ツールバーでの調整、MCP サーバー経由での連携などを家計簿アプリの例で解説。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5345 件あります。
関連する記事
同じタグの記事
Claude Code で権限エラーによる読み取り無限ループの原因特定方法
QiitaClaude Code 使用時に権限設定不足でファイル読み取りが止まらなくなる現象について、GitHub Issues の報告例と実際の検証結果をもとに切り分け手順をまとめた記事。権限の境界が曖昧になるポイントを解説し、デバッグ時の参考情報を提供。
Claude Code のエフォートとは何か――タスクに応じた計算量の調整方法
ZennClaude Code のエフォート機能は、タスクにどれだけ計算量を使うかを指定する設定。low から max の 5 段階あり、思考の深さ、ツール呼び出し回数、説明の詳しさなどが変わる。実際に Opus 5.5 で同じ課題を各段階で解かせた検証結果から、どの段階をいつ使うかの実装例を紹介。
Claude Code のステータスラインにコンテキスト使用率とレート制限を常時表示する
QiitaClaude Code のステータスライン機能を使い、モデル名・コンテキスト使用率・5時間/7日制限の残量と次回リセット時刻を画面下部に常時表示する方法。スクリプトで標準入力の JSON を整形して出力するだけで実装可能。
Claude Code の permissions を settings.json に書いたのに効かない3つの理由 — deny が allow に勝つ・Edit() と Read() だけが参照される・先頭 / はルートではない
QiitaClaude Code の permissions 設定が意図通り動作しない3つの原因を実例で解説。評価順序は deny → ask → allow で固定（allow は deny の例外にならない）、Write() や Glob() のパスルールは受理されるが参照されない、先頭 / は設定ファイルの由来元からの相対パスであり絶対パスは // で指定する必要がある。