--- title: "Cliq上でエクステンションを作成する" url: https://docs.catalyst.zoho.com/ja/tutorials/githubbot/java/create-extension-on-cliq/ description: "Catalyst Integration Functionsを使用してZoho Cliq上にエクステンションを構築し、Cliqボットを通じてGitHubリポジトリにアクセスして操作できるようにします" last_updated: 2026-08-17T12:16:04Z service: All Services type: tutorial related_links: - name: "Integration Functions" url: /ja/serverless/help/functions/integration-functions --- # Cliq上でエクステンションを作成する Cliqでエクステンションを設定できるようになりました。はじめにで説明したとおり、このCliqエクステンションはこのセットアップに必要なすべての開発コンポーネントをバンドルします。Cliqエクステンションの詳細については、[Cliqヘルプドキュメント](https://www.zoho.com/cliq/help/platform/build-cliq-extensions.html)を参照してください。 エクステンションにバンドルする以下のCliqコンポーネントを追加します。 * **Issuesコマンド:** `CommandHandler.java`クラスが処理するコマンドで、特定のリポジトリで発生した直近10件のIssueを取得します。 * **Commitsコマンド:** `CommandHandler.java`クラスが処理するコマンドで、特定のリポジトリへの直近10件のコミットを取得します。 * **webhookトークンを認証するボタンファンクション:** `FunctionHandler.java`クラスが処理するファンクションで、チャットボット内のボタンがクリックされたときに実行されます。このファンクションはGitHubのwebhookトークンを認証します。 * **GitHub Bot:** `BotHandler.java`クラスが処理するチャットボットで、これらのコマンドを実行できます。ボットには、既存のリポジトリを一覧表示し、コマンドを実行するリポジトリを選択できるメニューアクションも含まれています。 Cliqエクステンションを以下の手順で設定できます。 1. Cliqアカウントにログインし、[Cliq開発者コンソール](https://cliq.zoho.com/developer)を開きます。 2. インデックスページには、Cliqアカウントで開発したすべてのエクステンションが表示されます。**Create Extension**をクリックします。 ![catalyst_gitbot_cliq_create_ext_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_1.webp) 3. エクステンション名に「**GitHubExt**」と入力し、説明を入力します。 ![catalyst_gitbot_cliq_create_ext_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_2.webp) 4. 実行タイプとして**Catalyst Function**を選択します。このチュートリアル用に作成したCatalystプロジェクト**GitHubBot**と**GithubExtension**ファンクションをドロップダウンリストから選択します。 これにより、エクステンション内のいずれかのコンポーネントがアクセスされるたびに、エクステンションがファンクションを呼び出すことができます。 エクステンションに必要なコンポーネントを追加していきましょう。 5. **Add components**をクリックし、**Command**をクリックします。 ![catalyst_gitbot_cliq_create_ext_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_3.webp) 6. コマンド名に「issues」と入力します。以下の画像のように設定します。**Add**をクリックします。 ![catalyst_gitbot_cliq_create_ext_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_4.webp) 7. 同様に、エクステンション設定画面で**Add components**ボタンを再度クリックし、**Command**をクリックします。以下のように「commits」コマンドを設定します。**Add**をクリックします。 ![catalyst_gitbot_cliq_create_ext_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_5.webp) 8. 次に、**ファンクションコンポーネント**を追加し、以下のように「authenticate」ファンクションを設定します。 ![catalyst_gitbot_cliq_create_ext_6](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_6.webp) 9. 最後に、**ボットコンポーネント**を追加し、以下のように「GitHub Bot」を設定します。 ![catalyst_gitbot_cliq_create_ext_7](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_7.webp) **Message Handler**と**Incoming Webhook Handler**を有効にし、すべてのチェックボックスを選択します。これにより、ボットがチャット内のメッセージとGitHubから受信するwebhookリクエストを処理できるようになります。 また、ボットメニューアクション「Repos」を追加し、すべてのチェックボックスを選択する必要があります。 ![catalyst_gitbot_cliq_create_ext_8](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_8.webp) 必要なコンポーネントがすべて追加されました。 > **Note:** ファンクションコードに同じ名前を設定しているため、指定されたとおりのコンポーネント名を入力してください。 10. すべてのコンポーネントを追加した後、エクステンション設定ページで**Create Extension**をクリックします。 ![catalyst_gitbot_cliq_create_ext_9](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_9.webp) エクステンションが作成され、開発者コンソールに一覧表示されます。 > **Note:** `GithubConstants.java`クラスにGitHub APIへアクセスするためのパーソナルアクセストークンをハードコードしているため、コードに機密トークンが含まれるこのエクステンションを公開することは推奨されません。 Cliqボットが、Cliqアカウントで利用可能になりました。ボットで`issues`と`commits`コマンド、および`Repos`メニューアクションが使用できます。 これらのコマンドをテストする前に、webhookを使用してGitHubアカウントのリポジトリにコミットがプッシュされたときに自動的にアラートを受信できるように設定する必要があります。