みなさん、コウタロウです!!
今日はタイトルについて。
リベンジ決行
以前、このブログでAngular Ganttを紹介しました
ライブラリを使用することで簡単にガントチャートを作成することができます
そして、今の常駐先プロジェクトでもAngular Ganttを使っていて私が入った時はモックが完成してて、スゴイ便利で驚いた!!
自分が知らないだけで世の中には便利なライブラリがいっぱいあるなと思った!!
せっかくだから簡単にサンプルも作ってみようと思ったがこれがとてつもなく大変でした・・・
Angular Ganttのページにあった「Get Started」を参考にしたんだけど、全然うまくいかず、実際手を動かしてみたら書いてある手順だけじゃ、ぜんぜんサンプルを作れない
手軽に導入できないかな?
ただ、なんかモヤモヤしていてどうすればいいかな〜と考えてたら閃いた!!
そうだ!!
デモをダウンロードして加工すれば早いんじゃね?!
デモページをダウンロード
デモページのGitHubリンクでGitHubページに飛ぶと、余計なソースまで表示されます
デモページだけ動かすんであれば、下記のソースだけでOKです!!

これをダウンロードしてindex.htmlをブラウザで開けば、自分のPCでもAngular Ganttのデモページが動きます
少しだけ加工
デモページだから余計な表示がいっぱいあるので削ってシンプルにしました
はい、シンプルにガントチャートのみにしました。
デモページをダウンロードしてから余計な表示を削るだけだったら、小一時間でした
最後に
結局、動くページをダウンロードして加工するんおが一番早いという結論になりました
今後、ボリュームの大きいライブラリを導入する時は、動くデモが用意されている場合、それを利用して、けして1から自分で作らないようにします
ちなみに余計な表示を削った私オリジナルソースをGitHubにあげておきます
※Gitにソースをあげるやり方は下記の記事を参照して下さい
コメント