「ガントチャートをつくってみる」の記事一覧

チャートの表示色を変える ガントチャートをWebアプリとしてつくる(11)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)で色を選択することができるようになったので、今回は選択した色を反映させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパ・・・

ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

チャートのバーの色は青で固定でしたが、今回はこれを変更できるようにします。まずポップアップで色を選択するためのスライドバーとセレクトボックスを表示させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワード・・・

誰でも編集できないようにパスワードをかける ガントチャートをWebアプリとしてつくる(9)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

今回は誰でも編集できないようにパスワードをかけます。本当はデータベースを作成するときにパスワードのカラムも作っておくべきだったのですが、あとになってカラムを追加したくなったとき用のコードを書いてみることにします。 ⇒ 動・・・

要らなくなったチャートを削除する ガントチャートをWebアプリとしてつくる(8)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

前回のチャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)ではチャートを追加しましたが、今回はチャートを削除します。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワードをかけています・・・

チャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

これまではひとつのチャートしか表示させることができませんでした。今回はひとつのアプリ内に複数のチャートを表示できるようにします。 ⇒ 動作確認はこちらから いったんトップページに戻って新規ボタンを押すと追加できます。 ト・・・

編集した項目を完全に保存できるようにする ガントチャートをWebアプリとしてつくる(6)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)ではタスクを編集して反映ボタンをおすとチャートが表示されるようになりましたが、もう一度編集画面のページに移動するとタスクは一から編集し・・・

編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた PHP

前回のドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)では項目をドラッグアンドドロップで移動できるようにしました。 しかしこれをチャートに表示させることができないのあれば意味がな・・・

ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた

ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4) drag-drop-task-js カテゴリを作成してドラッグアンドドロップでカテゴリの表示順序やタスクを別カテゴリに移動できる・・・

カレンダーをポップアップ表示させる ガントチャートをWebアプリとしてつくる(3)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた

ガントチャートとして使えるようにするためにカレンダーをポップアップ表示させる方法を考えます。 ⇒ 動作確認はこちらから カレンダーを表示させる まず普通にカレンダーを表示させます。そのためのクラスを作成します。 コンスト・・・

JavaScriptでバーを描く ガントチャートをWebアプリとしてつくる(2)

ガントチャートをつくってみる JavaScript/TypeScriptで書いてみた

今回はJavaScriptで作成したガントチャートのバーを描画します。項目としてタスク名とカテゴリ名、担当者名、期間もいっしょに描画します。 ⇒ 動作確認はこちらから Taskクラス まずタスクを管理するためのTaskク・・・

ページの先頭へ