miralk（ミラルク）- チャットでホームページ更新システム

概要

チャットボットと会話するだけで、誰でも簡単にホームページの更新ができるシステムです。「更新システム（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

Taskle（タスクル）- 実務を想定したタスク管理システム

概要

このアプリケーションは、日々の業務でWebシステムを開発する流れを想定し、様々なシステムに応用可能な「開発ベース」の上に、具体的な機能としてタスク管理を実装したものです。

• 制作期間: 3日
• 制作人数: 1名（個人開発、AIを活用し効率化）

アプリケーション

• URL: https://taskle.miraize.link/
• デモログイン: ログイン画面にデモ用の情報が入力されていますので、そのまま「ログイン」ボタンを押して体験してください。

制作背景

現職において、従来はフレームワークを用いない開発を行っていましたが、開発効率や保守性の観点からフレームワークの導入が不可欠と考え、独学でLaravelを習得。以来、全ての案件で応用できる「開発ベース」を構築し、業務改善を主導してきました。

このポートフォリオは、その業務で培った「開発ベース」のノウハウを再現したものです。ベースだけでは伝わりにくいため、直近の開発で得たLivewireの知見も活かしつつ、汎用的なタスク管理機能を実装しました。

主な機能

• システム操作の基本となるCRUD（作成・一覧・更新・削除）機能
• ダッシュボード機能
  • 「今日のタスク」「未完了タスク」の一覧表示
  • ダッシュボード上でのタスク完了処理
• ユーザー登録・ログイン機能

工夫した点・こだわった点

• 実務を見据えた拡張性の高い設計: 実務での運用を想定し、将来の機能追加や仕様変更にも柔軟に対応できるよう、拡張性の高いシンプルな構成を意識しました。
• 経験に裏打ちされた高い生産性: Laravelのスターターキットを活用し、抑えるべきところは抑え、3日間という短期間でこのアプリケーションを構築しました。モダンな開発環境で高い生産性を発揮しました。
• Livewireによる快適なUI/UX: ダッシュボード上でページリロードなしにタスクを「完了」できるなど、Laravel Livewireの特性を活かして、ユーザーが直感的かつスムーズに操作できるUIを実現しました。

使用技術（技術スタック）

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