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

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

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

週休4日制に俺はなる!

Webで簡単にガントチャートが作成できるAngular Gantt

f:id:ksakae1216:20161212213227p:plain

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

 

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

 

 

ガントチャートが簡単に作成出来るライブラリ

あのAngularJsに「Angular Gantt」というライブラリがあり、このライブラリをつかうと簡単にガントチャートが作成できる

www.angular-gantt.com

 

日本語の情報がぜんぜんないのでデモサイトをみると何ができるかピンとくると思う

www.angular-gantt.com

 

スケジュールに引かれた線を移動したり、伸ばしたり、縮めたりと色んなことができます

 

使い方

下記サイトで結構丁寧に紹介されています

blog.htmlhifive.com

 

簡単に説明すると、ライブラリ(jsファイル)を導入してAngular Ganttが動くようなコードをかけばOKです!

 

下記にサンプルのHTMLとJSの内容と動く画面を確認することができます

angular-gantt current date demo https://github.com/Schweigi/angular-gantt/issues/84 - Plunker

 

最後に

ライブラリを使うことで難しいことも簡単にできるようになります

 

このAngular GanttもデータはJSON形式なのでJSONに慣れちゃえばAngular関係は難しくないかもね