miyaji-y26 https://blog.hatena.ne.jp/miyaji-y26/ utamaro’s blog https://utamaro.hatenablog.jp/ javascript html css ガントチャートを作成するライブラリは多くありますが、今回紹介するのはfrappe-ganttというライブラリです。 github.com ↓のようなチャートを作成できます。 残念ながら、マウス操作でタスクを追加することはできません。自分で実装することはできそうなので挑戦しても良いかもしれません。 使用方法 まずはソースコードをダウンロードします。 https://github.com/frappe/gantt/archive/master.zip 使用するファイルは以下のファイルです。(css以外使いません。) dist/frappe-gantt.css 次に、デモページを開きます。 そこから… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Futamaro.hatenablog.jp%2Fentry%2F2018%2F10%2F04%2F191822" title="frappe-ganttを使ってガントチャートを作成する方法 - utamaro’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/miyaji-y26/20181004/20181004191444.png Hatena Blog https://hatena.blog 2018-10-04 19:18:22 rich https://utamaro.hatenablog.jp/entry/2018/10/04/191822 1.0 100%