業種別の使い方の一覧

💻IT・Web開発

Web制作のスケジュールを、ガントチャートで作る

要件定義から公開まで、デザイン・フロントエンド・バックエンド・テストのつながりごと管理できるスケジュール表のテンプレートです。デザインの確定が延びたら、開発とテストの予定も自動でずれます。

3名まで無料・クレジットカード不要

Gantyで作ったECサイトリニューアルのスケジュール(サンプル)。要件定義・UIデザイン・フロントエンド開発・バックエンドAPI開発・結合テスト・本番リリースが依存関係でつながっている
Gantyの実際の画面(サンプルのデータです)

Web制作のスケジュールに入れる主な工程

コーポレートサイト、ECサイト、Webアプリなど、作るものが違っても流れはだいたい同じです。テンプレートにはこの骨組みが入っているので、案件に合わせて足したり消したりして使えます。

  • 要件定義・設計:ヒアリング、要件のまとめ、サイトマップや画面一覧
  • デザイン:ワイヤーフレーム、デザインカンプ、確認と修正。デザイン確定をマイルストーンにしておくと節目が見やすくなります
  • フロントエンド開発:画面の実装、レスポンシブ対応
  • バックエンド開発:API、データベース、管理画面、決済などの外部連携
  • テスト・QA:結合テスト、表示確認、不具合の修正
  • 公開・運用準備:本番環境への反映、監視、公開後の確認

工程のつながり(依存関係)を設定する

Web制作の遅れは、たいてい「前の工程の確定待ち」から始まります。デザインが確定しないと実装に入れない、APIができないと画面とつなげられない、実装が終わらないとテストできない、という関係です。

Gantyでは、この前後関係を矢印でつないでおけます。デザインのバーを後ろにずらすと、つながっている開発・テスト・公開もまとめてずれます。クライアントの確認が1週間延びたときに、公開日がどれだけ押されるかをその場で説明できます。

Excelのスケジュール表と比べて

  • 変更:Excelではずれた工程を1つずつ塗り直しますが、Gantyではバーを動かせば後ろも動きます
  • 共有:共有リンクを送れば、クライアントはログインなしで最新のスケジュールを見られます(閲覧専用。全プランで使えます)
  • 進み具合:タスクごとに担当者と進捗(%)を入れられ、ボード表示に切り替えると「未着手・進行中・完了」で並べて見られます
  • 書き出し:定例やクライアント提出用にExcel・PDFで書き出せます(Standard 以上)

AIでスケジュールのたたき台を作る

「ECサイトのリニューアル、11月に要件定義を始めて3月に公開」のように1行書くと、AIが工程・期間・依存関係の入ったスケジュールのたたき台を作ります。そのまま使うのではなく、チームの体制や案件の規模に合わせて期間を直して使うのがおすすめです。できたスケジュールをAIに見せて、無理な日程や遅れそうな箇所を指摘してもらうこともできます。

始め方

  1. 無料登録して、テンプレートから「Webサイト制作」を選ぶ(またはAIに1行で作らせる)
  2. 工程名・期間・担当を案件に合わせて直し、前後関係を矢印でつなぐ
  3. 共有リンクをクライアントに送る。予定が変わったら、バーを動かすだけ

よくある質問

スケジュールをExcelやPDFで出せますか?+

はい。Standard プラン以上で、Excel と PDF に書き出せます。

クライアントにも見せられますか?+

共有リンクを送れば、相手はログインせずにスケジュールを見られます(閲覧専用)。無料プランを含む全プランで使えます。一緒に編集してもらう場合は、メンバーとして招待してください。

無料でどこまで使えますか?+

3名まで、プロジェクト5件、1プロジェクトあたりタスク50件まで無料です。画面単位まで細かく分けてタスクが50件を超える場合は Standard プランが必要です。

チームで同時に編集できますか?+

はい。メンバーとして招待すれば同じスケジュールを同時に編集でき、ほかの人の変更はすぐに画面に反映されます。

Web制作のスケジュールを、今日から

テンプレートから始めれば、数分で自分の工程表になります。

無料で始める