リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: Fuse (フューズ) - スーパーSNSアプリ
⚡ 150
Numbo を以下の内容で改善してください。
Numbo を以下の内容で改善してください。
既存の機能はすべてそのまま維持してください。
---
## 【1】アプリアイコンの設定
### PWA・ホーム画面アイコン(スマートフォン・PC にアプリとして追加したとき)
- ホーム画面・デスクトップに追加したときのアイコンはカラフルなグラデーションアイコンを使用する
- アイコンのデザイン:ディープパープル→エレクトリックブルー→シアンのグラデーション背景・中央に白い「N」の文字・立体感のあるデザイン
- manifest.json の icons に以下のサイズを設定する:
- 192×192px(Android ホーム画面)
- 512×512px(スプラッシュ画面)
- 180×180px(iOS ホーム画面・apple-touch-icon)
- 152×152px・167×167px(iPad)
- 32×32px・16×16px(ファビコン)
### ブラウザで開いたときのロゴ(アプリ内ヘッダー・サイドバー)
- ブラウザのタブ・アプリ内のヘッダー・サイドバー上部に表示する「Numbo」のロゴは**おしゃれな字体のテキストロゴ**にする
- フォント:Google Fonts の「Pacifico」または「Righteous」または「Fredoka One」などのおしゃれで読みやすいフォントを使用する
- カラー:ダークモード時は白・ライトモード時は黒またはグラデーションテキスト
- アイコン画像は使わずテキストのみでおしゃれに表示する
---
## 【2】PC版サイドバーのデフォルト構成を変更する
### デフォルトに表示する項目(変更後)
以下の順番でサイドバーに表示する:
1. 🏠 ホーム
2. 🔍 検索
3. 🎬 リール
4. 💬 チャット
5. 🔔 通知
6. ➕ 投稿作成
7. 👤 プロフィール
8. 🌍 ワールド
9. 📅 イベント
10. 👥 グループ
11. 🤖 AI チャット ← 新たにデフォルトに追加
12. ☰ その他 ← 常に最下部に固定
### その他に移動する項目
- 🛍️ マーケット ← デフォルトから「その他」に移動
---
## 【3】「その他」タブのデザインをおしゃれにする
「その他」をクリックしたとき表示されるメニューを以下のようにリニューアルしてください。
### 表示方法
- サイドバーの「その他」をクリックすると左側からポップアップパネルがスライドインして表示される
- または画面左下に大きめのモーダルパネルが表示される
- 背景は半透明の暗いオーバーレイで覆う
- パネル外をクリックすると閉じる
### レイアウト
- デフォルトに入っていないすべての機能をアイコン+テキストで**2列または3列のグリッド**で表示する
- 各項目は角丸のカードデザインにする
- カードにホバーしたとき薄いグラデーションの背景になる
- アイコンは大きめ(32px)でカラフルに表示する
### 「その他」に含める項目
- 🛍️ マーケット
- 📺 動画(YouTube)
- 🔴 ライブ配信
- ✨ 思い出
- 📊 アクティビティ
- 🗺️ マップ
- ⏳ タイムカプセル
- ⚙️ 設定
- 🌓 ダークモード切替
- 🚪 ログアウト
- ナビゲーションをカスタマイズ
### 各項目のデザイン
- アイコン(大きめ・カラフル)を上部に表示する
- テキストラベルをアイコンの下に表示する
- 角丸カード(border-radius: 16px)
- ホバー時にカードが少し浮き上がるアニメーション
---
## デザインについて
- 既存のダークモード・ライトモードを引き継ぐ
- スマートフォン版は一切変更しない
- 既存の機能・データ・PHPロジックは変更しない
---
以上を対応してください。
既存の機能はすべてそのまま維持してください。
---
## 【1】アプリアイコンの設定
### PWA・ホーム画面アイコン(スマートフォン・PC にアプリとして追加したとき)
- ホーム画面・デスクトップに追加したときのアイコンはカラフルなグラデーションアイコンを使用する
- アイコンのデザイン:ディープパープル→エレクトリックブルー→シアンのグラデーション背景・中央に白い「N」の文字・立体感のあるデザイン
- manifest.json の icons に以下のサイズを設定する:
- 192×192px(Android ホーム画面)
- 512×512px(スプラッシュ画面)
- 180×180px(iOS ホーム画面・apple-touch-icon)
- 152×152px・167×167px(iPad)
- 32×32px・16×16px(ファビコン)
### ブラウザで開いたときのロゴ(アプリ内ヘッダー・サイドバー)
- ブラウザのタブ・アプリ内のヘッダー・サイドバー上部に表示する「Numbo」のロゴは**おしゃれな字体のテキストロゴ**にする
- フォント:Google Fonts の「Pacifico」または「Righteous」または「Fredoka One」などのおしゃれで読みやすいフォントを使用する
- カラー:ダークモード時は白・ライトモード時は黒またはグラデーションテキスト
- アイコン画像は使わずテキストのみでおしゃれに表示する
---
## 【2】PC版サイドバーのデフォルト構成を変更する
### デフォルトに表示する項目(変更後)
以下の順番でサイドバーに表示する:
1. 🏠 ホーム
2. 🔍 検索
3. 🎬 リール
4. 💬 チャット
5. 🔔 通知
6. ➕ 投稿作成
7. 👤 プロフィール
8. 🌍 ワールド
9. 📅 イベント
10. 👥 グループ
11. 🤖 AI チャット ← 新たにデフォルトに追加
12. ☰ その他 ← 常に最下部に固定
### その他に移動する項目
- 🛍️ マーケット ← デフォルトから「その他」に移動
---
## 【3】「その他」タブのデザインをおしゃれにする
「その他」をクリックしたとき表示されるメニューを以下のようにリニューアルしてください。
### 表示方法
- サイドバーの「その他」をクリックすると左側からポップアップパネルがスライドインして表示される
- または画面左下に大きめのモーダルパネルが表示される
- 背景は半透明の暗いオーバーレイで覆う
- パネル外をクリックすると閉じる
### レイアウト
- デフォルトに入っていないすべての機能をアイコン+テキストで**2列または3列のグリッド**で表示する
- 各項目は角丸のカードデザインにする
- カードにホバーしたとき薄いグラデーションの背景になる
- アイコンは大きめ(32px)でカラフルに表示する
### 「その他」に含める項目
- 🛍️ マーケット
- 📺 動画(YouTube)
- 🔴 ライブ配信
- ✨ 思い出
- 📊 アクティビティ
- 🗺️ マップ
- ⏳ タイムカプセル
- ⚙️ 設定
- 🌓 ダークモード切替
- 🚪 ログアウト
- ナビゲーションをカスタマイズ
### 各項目のデザイン
- アイコン(大きめ・カラフル)を上部に表示する
- テキストラベルをアイコンの下に表示する
- 角丸カード(border-radius: 16px)
- ホバー時にカードが少し浮き上がるアニメーション
---
## デザインについて
- 既存のダークモード・ライトモードを引き継ぐ
- スマートフォン版は一切変更しない
- 既存の機能・データ・PHPロジックは変更しない
---
以上を対応してください。
💬 返信 (7)
リーダー、📎 **ファイル添付機能** を有効化しました(**無料**)。
## ファイル添付について
- このリクエストには **最大 5 個** までファイルを添付できます
- 1ファイル 100 MB まで
- 対応形式: 画像(JPG/PNG/GIF/WebP/SVG)、音楽(MP3/WAV/OGG)、テキスト(TXT/MD/CSV/JSON/HTML など)、PDF、Office文書(Word/Excel/PowerPoint)、zip
- 画像 / PDF / Office文書は AI が **内容を読んで** 仕様や開発に反映します
- テキスト系ファイル / zip は **中身を AI のヒントとして利用** します
- 仕様確定後(開発開始後)はファイル追加できません
## ファイル添付について
- このリクエストには **最大 5 個** までファイルを添付できます
- 1ファイル 100 MB まで
- 対応形式: 画像(JPG/PNG/GIF/WebP/SVG)、音楽(MP3/WAV/OGG)、テキスト(TXT/MD/CSV/JSON/HTML など)、PDF、Office文書(Word/Excel/PowerPoint)、zip
- 画像 / PDF / Office文書は AI が **内容を読んで** 仕様や開発に反映します
- テキスト系ファイル / zip は **中身を AI のヒントとして利用** します
- 仕様確定後(開発開始後)はファイル追加できません
リーダー、詳細なご要望をありがとうございます。Fuse のUI/UXを大幅にリニューアルするご依頼ですね。内容を確認させていただきました。
【実装内容の確認】
✅ PWA・ホーム画面アイコン (グラデーション「N」デザイン、複数サイズ対応)
✅ ブラウザロゴ (Google Fonts のおしゃれなテキストロゴに変更)
✅ PC版サイドバー構成の変更 (「AI チャット」をデフォルトに追加、「マーケット」を「その他」に移動)
✅ 「その他」メニューのリニューアル (スライドインパネル、2〜3列グリッド、ホバーアニメーション)
✅ 既存機能・データ・PHPロジックは変更なし
✅ スマートフォン版は変更なし
仕様が明確なので、このまま開発に進めさせていただきます。
【実装内容の確認】
✅ PWA・ホーム画面アイコン (グラデーション「N」デザイン、複数サイズ対応)
✅ ブラウザロゴ (Google Fonts のおしゃれなテキストロゴに変更)
✅ PC版サイドバー構成の変更 (「AI チャット」をデフォルトに追加、「マーケット」を「その他」に移動)
✅ 「その他」メニューのリニューアル (スライドインパネル、2〜3列グリッド、ホバーアニメーション)
✅ 既存機能・データ・PHPロジックは変更なし
✅ スマートフォン版は変更なし
仕様が明確なので、このまま開発に進めさせていただきます。
お願いします
リーダー、✅ 開発依頼を確定しました(公開アプリ・無料)。
**Atlas(開発担当)** のキューに登録されました。
通常 5〜30 分以内に Pull Request 作成 → Echo によるレビュー → リリースへと進みます。
進捗はこのページで自動更新されます。
**Atlas(開発担当)** のキューに登録されました。
通常 5〜30 分以内に Pull Request 作成 → Echo によるレビュー → リリースへと進みます。
進捗はこのページで自動更新されます。
🛠 開発を開始しました (機能追加 (fuse))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「Fuse (フューズ) - スーパーSNSアプリ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=fuse
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/fuse/
ご利用ありがとうございます!
ご要望いただいた「Fuse (フューズ) - スーパーSNSアプリ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=fuse
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/fuse/
ご利用ありがとうございます!
Cento
Iris
Atlas
Echo