概要

チャットボットと会話するだけで、誰でも簡単にホームページの更新ができるシステムです。「更新システム(CMS)の操作を覚えるのが難しい」という理由でホームページを持つことを諦めていた方をターゲットに開発しました。

  • 制作期間: 1ヶ月
  • 制作人数: 1名(個人開発、AIを活用し効率化)

アプリケーション
  • URL: https://miralk.com/
  • デモログイン: ログイン画面にデモ用の情報が入力されていますので、そのまま「ログイン」ボタンを押して体験してください。

制作背景

ホームページは欲しいけれど、WordPressのような更新システム(CMS)の操作を覚えるのが大変で、導入を断念してしまうユーザーが多いことに気づきました。そこで着目したのが、システム操作は苦手でも、多くの方がLINEやChatGPTを抵抗なく利用しているという現状です。複雑な管理画面をなくし、日常的に使うチャットのような自然な対話でホームページを更新できる仕組みがあれば、この課題を解決できると考えました。


主な機能
  • チャット形式でのホームページコンテンツ(商品)の作成・更新・削除
  • 画像のアップロード・差し替え
  • ホームページのプレビュー機能
  • ユーザー登録・ログイン機能

工夫した点・こだわった点
  • システムを意識させないUI/UXの実現: 特に重視したのはすべてのホームページ操作をチャットで行うことです。「商品を追加して」「◯◯の画像を変えたい」といった自然な言葉で指示するだけで操作が完結するため、ユーザーはこれが「苦手なシステム」であると意識することなく操作できます。
  • Livewireによる快適な操作性: Laravel Livewireを採用することで、PHPの知識を活かしながらも、ページ遷移を必要としないSPA(シングルページアプリケーション)のような動的で快適なユーザー体験を効率的に実装しました。
  • AIの活用による開発の効率化: AI(Gemini Proなど)をコーディングパートナーとして活用することでアイデアの具現化を加速させ、個人開発でありながら1ヶ月という短期間でのリリースを実現しました。

使用技術(技術スタック)
  • バックエンド / フロントエンド: PHP (Laravel), Livewire
  • CSS: TailwindCSS
  • データベース: MySQL