EcoNavi は、AIの画像認識技術を活用して、複雑で面倒なごみ分別の問題を解決するWebアプリケーションです。
スマートフォンのカメラでごみを撮影するだけで、AIが瞬時に品目を特定し、地域ごとのルールに基づいた正しい分別方法を案内します。
本プロジェクトは、誰もが簡単にごみ分別に取り組める社会を目指し、環境負荷の低減に貢献することを目的としています。
-
🤖 AIによる画像認識
Google Gemini API を利用し、写真から品目を自動判定。 -
📍 地域に最適化された分別ルール
日本全国の市区町村に対応し、地域設定に応じた正しい分別方法を表示。 -
🗺️ 簡単な地域設定
- 手入力 + 予測検索
- GPSによる自動入力
-
🔗 公式情報へのアクセス
各自治体の公式サイトへのリンクをワンクリックで確認可能。 -
📱 直感的なUIデザイン
迷わず操作できるシンプルな操作感。
- フロントエンド: HTML, CSS, JavaScript
- CSSフレームワーク: Tailwind CSS
- AI / 機械学習: Google Gemini API (画像認識)
- 位置情報: Geolonia API (逆ジオコーディング), Geolocation API
- HTML5
- CSS3
- JavaScript (ES6+)
- ブラウザで
index.htmlを開く。 - 「お住まいの地域を設定」で、手入力または「現在地取得」ボタンから地域を設定。
- 画像をアップロードまたはドラッグ＆ドロップ。
- AIが品目を判定し、地域に応じた分別ルールを表示。
- ごみ収集日カレンダー機能の追加
- リマインダー通知機能（プッシュ通知対応）
- AIモデルの精度向上と対応品目の拡充
このプロジェクトを通して学べる内容は以下の通りです：
- AI画像認識API（Google Gemini）の活用方法
- 位置情報サービスと逆ジオコーディングの実装
- 地域別データの扱い方とUI最適化の工夫
- 環境課題をテーマとしたWebアプリ開発の実例
- Tailwind CSSを使ったモダンなUIデザイン