個人dev

概要

利用している技術

開発言語: TypeScript 5.6.2
ビルド / 開発環境: Vite 6.0.3
ダイアグラム描画エンジン: @maxgraph/core 0.23.0
データシリアライズ: yaml`2.9.0 (YAML 1.2規格パース & シリアライズ、`lineWidth: 0` ブロック出力)
テストフレームワーク: Vitest + Happy-DOM 4.1.10 / 20.11.1
スタイリング: Vanilla CSS

サービスのPR点

「複雑な画面遷移や仕様、フラグ管理をAIにプロンプトで伝えるのが大変…」
「箇条書きだけだと全体像が見えず、図解ツールだと構造化テキストにするのが面倒…」
そんな個人開発者・クリエイターの課題を解決するために開発した、AI時代のビジュアル思考コクピット『iOrg』です。

その他メッセージ

【主な特徴】
・アウトライン×図解の完全双方向同期：
　左側のボードツリーと中央の作図キャンバスがリアルタイムに連動。
　マクロな全体俯瞰とミクロな詳細設計をシームレスに行き来できます。

・YAMLのワンクリック出力：
　図形に付与したタグの意味やAIへの自律解釈ルールをYAMLの先頭に埋め込み、
　ボタン1つでクリップボードへコピー可能。
　Claude、ChatGPT、Antigravity等のAIへそのまま高精度な設計図として渡せます。

・快適なタグ管理＆一括リネーム：
　ピル型タグ入力・サジェスト補完に加え、マスタ側でタグ名を変更すると
　ファイル内の全ボード・全図形のタグが一瞬で一括更新されます（Undo完全対応）。

・1秒で体験できる公式テンプレート内蔵：
　すぐに使える、3種類のテンプレートを収録。

・登録不要・完全ローカル動作：
　アカウント登録やインストールは一切不要。
　すべてのデータはブラウザ内（ローカル）のみで処理され、
　外部サーバーへ送信されないため、機密性の高い企画でも安心して使えます。