|
1 | | -# キャンセラビット（jackHack2025チームA） |
2 | | - |
3 | | -かわいいうさぎが、ネガティブな文章を検知したらポジティブな文章に変えてくれるChrome拡張機能です |
4 | | - |
5 | | -## プロダクト紹介 |
6 | | -デモ動画：https://www.youtube.com/watch?v=w4L3FMTnRj8 |
7 | | - |
8 | | -<img src="assets/キャンセラビットタイトル.png" alt="キャンセラビットタイトル" width="480"> |
9 | | -<img src="assets/キャンセラビット紹介.png" alt="キャンセラビット紹介" width="480"> |
10 | | - |
11 | | -## 使用テンプレート |
12 | | - |
13 | | -このリポジトリは以下のテンプレートをベースに作成されています： |
14 | | - |
15 | | -[**Jonghakseo/chrome-extension-boilerplate-react-vite (v0.4.3)**](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite/tree/0.4.3) |
16 | | -Chrome 拡張機能を React + Vite + TypeScript で開発するためのボイラープレートです。 |
17 | | - |
18 | | -## インストール手順 |
19 | | - |
20 | | -以下の手順に従って、このChrome拡張機能をローカル環境にセットアップしてください。 |
21 | | - |
22 | | -### 前提条件 |
23 | | - |
24 | | -* [Git](https://git-scm.com/)がインストールされていること |
25 | | -* [Node.js](https://nodejs.org/)（v16以上推奨）がインストールされていること |
26 | | -* [pnpm](https://pnpm.io/)がインストールされていること |
27 | | - |
28 | | - * インストールされていない場合は、`npm install -g pnpm`でインストールできます |
29 | | - |
30 | | -### 1. リポジトリのクローン |
31 | | - |
32 | | -ターミナルを開き、以下のコマンドを実行して、リポジトリをクローンします： |
33 | | - |
34 | | -```bash |
35 | | -git clone git@github.com:jack-app/jackHack2025_A.git |
36 | | -``` |
37 | | - |
38 | | -### 2. プロジェクトディレクトリに移動 |
39 | | - |
40 | | -クローンしたリポジトリのディレクトリに移動します： |
41 | | - |
42 | | -```bash |
43 | | -cd jackHack2025_A |
44 | | -``` |
45 | | - |
46 | | -### 3. .env ファイルの作成と Gemini API キーの設定 |
47 | | - |
48 | | -プロジェクトルートに `.env` ファイルを作成し、以下のように Gemini API キーを登録してください： |
49 | | - |
50 | | -```env |
51 | | -CEB_API_KEY="登録した GeminiAPI key" |
52 | | -``` |
53 | | - |
54 | | -Gemini API キーの取得方法については、以下のドキュメントをご参照ください： |
55 | | - |
56 | | -* [Google Cloud Generative AI (Gemini) API キーの取得方法](https://cloud.google.com/generative-ai/docs/getting-started) |
57 | | - サービスアカウントの作成とキー生成手順を含みます。 |
58 | | - |
59 | | -### 4. 依存関係のインストール |
60 | | - |
61 | | -pnpmを使用して、必要なパッケージをインストールします： |
62 | | - |
63 | | -```bash |
64 | | -pnpm install |
65 | | -``` |
66 | | - |
67 | | -### 5. 開発サーバーの起動とビルド |
68 | | - |
69 | | -以下のコマンドで開発サーバーを起動し、拡張機能をビルドします： |
70 | | - |
71 | | -```bash |
72 | | -pnpm dev |
73 | | -``` |
74 | | - |
75 | | -このコマンドを実行すると： |
76 | | - |
77 | | -* プロジェクトがビルドされます |
78 | | -* `dist`ディレクトリに拡張機能の実行ファイルが生成されます |
79 | | -* ファイルの変更を監視し、変更があれば自動的に再ビルドされます |
80 | | - |
81 | | -### 6. Chrome拡張機能として読み込む |
82 | | - |
83 | | -1. Google Chromeを開きます |
84 | | -2. アドレスバーに `chrome://extensions/` と入力してEnterキーを押します |
85 | | -3. 右上の「デベロッパーモード」をオンにします（トグルスイッチが右側になっていることを確認） |
86 | | -4. 左上に表示される「パッケージ化されていない拡張機能を読み込む」ボタンをクリックします |
87 | | -5. 表示されるダイアログで、このプロジェクトの `dist` ディレクトリを選択して「フォルダーの選択」をクリックします |
88 | | - |
89 | | -これで拡張機能がChromeに読み込まれ、ツールバーに拡張機能のアイコンが表示されるはずです。 |
90 | | - |
91 | | -## ライセンス |
92 | | - |
93 | | -本プロジェクトは [MIT License](LICENSE) の下で公開されています。 |
94 | | - |
95 | | -## Credits |
96 | | - |
97 | | -* テンプレート提供元: [Jonghakseo](https://github.com/Jonghakseo) |
98 | | - リポジトリ: [chrome-extension-boilerplate-react-vite](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite) |
99 | | - ライセンス: MIT License |
100 | | -* 上記テンプレートをベースに、構成や機能をカスタマイズして本プロジェクトを作成しています。 |
| 1 | +# Free AI at api.airforce |
| 2 | +https://discord.gg/AJDsM7jtbq |
0 commit comments