プログラミングにおいて「いきなりコードを書く」のではなく、まず「思考を可視化」することの重要性と、progFocusが解決する課題について解説します。
progFocusの基本操作である「ノードの作成」と「接続」について、ショートカットキーを交えて解説します。
設計が複雑になった時に役立つ「階層化（機能ノード）」の使い方と、大切なデータを守るための「保存・インポート」について解説します。
「クイズアプリ」をテーマに、条件分岐やスコア計算など、ロジックの流れを視覚的に設計する方法を学びます。
単にノードをつなぐだけではなく、機能ノードを使ってシステムを階層化し、データ構造を意識した本格的な設計に挑戦します。
「ふんわりしたアイデア」をprogFocusでざっくり描く。それをAIに渡して「ガッチリした構造」に進化させる。AI時代の新しい設計ワークフローを解説します。
AIによって「拡張」されたprogFocusの設計図。それを今度はGemini Canvasに渡し、React製ポモドーロタイマーを爆速で実装する方法を紹介します。
記事の一覧へ戻る →
