Vue.js + SVG でツリーマップを描画するプログラムを作っていきま。
ニコニコ配信も勉強中です。
前回に引き続き、シナリオ分岐の分岐処理の部分をつくっていきま!
現在作成しているソースコードはGitHubにアップしてます。
https://github.com/takemi0/treemap
ーーーーーーーー
過去配信の履歴
・その9 分岐シナリオに線が正常に引かれなかった課題の対処法を整理。
・その8 カードの選択肢の先に分岐するシナリオの要素の作成にトライ。
・その7 シナリオ要素同士を線で繋ぎツリーっぽい表示を作成。
・その6 動的要素の高さを可変に対応、テキスト表示に改行を対応。
・その5 ツリーマップの表示部分にカードの動的要素を反映させた。
・その4 ツリーマップの表示部分に追加した要素を表示させる
・その3 ツリーマップのデータ要素を作るフォームをVue.jsで作成
・その2 作ったクラスを使ってツリーマップにチャレンジ
※延長設定ミスったので分かれてます。
・その1 JavaScriptでクラスを使えるようになる!
配信の後半は[3]を探し続けてたw
※延長設定ミスったので分かれてます。