すべてのドキュメント

ドキュメントGitHub / AIビルダーGitHubの接続

GitHubの接続

GitHubアカウントを接続すると、AIビルダーで作ったコードをtransjtが取り込めるようになります。

始める前に

  • 取り込みたいリポジトリにアクセスできるGitHubアカウント。
  • GitHubリポジトリにあるコード。Lovable、v0、bolt.new、Claude Codeなど、ほとんどのAIビルダーはGitHubに直接プッシュできます。

方法1:Settingsで接続

  1. transjtでSettings > Integrationsを開きます。
  2. Add Repositoryの横にある+をクリックします。
  3. Connect GitHubダイアログでGitHubを選択したまま、Proceedをクリックします。
  4. GitHubのウィンドウが開きます。必要に応じてログインし、transjtを承認します。
  5. transjtに戻ると、アカウントが接続ステータスO.K.で一覧に表示されます。
GitHubを接続し、リポジトリとブランチを選んで、結果をプレビューします。

方法2:プロジェクトの作成時に接続

  1. Projectsで+からプロジェクトを作成し、名前を付けてCreateをクリックします。
  2. SourceステップでGitHubを選び、Continue with GitHubをクリックします。Importステップが開きます。
  3. 一覧から接続済みのGitHubアカウントを選ぶか、Connect GitHubをクリックしてアカウントを追加し、ポップアップの手順に従います。
  4. リポジトリとブランチを選びます。
    • リポジトリは「owner/repository」の形式で表示されます。
    • デフォルトのブランチには「(default)」と表示されます。通常はmainです。
  5. Proceedをクリックします。
何も起こらない場合:接続はポップアップで開きます。ブラウザーがポップアップをブロックしている場合は、app.transjt.aiのポップアップを許可してから、もう一度お試しください。
GitHubを接続し、リポジトリとブランチを選んで、結果をプレビューします。

プライベートリポジトリとOrganizationのリポジトリ

transjtでは、パブリックリポジトリとプライベートリポジトリのほか、所属しているGitHub Organizationのリポジトリも扱えます。どれを使えるようにするかは、接続時に開くGitHubのウィンドウ(Authorize transjt.ai)で選びます。このウィンドウには、transjtがアクセスする範囲が表示されます。

  • 個人ユーザーデータ:メールアドレスとプロフィール情報(読み取り専用)。
  • リポジトリ:パブリックとプライベート。
  • Organizationへのアクセス:リポジトリを使いたいOrganizationごとに、アクセスを許可します。

続いてAuthorize transjtをクリックします。プライベートリポジトリとOrganizationへのアクセスを許可しておくと、transjtでリポジトリを選ぶときに、すべてのリポジトリがまとめて一覧に表示されます。

GitHub Authorize transjt.ai window: transjt wants access to personal user data (email addresses and profile, read-only), public and private repositories, and organization access, with Cancel and Authorize transjt buttons
GitHubが、プライベートリポジトリとOrganizationへのアクセスを含めて、transjt.aiの承認を求めます。

Organizationが表示されない場合

多くのOrganizationでは、Organizationのオーナーが承認したアプリしか使えません(GitHubでは「OAuthアプリのアクセス制限」と呼ばれます)。承認されるまで、transjtにはそのOrganizationのパブリックリポジトリしか見えません。

  • メンバーの場合:GitHubのウィンドウで、Organizationの横にあるRequestをクリックし、オーナーに承認を依頼します。
  • オーナーの場合:GitHubでOrganizationのSettings > Third-party Access > OAuth app policyにあるOAuthアプリのポリシーを開き、transjt.aiの横にあるReviewをクリックしてから、Grant accessをクリックします。

詳しくは、GitHubのガイド「Organization用のOAuthアプリの承認」をご覧ください。

必要なアクセスを許可しなかった場合

必要なアクセスを許可しないまま接続した場合は、次の手順で接続し直します。

  1. GitHubでSettings > Applicationsを開き、transjt.aiを削除します。
  2. transjtでGitHubをもう一度接続し、GitHubのウィンドウで必要なアクセスを許可します。

コードの取り込み

リポジトリとブランチを選ぶと、transjtがコードを取り込み、プロジェクトのフロントエンドを構築します。その後、すべてのページをプレビューしてエクスポートできます。

ヒント:最もきれいな結果を得るには、サーバーサイドレンダリングを使わない、ViteベースのReactのコードにしてください。v0、bolt.new、Claude Code、Replitで作る場合は、Next.jsの静的エクスポートでも問題ありません。詳しくは対応AIビルダーをご覧ください。

複数のGitHubアカウント

自分のアカウントとクライアントのアカウントなど、複数のGitHubアカウントを接続できます。それぞれがSettings > Integrationsに別々の行として表示されます。プロジェクトを作成するときは、そのリポジトリにアクセスできるアカウントを選んでください。

Settings, Integrations in transjt: Add CMS and Add Repository, and a list of connected HubSpot, WordPress and GitHub accounts, each with the connection status O.K., the creation date and a bin icon
Settings > Integrations:接続済みのすべてのアカウントとそのステータス。ゴミ箱アイコンで接続を削除できます。

GitHubアカウントは、ソースとしてGitHubを選んだ直後のImportステップで、プロジェクトにリンクします。

  1. 一覧から接続済みのアカウントを選ぶか、Connect GitHubをクリックして新しいアカウントを追加します。
  2. リポジトリとブランチを選択します。
  3. Proceedをクリックします。

後からImportステップに戻ると、同じリポジトリを再同期して最新のコードを取り込むことも、別のリポジトリを選ぶこともできます。

The Import step of a GitHub project: Re-sync this repository or pick another one, with Connect GitHub, the account, repository and branch lists, and the Proceed button
Importステップ:アカウント、リポジトリ、ブランチを選ぶか、Connect GitHubをクリックしてアカウントを追加します。

接続の削除

Settings > Integrationsで、GitHubアカウントの横にあるゴミ箱アイコンをクリックします。プロジェクトはそのまま残りますが、この接続を使っていたプロジェクトはリンクが解除されます。そのプロジェクトで再びGitHubを使うには、GitHubをもう一度接続してください。

コピーされたリポジトリの内容:接続を削除すると、transjtはリポジトリを読み取れなくなりますが、すでに取り込まれたコードは削除されません。削除をご希望の場合は、support@transjt.aiまでご連絡ください。30日以内に削除します。

リポジトリの変換に関するご質問は、GitHubからHubSpotへのFAQとGitHubからWordPressへのFAQをご覧ください。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。