Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

80 usersがブックマークコメント

記事へのコメント5件

注目コメント
新着コメント

side_tana ライセンスくれってissuesぶったてるぞ!!!

2014/09/09 リンク

su_zu_ki_1010 ほー

2014/09/09 リンク

yosi0422jp お、あとでやってみよ。＞Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ MOONGIFT

2014/09/09 リンク

minonet Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においてもガントチャートのような時...

2014/09/09 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2014%2F09%2Ftimesheet-js-%25E3%2582%25AC%25E3%2583%25B3%25E3%2583%2588%25E3%2583%2581%25E3%2583%25A3%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25AB%25E3%2582%2582%25E4%25BD%25BF%25E3%2581%2588%25E3%2581%259D%25E3%2581%2586%25E3%2581%25AAhtml5css3%25E8%25A3%25BD%25E3%2581%25AE%25E3%2582%25BF%25E3%2582%25A4%25E3%2583%25A0%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2014/09/timesheet-js-%E3%82%AC%E3%83%B3%E3%83%88%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%81%AB%E3%82%82%E4%BD%BF%E3%81%88%E3%81%9D%E3%81%86%E3%81%AAhtml5css3%E8%A3%BD%E3%81%AE%E3%82%BF%E3%82%A4%E3%83%A0/">Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/09/timesheet-js-%E3%82%AC%E3%83%B3%E3%83%88%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%81%AB%E3%82%82%E4%BD%BF%E3%81%88%E3%81%9D%E3%81%86%E3%81%AAhtml5css3%E8%A3%BD%E3%81%AE%E3%82%BF%E3%82%A4%E3%83%A0/">はてなブックマーク - Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ MOONGIFT

世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においても... 世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においてもガントチャートのような時間軸のグラフを使って表現されます。過去の振り返りも未来の予測も時間がキーになってきます。そういったデータを表現できるライブラリがTimesheet.jsです。特徴的なのはCSS3で作成されている点にあるでしょう。 Timesheet.jsの使い方こちらが表示例になります。細いバーでスタイリッシュですよね。 JavaScriptは次のようになります。 new Timesheet('timesheet', 2002, 2013, [ ['2002', '09/2002', 'A freaking awesome time', 'lorem'], ['06/2002', '09/2003', 'Some great memories', 'ipsum'], : ['09/2