FAQ

GitHubから​HubSpotへ:​FAQ。

フロントエンドは動いていても、まだリポジトリの中にあります。ここでは、transjtがそのコードを、マーケティングチームが運用できるHubSpotテーマにする方法についてお答えします。

代理店、フリーランス、マーケティングチームに選ばれています

FAQ

GitHubから​HubSpotへ:​FAQ。

GitHubリポジトリのコードを、AIでカスタムHubSpotテーマに変換することについてのよくある質問。

デモを予約
  • transjt.aiは、動作するフロントエンドをネイティブなCMSテーマに変換するAIプラットフォームです。transjtのプロジェクトでGitHubを認証し、リポジトリを選んで、出力先にHubSpotを選びます。transjtはコンポーネントツリーを読み取り、どの部分をHubLテンプレートにし、どの部分をマーケターが操作するモジュールのフィールドにするかを判断します。こうしてコードは、通常のHubSpotテーマファイルとしてリポジトリから出ていきます。

  • クライアント側でレンダリングする、Viteを使ったReactです。多くのAIビルダーが標準で生成するのがこの形で、HubSpotはHubLを自社のサーバーでレンダリングするため、最もきれいに変換できます。Next.jsでサーバーサイドレンダリングを使って作ったプロジェクトでも、コンポーネント自体は通常問題なく移植できます。先に取り除く必要があるのは、App Routerのルーティングとサーバー層です。

  • いいえ。テーマのコードはtransjtが書きます。手書きのテーマと同じように、後から開発者が変更することもできます。

  • transjtでプロジェクトを作成し、GitHubアカウントを認証します。変換したいリポジトリを選び、出力先のCMSを選んで、ライブプレビューを確認し、エクスポートします。間にGitHubが入るので、ワークフロー全体がバージョン管理され、どのバージョンのコードからどのバージョンのテーマができたかがコミット履歴に残ります。

  • はい。transjtが作るのは埋め込みや静的なコピーではありません。AIが、フロントエンドとHubSpotのバックエンドをつなぐHubLのロジックを生成します。編集できるフィールドを備えたドラッグ&ドロップのモジュール、動的なメニュー、グローバルコンテンツも含まれるので、初日からHubSpotでサイトを管理できます。

  • 引き継がれませんし、通常は引き継ぐべきでもありません。transjtが変換するのはフロントエンドです。HubSpotはフォーム、コンタクトレコード、コンテンツの保存をネイティブに備えているため、ページがHubSpotのコンテンツになれば、AIビルダーが用意したサーバー層はたいてい不要になります。どうしても独自のサーバーロジックが必要な場合は、サイトと通信する別のアプリケーションとして残します。

  • 本物のテーマです。transjtはネイティブなカスタムHubSpotテーマを生成します。HubLテンプレートとモジュール定義は、開いて確認でき、バージョン管理で保管できます。ページは完全にドラッグ&ドロップで編集でき、構造はHubSpotのCMSのベストプラクティスに沿っています。

  • はい。transjtはコンパイル済みのスタイルを引き継ぎ、レイアウトをモバイル、タブレット、デスクトップに自動で合わせます。v0や多くのAIビルダーが標準で使うTailwindとshadcn/uiはきれいに変換されるので、文字サイズの体系、余白、コンポーネントのバリエーションはプレビューで見たとおりになります。

  • はい。エディターやAIツールで改良を続け、同じリポジトリにプッシュして、もう一度変換を実行します。コードは単発のアップロードではなくGitHubから来るので、再エクスポートは通常の手順の一つで、最初からやり直す必要はありません。

  • コードがGitHubにあれば、transjtは通常数時間で変換を完了します。所要時間は、異なるページテンプレートがいくつあるかによって決まります。同じレイアウトを共有する20件のブログ記事は、1件と同じ速さで変換されます。HubSpot側では、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されており、これが唯一の必須条件です。

AIの架け橋

GitHubから​HubSpotへの​AIブリッジ

コンポーネントを手作業で書き直す必要はありません。transjtは、すでにリポジトリにあるコードを、数時間でレスポンシブなHubSpotテーマにします。

  • ワークフロー

    リポジトリから直接

    GitHubを認証し、リポジトリを選んで、出力先にHubSpotを選ぶだけ。別途エクスポートする手順も、受け渡しするファイルもありません。

  • 汎用性

    ほぼすべてのAIビルダーに対応

    Lovable、v0、bolt.new、Replit、Builder.io、Rocket、Claude Code、Figma MakeはどれもGitHubにプッシュでき、transjtに必要なのはリポジトリだけです。

  • 自動化

    AIによる自動レスポンシブレイアウトを標準で

    メディアクエリを書く必要はありません。AIがレイアウトをモバイル、タブレット、デスクトップに合わせ、Tailwindやshadcn/uiのスタイルもそのまま保ちます。

  • 拡張性

    ワンクリックでネイティブなHubLモジュールに

    コンポーネントは編集できるフィールドを備えたドラッグ&ドロップのモジュールになるので、マーケターはコードに触れずにHubSpotでページを並べ替えられます。

  • 多用途

    バージョン管理された再エクスポート

    新しいコミットをプッシュして、もう一度変換します。リポジトリが常に唯一の基準となり、どのコードからどのテーマができたかが履歴に残ります。

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合(構成の整ったファイルの場合)
  • ∞取り込めるAIビルダー(Figmaにも対応)
  • 2ネイティブ対応のCMS:HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
料金

毎月払うか、​一度だけ払うか、​サイトを​まるごと​移すか。

継続的な作業にはサブスクリプション、1つのWebサイト全体には一括料金、既存のサイトをコンテンツごと移すなら、アプリでご自身で進める移行(必要なときは私たちがお手伝いします)。Starterプランは無料で、クレジットカードは不要です。

返金保証。単発エクスポートと移行サービスが対象で、サブスクリプションは対象外です。結果が機能せず、5営業日以内にチームが解決できない場合は、取引手数料を差し引いて返金します。お申し出は納品から5営業日以内にお願いします。 利用規約

今後の展望

リポジトリから​売上へ:​GitHubから​HubSpotへの​AIの未来

AIツールのおかげでフロントエンドの構築は大幅に速くなり、時間のかかる工程はその先へ移りました。コードは動いてリポジトリにありますが、プルリクエストなしでは誰も編集できません。ReactコンポーネントをCMSテンプレートへ手作業で変換する工程が、公開を遅らせています。

transjtはGitHub上のリポジトリを読み込み、コンポーネントをネイティブなHubSpotテーマに変換します。構造、スタイル、コンポーネントの境界はそのまま引き継がれ、出力にはHubLテンプレートと、マーケターがチケットを起票せずに変更できるモジュールのフィールドが含まれます。

何週間もかかる手作業の変換ではなく、リポジトリから数時間で公開サイトまで進めます。しかもコードは単発のエクスポートではなくバージョン管理を通じて届くため、新しいコミットのたびに新しいテーマを作れ、サイトはコードと足並みをそろえたままです。

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

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