開発中のアプリや試している技術の関係を図示する

◎構想記録　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・当サイトの目指すこと、そして、開発しているアプリや取り上げている技術・製品の関係を図で示す。　　　　　　　　　　　　　　　　　　　　　　　　
・図を簡単に書けるように徐々にアプリとしていく過程も公開する。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・そのアプリの成果物として「関係図」を公開する。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・アプリがある程度の形になったら自由に触れる形で公開する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

◎ＴＯＤＯ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・公開しないもの　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　・関係図を作成するアプリ　　管理者メニューからリンク　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・公開するもの　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　・開発過程　　　　　　　　　この文書　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　・関係図　　　　　　　　　　後日ホームページからリンク　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　・デモアプリ　　　　　　　　後日ホームページからリンク　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

◎作業記録　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・ＳＶＧをテキストエディタで書くところから始めた　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・テキストを囲むボックスを書くときに座標を決めるのが面倒にだった　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・テキストを中央に置くときに座標を決めるのが面倒にだった　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・データからプログラムで描画する必要性を感じて、プログラム化することにした。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・データを定義し、それを読み出して、描画できるようにした。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・このとき、ボックスの長さを決めるためにbboxを使った　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
◎ＴＯＤＯ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・保存する機能を実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　　　
　　・データからでなく図そのものから情報を取得する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　
　　・ａｊａｘを呼べるようにする　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　
　　・保存ａｐｉを実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　
　　・既存のデータはバックアップに移動する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　
・画像をロードする機能を実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　済　　　　　　　　　　　　　
・図形を追加する機能を実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　・右クリックメニューを実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　・検討　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　・メニュー項目　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・追加　何を追加するのかどう選ぶか　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　・追加するもの　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　・箱付テキスト　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　・テキスト　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　・箱　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・削除　選択状態でDELキーでいいかも 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・変更　選択状態で直接対象を変更してもいいかも　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　・変更するもの　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　・大きさ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　・色　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　・ＴＯＤＯ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　・入れ子について調べる　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　・関係の持たせ方を検討する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・属性として親を持たせる　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・親との相対位置で表示位置を決める　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・親の決め方　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　・親を選択して、それに挿入する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　・子を選択して、メニューの「子とする」で親を決定する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・親を移動すると子も移動する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・親を削除すると子も削除される　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　・親を複写すると子も複写される　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　・方針　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　・ひとまず箱付テキストを自由に挿入できるようにする　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　・右クリックメニューは３段まで対応のものを使う　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・図形を移動する機能を実装する　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

＜ＴＯＤＯと状況＞