# 俺の二次元アルバムが帰ってきた

最初のギャラリー から画像アップローダー 、そして現在のアルバムに至るまで、私の画像に対するこだわりは、もはや世紀をまたぐほどのものです。ギャラリーの画像は七牛雲（Qiniu Cloud）に保存していましたが、後にトラフィックを不正に消費されたため閉鎖しました。画像アップローダーは現在、ブログ用の画像アップロードサービスとして利用しています。アルバムは、スマートフォンのアルバムのような概念で、画像も動画も保存できます。徐々に完成度が高まってきています。

ここ数日で、普段保存している動画や画像などをサーバーにアップロードし、UIとAPIを作成して、ついでにオープンソースとして公開しました。（私は熱心なオープンソース支持者でありたいと思っています）

私の二次元アルバム フロントエンドUI

1. ここは阿珏ちゃん（A-Jue-chan）のプライベートアルバムで、普段収集した画像や、各プラットフォームで「いいね」や「お気に入り」登録した動画を保存しています。
2. Bilibili、YouTube、TikTok、X、Facebook、pixivなどのプラットフォームの動画や画像を含みますが、これらに限定されません。関連するデータ情報の著作権はすべて原作者に帰属します。
3. データは不定期に手動で更新されます。特定の画像や動画が必要な場合は、直接阿珏ちゃんにご連絡ください。

プレビュー

https://photo.moejue.cn

特徴

1. 画像と動画の表示をサポート
2. アルバムの表示をサポート
3. アルバムのパスワード保護をサポート
4. 18+保護をサポート
5. 検索機能をサポート

Todo

1. エフェクト表示の最適化
2. UIの滑らかさの最適化

インストール手順

1. リポジトリをローカルにクローンします：

   PLAINTEXT

   折りたたむ コピー

   git clone https://github.com/iAJue/PhotoGallery.git

   クリックして展開し、詳細を表示

2. プロジェクトディレクトリに移動します：

   PLAINTEXT

   折りたたむ コピー

   cd PhotoGallery

   クリックして展開し、詳細を表示

3. 依存関係をインストールします：

   PLAINTEXT

   折りたたむ コピー

   npm install

   クリックして展開し、詳細を表示

4. プロジェクトをビルドします

   PLAINTEXT

   折りたたむ コピー

   npm run build

   クリックして展開し、詳細を表示

バックエンドAPI

参考用 https://github.com/iAJue/wasteCode/tree/main/photo

返却データ形式

1. 写真API

   PLAINTEXT

   折りたたむ コピー

   [
   {
       "date": "\u6628\u5929",
       "items": [
           {
               "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "isVideo": false,
               "duration": null
           }
       ]
   }
   ]

   クリックして展開し、詳細を表示

2. アルバムAPI

   PLAINTEXT

   折りたたむ コピー

   [
   {
       "folder_id": "3",
       "folder_name": "images",
       "created_at": "2024-11-07 15:09:06",
       "photo_count": "61",
       "latest_image": "https:\/\/moejuevideo.pages.dev\/file\/1730963758087_GZIaBGlbAAALz_E.jpeg",
       "attribute": "2",
       "ispassword": true
   }
   ]

   クリックして展開し、詳細を表示

3. ランダムAPI

   PLAINTEXT

   折りたたむ コピー

   [
   {
       "id": 1,
       "folder_id": 1,
       "name": "\u300c\u4e0d\u706d\u300d #2024\u539f\u795e\u751f\u65e5\u4f1a #\u539f\u795e #\u949f\u79bb_7415149072572501275.mp4",
       "size": 50437932,
       "duration": "19.0",
       "type": 1,
       "data": "https:\/\/moejuevideo.pages.dev\/file\/1730944134269_\u300c\u4e0d\u706d\u300d %232024\u539f\u795e\u751f\u65e5\u4f1a %23\u539f\u795e %23\u949f\u79bb_7415149072572501275.mp4_part_1.mp4",
       "created_at": "2024-11-07 09:49:48"
   }
   ]

   クリックして展開し、詳細を表示