• 11
  • 5
コメント

健巳ラーニング実況 その10

(2時間12分)

健巳
LV2

あとプレミアム会員1人のフォローでレベルアップ

Vue.js + SVG でツリーマップを描画するプログラムを作っていきま。
ニコニコ配信も勉強中です。


前回に引き続き、シナリオ分岐の分岐処理の部分をつくっていきま!

現在作成しているソースコードはGitHubにアップしてます。
https://github.com/takemi0/treemap

ーーーーーーーー

過去配信の履歴
・その9 分岐シナリオに線が正常に引かれなかった課題の対処法を整理。
・その8 カードの選択肢の先に分岐するシナリオの要素の作成にトライ。
・その7 シナリオ要素同士を線で繋ぎツリーっぽい表示を作成。
・その6 動的要素の高さを可変に対応、テキスト表示に改行を対応。
・その5 ツリーマップの表示部分にカードの動的要素を反映させた。
・その4 ツリーマップの表示部分に追加した要素を表示させる

・その3 ツリーマップのデータ要素を作るフォームをVue.jsで作成

・その2 作ったクラスを使ってツリーマップにチャレンジ
  ※延長設定ミスったので分かれてます。

・その1 JavaScriptでクラスを使えるようになる!
  配信の後半は[3]を探し続けてたw
  ※延長設定ミスったので分かれてます。
親作品・子作品を見る