Open Gantt LP
Web Application / Full Development

Open Gantt

AIが瞬時にガントチャートを生成。
ログイン不要・完全無料のプロジェクト管理ツール。

Type 自社プロダクト
Release 2025年12月
Tech Next.js / Google Gemini AI
Scope 企画 / デザイン / 開発
サイトを見る

Overview

Open Ganttは、プロジェクトの工程管理をより簡単に、より直感的に行うために開発された無料のガントチャート作成ツールです。本プロジェクトでは、サービスの企画立案からLPデザイン、そして実際に動作するガントチャートシステムまで、すべてをフルスクラッチで開発・構築しました。

プロジェクトの目的をテキストで入力するだけで、Google Gemini AIがWBS(作業分解構成図)に基づいた階層的なタスク構造、工数見積もり、適切な先行・後続関係までを自動で構築します。

作成したガントチャートはURLとして発行され、サーバーへの保存は一切不要。受け取った相手は、ログインすることなく即座に閲覧可能です。

1,900+ 共有実績 0円 完全無料 0秒 登録不要
Open Ganttの開発ヒストリーをnoteで公開中

Development Scope

本プロジェクトでは、サービスの企画段階から公開まで、以下のすべての工程を一貫して担当しました。

Scope 01

サービス企画・設計

市場調査から競合分析、ターゲットユーザーの特定、機能要件の策定まで、サービスの根幹となる企画設計を実施。「ログイン不要」「完全無料」「URL共有」というコアコンセプトを確立しました。

Scope 02

LP・UIデザイン

サービスの価値を伝えるランディングページのデザインから、実際のアプリケーションのUI/UXデザインまでを担当。ダークテーマを基調とした現代的なビジュアルと、直感的な操作性を両立させました。

Scope 03

フロントエンド開発

Next.js(React)を使用したSPA開発。ガントチャートのドラッグ操作、リアルタイムプレビュー、レスポンシブ対応など、複雑なインタラクションを実装。パフォーマンスを最適化し、スムーズな操作感を実現しました。

Scope 04

AI連携・バックエンド

Google Gemini AIとの連携によるWBS自動生成機能を実装。プロンプトエンジニアリングにより、様々な業界・用途に対応した高品質なタスク構造を生成。URLエンコーディングによるステートレスアーキテクチャも設計・実装しました。

Problem & Solution

従来のガントチャート作成には多くの課題がありました。Open Ganttはこれらを根本から解決します。

The Old Way - Excel Hell

  • セルの色塗りに費やす無駄な時間
  • 単純な表を作るための複雑な設定
  • スマホでの共有・閲覧が困難
  • アカウント登録や契約が必要
  • チームメンバー全員にライセンスが必要

The Open Gantt Way

  • AIが構造を一瞬で自動生成
  • セットアップ不要、URLを開くだけ
  • モバイルに最適化された表示
  • ログイン不要、完全無料
  • URLを共有するだけで誰でも閲覧可能

Key Features

Feature 01

AIによるWBS生成

単なるリスト生成ではありません。Google Gemini AIがプロジェクトの目的を解析し、WBS(作業分解構成図)に基づいた階層的なタスク構造、工数見積もり、そして適切な先行・後続関係までを自動で構築します。

Feature 02

URLで即共有(STATELESS)

サーバーデータベースへの保存は不要です。プロジェクトの全データ(タスク、依存関係、進捗)を圧縮し、一つの長いURLにエンコードして発行します。受け取った相手は、ログインすることなく即座に閲覧可能です。

Feature 03

モバイル最適化

スマートフォンやタブレットでも快適に閲覧できるレスポンシブデザイン。現場で最新のスケジュールを確認・共有するのに最適です。

Feature 04

Excel・画像出力

作成したガントチャートはExcelファイルや画像として出力可能。既存のワークフローにも簡単に組み込めます。

Tech Stack

本プロジェクトで採用した技術スタックは以下の通りです。モダンなWeb技術を活用し、高いパフォーマンスと開発効率を両立しています。

Next.js 14 React 18 TypeScript Tailwind CSS Google Gemini AI Vercel pako(圧縮) date-fns html2canvas ExcelJS

Use Cases

Open Ganttは様々な業界・シーンで活用されています。リリースから短期間で1,900件以上のガントチャートが共有され、ビジネスからプライベートまで幅広い用途で利用されています。

システム開発 アパレル製造業 化粧品製造業 工事・施工管理 マーケティング設計 Web広告配信 展示会・イベント運営 結婚式準備 引越し計画 資格試験学習

Contact Us

プロジェクトのご相談、お見積りなどお気軽にお問い合わせください。

お問い合わせ