Android、iOS、Webで動くReact製のユニバーサルなネイティブアプリを構築するオープンソースフレームワーク。
czy0729/Bangumi
Bangumiのアニメ・漫画・ゲーム管理サイト向けに、React Nativeで開発された非公式のモバイルファーストクライアント。AndroidとiOSに対応。
- スター
- 6,222
- フォーク
- 169
- 未解決の Issue
- 28
- 最終コミット
- 10 時間前
これは何?
Bangumiは、アニメ、音楽、日本のドラマ、ゲーム、ビジュアルノベルの進捗を記録したり、作品を探して語り合ったりできるサイトです。このプロジェクトは、AndroidとiOSで共通のコードベースと一貫したレイアウトを実現するため、React Nativeで開発された非公式クライアントです。
アプリでは、スマートフォン向けに再設計したサイトの大半のページを利用できます。進捗管理、作品・キャラクターのページ、タイムライン、フォーラム形式のディスカッション、検索、ランキング、当日の放送カレンダー、ユーザープロフィールを備えています。さらに、CDNレイヤー経由でのカバー画像キャッシュ、ディスカッション投稿に対する複数ルールでのフィルタリング、ユーザーのブロック、作品のローカルフォルダ管理、AIによるおすすめ機能もあります。
APKで配布されているほか、iOSのサイドローディングにも対応しています。READMEにはStorybookを使ったWebプレビューの手順も記載されています。
主な機能
- 01アニメ、音楽、ゲームなど、さまざまな作品タイプの視聴・読書進捗を記録
- 02作品、キャラクター、タイムライン、カレンダー、ランキング、検索の各ページを閲覧
- 03複数ルールでのフィルタリングとユーザーブロックに対応したフォーラム形式のディスカッション
- 04CDNレイヤー経由の画像キャッシュを備え、サイトをもとにモバイル向けに再設計したレイアウト
- 05作品のローカルフォルダ管理と、任意で利用できるbilibili・Doubanとの同期
ユースケース
- スマートフォンでアニメやゲームの進捗を管理する
- モバイル向けに使いやすいインターフェースでBangumiのディスカッションやカレンダーを閲覧する
- 大規模な実用的Expoベースのコードベースを読んでReact Nativeを学ぶ
クイックスタート
- 1
リポジトリをクローンする
git clone https://github.com/czy0729/Bangumi - 2
プロジェクトフォルダーに移動する
cd ./Bangumi - 3
yarnで依存関係をインストールする(READMEではnpmよりyarnが推奨されています)
yarn
使う前に知っておきたいこと
- React Nativeを使ってAndroidとiOS向けに開発されているため、デスクトップアプリやWebアプリではありません。
- 現在、iOSビルドはExpo経由でのみ実行できます。また、App Store版とGoogle Play版は公開されていません。
- READMEには、MITライセンスの表記があるにもかかわらず、コードは学習と共有のみを目的としており、商用利用はできないと記載されています。
- 古い依存関係が多く、バージョン要件も複雑に絡み合っているため、ローカル環境のセットアップが難しい場合があります。
収録されている特集
トピック
よくある質問
- Bangumi とは?
- Bangumiのアニメ・漫画・ゲーム管理サイト向けに、React Nativeで開発された非公式のモバイルファーストクライアント。AndroidとiOSに対応。 Bangumiは、アニメ、音楽、日本のドラマ、ゲーム、ビジュアルノベルの進捗を記録したり、作品を探して語り合ったりできるサイトです。このプロジェクトは、AndroidとiOSで共通のコードベースと一貫したレイアウトを実現するため、React Nativeで開発された非公式クライアントです。
- Bangumi は無料で使えますか?ライセンスは?
- Bangumi は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- Bangumi は今もメンテナンスされていますか?
- 活発にメンテナンス中。Bangumi の最終コミットは 2026年11月7日 です。
- Bangumi は何に使えますか?
- スマートフォンでアニメやゲームの進捗を管理する モバイル向けに使いやすいインターフェースでBangumiのディスカッションやカレンダーを閲覧する 大規模な実用的Expoベースのコードベースを読んでReact Nativeを学ぶ
- Bangumi のインストール方法は?
- リポジトリをクローンする: git clone https://github.com/czy0729/Bangumi プロジェクトフォルダーに移動する: cd ./Bangumi yarnで依存関係をインストールする(READMEではnpmよりyarnが推奨されています): yarn
- Bangumi はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/czy0729/Bangumi
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Apple HealthKitとAndroid Health Connectを共通のJavaScript APIで利用できるExpo/React Nativeモジュール。
Expoチーム公式のAIエージェント向けスキル集。Expoアプリの開発、デプロイ、アップグレード、デバッグを支援します。
JavaScriptバンドルの読み込み前、アプリ起動直後からネイティブ再生できるReact Native向けLottie・dotLottieスプラッシュ画面。
iOSとAndroid向けのCherry Studioモバイルアプリ。複数のAIモデルとのチャット、エージェントの実行、MCPツールへの接続、画像生成に対応します。
現地で簡単な質問に答えて地図データを改善できる、Android・iOS向けの使いやすいOpenStreetMapエディター。