Telexは、WordPressの親会社であるAutomatticによって開発された実験的なAIプログラミングと開発ツールで、特に開発者やサイトビルダーがカスタムGutenbergブロックを生成するのを助けるように設計されています。ユーザーは、希望するブロックの構造、スタイル、インタラクションの動作について、日常的な自然言語のプロンプトを入力するだけで、Telexは大規模な言語モデルを使用して数十秒で自動的にコードを記述し、完全に動作するWordPressブロックコンポーネントを生成します。
このツールは、WebAssemblyベースのWordPressと深く統合されている。 Playground サーバーレスのサンドボックス環境では、ユーザーはコード生成後にローカル開発環境をデプロイすることなく、ブラウザで直接フロントエンドの効果をプレビューし、エディタのバックエンドをテストすることができます。Telexは継続的な対話の反復を提供し、ユーザーはAIアシスタントと複数回にわたってコードを微調整することができます。最終的に完成したブロックは、パッケージ化して標準の .zip 形式のプラグインファイルは、シームレスに大幅に機能モジュールの開発の敷居を低減し、直接呼び出すために、任意のセルフホストされたライブのWordPressサイトにインストールすることができます。
機能一覧
- 自然言語コード生成: 目的のコンポーネントのロジックと外観を記述するプレーンテキストのプロンプトをサポートし、AIがネイティブのWordPress Gutenbergブロックコードに変換します。
- サンドボックス・プレビューWordPress Playgroundをボトムレイヤーにシームレスに統合し、ブラウザ上で動作するWordPress環境を仮想化することで、Webページのフロントエンドにおけるブロックのレンダリング効果や、バックエンドのパラメータ設定パネルの動作状況をリアルタイムで確認することができます。
- 継続的な対話の繰り返し最初のバージョンで生成されたブロックに対して、ユーザーが特定の変更コマンド（色の変更、スペーシングの調整、新しいインタラクションの追加など）を発行すると、AIが自動的に文脈を理解し、変更されたコードのみを更新する、サイドバーのAIアシスタントが利用できます。
- One Click Packaging Export プラグインデバッグされたブロックと依存するコード（React/JSX、CSS、PHP、）
block.jsonなど）をWordPress標準のプラグインアーカイブ(.zip)にワンクリックで保存できます。 - ネイティブ互換アーキテクチャ生成されるコードは、公式のブロックエディタ開発仕様とベストプラクティスに従い、様々なテーマとの互換性を保証します。
- コードの可視化とレビューこれはグラフィカルなプレビューを提供するだけでなく、技術的なバックグラウンドを持つ開発者がAIによって書かれた基礎となるソースコードを直接見ることができ、ロジックの透明性を確保し、後の段階での二次的な手動開発を容易にする。
- 視覚参照図の分析（プログレッシブ・オープニング）ユーザーがインターフェイスのスクリーンショットやワイヤーフレームなどのビジュアル資料をアップロードすることをサポートし、デザイン案のレイアウトをより正確に復元するために、大きなモデルをガイドするためのキューワードを組み合わせます。
ヘルプの使用
Telexへようこそ！TelexはAutomatticが提供するAIプログラミングプラットフォームで、あなたのテキストによるアイデアをWordPressネイティブのブロックに変換します。このプラットフォームの生産性を最大限に活用するための、非常に詳細なガイドをご紹介します。
スペシャルヒントTelexは現在、コード生成、サンドボックス・レンダリング、インターフェース・インタラクションの完全な体験を提供するための実験段階にあります。このシステムは現在、デスクトップ（デスクトップまたはラップトップ）側のブラウザで実行することが義務付けられている。携帯電話やタブレットなどのモバイルデバイスでアクセスすると、メインのワークスペースが読み込まれません。
I. アカウント登録とワークスペースへのアクセス
- アクセス・プラットフォームデスクトップ上のモダンブラウザ（WebAssemblyコンテナの最適なパフォーマンスのためにGoogle ChromeまたはMicrosoft Edgeを推奨）を開き、以下の公式サイトにアクセスします。
https://telex.automattic.ai/。 - アカウントログイン認証Telexは公式エコシステムに依存しており、シングルサインオン（SSO）のために主にWordPress.comアカウントシステムを使用しています。すでにアカウントをお持ちの場合は、直接認証することができます。アカウントをお持ちでない場合は、メールアドレスで無料のベーシックアカウントを登録してください。
- コンソールへのアクセスログインすると、一般的なAIチャットボットと同じようなインターフェイスを持つ、ミニマルなプロンプト・ダイアログ・ウィンドウが表示されます。
II.中核的な運用プロセス：プロンプトから利用可能なプラグインまで
ステップ1：質の高い構造化されたプロンプトを書く（プロンプト）
コード生成の精度は、入力された指示の詳細に完全に依存します。曖昧な表現をするのではなく、「機能定義＋バックエンド構成＋ビジュアルスタイル＋インタラクション効果」という構成で記述することをお勧めします。
- 要求事項の例チームメンバー紹介」ブロックを作りたい。
- おすすめのプロンプト: 「チームメンバー表示」用のGutenbergブロックの生成を手伝ってください。3人のメンバーを一列に表示できます。バックエンドの設定各人のアバターをアップロードし、名前、役職、1文の紹介文をワードプレスのエディターで別々に記入できる。ビジュアル・スタイルミニマリストのスタイルで、アバターはライトグレーのシェーディングが施された正方形の円としてデザインされている。インタラクティブ効果: メンバーのカードにカーソルを合わせると、カードが5px上に浮き上がり、LinkedInとTwitterのアイコンのリンクを表示する小さなアニメーションが必要です。”
- だす説明文が正しいことを確認したら、Enterキーを押すか、送信アイコンをクリックして生成エンジンを起動します。
ステップ2：自動化されたコード記述とサンドボックスのデュアルビュー検証
- ビジュアライゼーションコマンド送信後、コード生成の進捗状況が表示されるので、ファイルの構造やAIが生成したコードの行数を視覚的に把握することができる。
- ワードプレス・プレイグラウンド・ローディングコードが書かれると、Telexは即座にブラウザのメモリ内にサーバーレスのWordPressサンドボックスを立ち上げます。サーバーを購入したり、データベースを設定して直接テストする必要はありません。
- 2つの視点のシームレスな切り替え：
- エディタビュー（エディタ）これはデフォルトのビューで、WordPressバックエンドの編集インターフェイスをシミュレートしています。ここで生成したブロックを選択し、右側のプロパティパネルで修正可能な入力ボックスが正常に生成されたかどうかをテストできます（画像の置換やテキストの修正など）。
- フロントエンド・ビュー（フロントエンド）Frontend “ボタンをクリックすると、訪問者の視点に切り替わり、公式ウェブページ上のブロックのビジュアルレイアウトが妥当かどうか、マウスホバーなどのCSSアニメーションが適切に作動するかどうかを確認することができます。
ステップ3：ローカル反復のためのAIアシスタントとの対話
AIが生成した最初のバージョンは、細部の微調整が必要になることが多い。テレックスは状態記憶機能を備えているので、ゼロから始める必要はない。
- 発信アシスタント（アシスタント）インターフェイスの右パネルで “Assistant ”タブをクリックし、現在のブロックの連続ダイアログ・モードに入る。
- 修正コマンドの送信分かりやすい言葉で直接問題点を指摘する。例えば、「メンバーカードの影を濃くする」、「1列3人のメンバーを1列4人に変更する」、「ブロック全体の上部に中央寄せの『Our coreTeam“ のメインタイトル入力ボックスをブロック全体の上部に追加する」など。
- アプリケーションの自動更新: AIは以前のコードベースを読み込み、あなたの要求に沿った変更点のみをコードに書き換えます。完了後、サンドボックスは自動的にリフレッシュされ、変更の最新の効果が表示されます。
ステップ4：ワンクリックパッケージエクスポートとプロダクションデプロイメント
サンドボックスでブロックが完璧にデバッグされたら、実際に運営するサイトに移植することができる。
- ZIPパッケージのエクスポートインターフェースの右上にある “ダウンロード ”または “エクスポート ”ボタンをクリックしてください。システムは自動的に
block.json登録ファイル、index.js(リアクトロジック）、style.css(スタイルシート）とindex.phpすべての依存関係は、標準的なWordPressプラグインのZIPパッケージに圧縮されています。 - 個人ウェブサイトへのアップロードWordPressサイトのバックエンド管理システムにログインします。
- インプリメンテーション左メニューへ移動
插件 -> 安装插件 -> 上传插件ダウンロードしたZIPファイルを選択します。今すぐインストール」をクリックし、「プラグインを有効にする」をクリックします。 - 実際の呼び出しをクリックしてモジュールを追加し、検索ボックスでブロック名を検索してページにドラッグ＆ドロップして使用します。
III.スキルの高度な使用とピット対策ガイド
- コード・レビュー・モデルあなた自身が開発者であれば、Code Viewタブをクリックして基礎となるソースコードを見ることができます。複雑なロジック（外部APIデータリクエストなど）を実装する際にAIがエラーを報告した場合、ダイアログボックスで開発用語を使用して直接指示することができます（例：「次のコードに変更してください」）。
useEffectフックはデータの取り込みと追加を処理するtry-catchエラーキャッチメカニズム」）。 - モジュール化の原則を取り入れる: Telexは、完全な「サイト全体のテーマ」ではなく、個別の「機能ブロック」を生成するように設計されています。大規模なプロジェクトでは、複数の単機能ブロック（価格テーブルブロック、FAQアコーディオンブロック、ダイナミックカウントダウンブロックなど）に分割して別々に生成し、WordPressで結合することをお勧めします。
- 発電障害への対応実験的なツールであるため、時折レンダリングに失敗するのは普通のことです。サンドボックスがエラーを報告し続ける場合は、「再生成」をクリックするか、プロンプトの機能を簡略化して、複雑すぎるサードパーティ製ライブラリの依存関係を排除することをお勧めします。
アプリケーションシナリオ
- ラピッドプロトタイピングとビジュアルプレゼンテーション
ウェブデザイナーやプロダクトマネージャーが新しいページのインタラクションを構想しているとき、フロントエンド・エンジニアの介入を待つ代わりに、Telexを使ってテキストのアイデアを実行可能なページ・コンポーネントに変換し、ミーティングでチームや顧客に素早く見せることができる。 - カスタマイズされたキャンペーン・コンポーネントの開発
Eコマースチームやオペレーションチームは、特定のホリデーセールのために専用のウェブ要素（特定のビジュアルスタイルを持つカウントダウンサインやダイナミックなプロモーション価格リストなど）を開発する必要があります。Telexを使用すると、専用のブロックプラグインを数分で生成できるため、商用プラグインを調達するコストと時間がかかりません。 - WordPress開発者の効率アップを支援
プロのWordPressプラグイン開発者は、Telexをコード副操縦士として使用することができます。面倒なGutenbergベースファイルの登録やReact scaffolding、基本的なCSSの記述などはAIが担当し、開発者はソースコードをダウンロードしてコアなビジネスロジックの二次開発に専念することで、開発サイクルを大幅に短縮することができます。 - ノーコードビルダーのための機能境界拡張
プログラミングの知識がないセルフビルダーにとって、既存のテーマやサードパーティのページビルダーが特定のロングテール機能を満たせない場合、テレックスは自然言語でコンポーネントを「カスタマイズ」することで、ノーコードツールの限界を打ち破ることができる。
QA
- テレックスは有料ですか？
A: 現在、TelexはAutomattic傘下の実験的プロジェクトとして、すべてのログインユーザーに対して完全に無料で提供されており、当面の間、利用回数に制限はありません。基礎となるレイヤーはAI計算モデルのリソースを大量に消費するため、将来的には変換後にサブスクリプションまたは課金プランが開始される可能性があります。 - 私が生成したブロックは、WordPressのウェブサイトに直接インストールできますか？
A: はい、可能です。プラグインのインストールをサポートしているWordPress（WordPress.org）のセルフホスト環境、またはプレミアムプラグインをサポートしているホストプランであれば、Telexを直接.zipファイルがアップロードされ、通常のプラグインとして有効になります。 - TelexはWordPressテーマ全体を生成してくれますか？
A: いいえ、Telexは「Gutenbergブロック」の生成に特化した設計になっています。単一または結合されたページコンポーネントに特化しており、グローバルなページルーティング、データベース下部構造、サイト全体のファイル階層を含むテーマの生成は担当しません。 - モバイルブラウザでテレックスのインターフェースを開けないのはなぜですか？
A: 複雑なコード生成プロセス、デュアルビューコードエディタ、内蔵のWordPress Playgroundサンドボックスの安定した動作と組版の必要性を確保するため、アクセスデバイスを公式に強制的に制限しています。必ずデスクトップパソコンのブラウザをご利用ください。 - 生成されたブロックがバグだらけだったり、期待通りに機能しなかったりしたら？
A: コードを知らなくても修正できます。インターフェースの右側にあるAIアシスタントのパネルを開き、エラーや不満な点をAIにわかりやすく説明してください。 AIが自動的に調査してコードを修正し、サンドボックスで修正版を表示します。もしあなたがコードを知っているのであれば、直接コードビューに切り替えてコードを確認し、専門用語でAIに修正するよう指示することもできます。
