progFocus
目的から、
コードへ。
思考を整理する
開発ノート。
いきなりコードを書き始めて迷子になっていませんか？
progFocusは、仕様や構成を「ノード」と「階層」で整理し、
着実な実装をサポートするエンジニア思考整理ツールです。
なぜ progFocus なのか？
複雑なシステム開発を、シンプルに解きほぐす機能。
無限キャンバスと階層化
広大なキャンバスに自由に配置。複雑な機能は「コンテナ」にまとめてShift+クリックで詳細へ。 森を見ながら木も描ける、ドリルダウン構造を採用。
思考のフローを可視化
入力・処理・出力をつなぐ矢印には「理由」や「データ」のラベルを。 ただの図ではなく、なぜそう実装するのかの「意図」を残せます。
Markdownで保存
作成したデータは独自のMarkdown形式で手元に保存可能。 Gitで管理したり、チームに共有したり、ドキュメントとして再利用できます。
さあ、設計を始めよう
ブラウザですぐに使えます。ログインすればクラウド保存&リンク共有も。
使い方を学ぶ
設計の考え方から、AI にコードを書かせるところまで。
使い方ガイド
設計の考え方・基本操作・保存と読み込み・AI 連携を 1 ページにまとめています。
なぜ「思考の可視化」が必要なのか
いきなりコードを書く前に、目的と構造を整理する理由（チュートリアル Vol.1）
クイズアプリを設計してみる
入力・処理・出力に分けて、ロジックの流れを図にする実践編（Vol.4）
AI で設計の骨組みを広げる
ざっくり描いた設計を AI に渡して、構造を育てる流れ（Vol.6）
チュートリアルをすべて見る
チュートリアルは takushio2525.com のブログで公開しています。