フリーランス チャレンジ!!

読者です 読者をやめる 読者になる 読者になる

フリーランス チャレンジ!!

週休4日制に俺はなる!

【Angular Gantt】手軽に導入するにはデモをダウンロードして加工するのが手っ取り早い!!

f:id:ksakae1216:20170109101106p:plain

みなさん、コウタロウです!!

 

今日はタイトルについて。

 

 

リベンジ決行

以前、このブログでAngular Ganttを紹介しました

www.ksakae1216.com


ライブラリを使用することで簡単にガントチャートを作成することができます

 

そして、今の常駐先プロジェクトでもAngular Ganttを使っていて私が入った時はモックが完成してて、スゴイ便利で驚いた!!

自分が知らないだけで世の中には便利なライブラリがいっぱいあるなと思った!!

 

せっかくだから簡単にサンプルも作ってみようと思ったがこれがとてつもなく大変でした・・・

www.ksakae1216.com

 

Angular Ganttのページにあった「Get Started」を参考にしたんだけど、全然うまくいかず、実際手を動かしてみたら書いてある手順だけじゃ、ぜんぜんサンプルを作れない

 

手軽に導入できないかな?

ただ、なんかモヤモヤしていてどうすればいいかな〜と考えてたら閃いた!!

 

 

そうだ!!

デモをダウンロードして加工すれば早いんじゃね?!

 
Angular GanttのデモページにGitHubのリンクあったからソースをGitからダウンロードしよう!!
 

デモページをダウンロード

デモページのGitHubリンクでGitHubページに飛ぶと、余計なソースまで表示されます

デモページだけ動かすんであれば、下記のソースだけでOKです!!

https://github.com/angular-gantt/angular-gantt/tree/master/demo/dist

 

これをダウンロードしてindex.htmlをブラウザで開けば、自分のPCでもAngular Ganttのデモページが動きます

 

少しだけ加工

デモページだから余計な表示がいっぱいあるので削ってシンプルにしました

f:id:ksakae1216:20170109095342p:plain

 

はい、シンプルにガントチャートのみにしました。

デモページをダウンロードしてから余計な表示を削るだけだったら、小一時間でした

 

最後に 

結局、動くページをダウンロードして加工するんおが一番早いという結論になりました

今後、ボリュームの大きいライブラリを導入する時は、動くデモが用意されている場合、それを利用して、けして1から自分で作らないようにします

 

ちなみに余計な表示を削った私オリジナルソースをGitHubにあげておきます

https://github.com/ksakae1216/AngularGantt

 

※Gitにソースをあげるやり方は下記の記事を参照して下さい

git ブランチの新規作成からコミット、プッシュまで - フリーランス チャレンジ!!