Bloom

SPAJAM 2025 で作ったアプリケーション。画像にフィルターを適用するための拡張可能なシステムを提供します。

🎯 主な機能

• 動的フィルター管理: 新しいフィルターを簡単に追加・削除
• 拡張可能アーキテクチャ: プラグアブルなフィルターシステム
• 型安全性: TypeScript による完全な型サポート
• カスタムフィルター: セピア、ブルートーン、ImageMagick風、ギラギラ、オーバーレイなど

📖 ドキュメント

フィルターシステムの詳細な使用方法とAPIドキュメント:

• フィルターシステムガイド

開発環境のセットアップ

必要なもの

各自好きな方法で以下のツールをインストールしてください。

• Node.js v22.18.0
• Taskfile(https://taskfile.dev/)

main push を防止する

以下のコマンドを実行して、main ブランチへの push を防止します。

$ task precommit:enable

以下のような出力が得られます。

$ task precommit:enable
task: [precommit:enable] chmod +x .githooks/*
task: [precommit:enable] git config core.hooksPath .githooks/

依存関係をインストールする

$ npm install

起動する

$ task up

もしくは

$ npm start

(任意) VS Code もしくはその fork を使っている人向け

Workspace設定を用意しているのでそれを使うと設定が共有できるので便利です。

$ code .vscode/bloom.code-workspace

iOSで実機デバッグする方法

1. XcodeとAppleDeveloperAccountを用意します
2. npx expo prebuild
3. npx pod-install
4. cd ios && pod install
5. ios/bloom.xcworkspaceをXcodeで開き、Teamを自分のAppleIDにする
6. iPhoneをデベロッパーモードで繋ぐ
7. Cmd+Rしてひたすら待つ
8. 完成

関連ドキュメント

• Expo
• Expo Go, a limited sandbox for trying out app development with Expo
• Expo documentation
  • guides.
  • Learn Expo tutorial
  • development build
  • file-based routing.
  • iOS simulator
  • Android emulator
• Expo on GitHub: View our open source platform and contribute.