WordPressフリーランス・制作会社向け

WordPress 開発 AIでGutenbergパターンを起草する

平文の指示をGutenbergパターンと完全なFSEページに変換し、クライアントのサイトに反映する前にマークアップを読んで確認できます。

薄暮の中、WordPressのブロックエディタを開いてAI支援でパターンを作成する開発者の作業スペース
noonwpが実際に生成するもの

5つのツール、ひとつの開発フロー

各ツールはSite Editorでそのまま検査できる出力を返します。中身の見えないウィジェットではありません。

Pattern Forge

ヒーローセクションや価格表、testimonial枠などを言葉で説明するだけで、Pattern Forgeは独自ショートコードではなくネイティブなGutenbergブロックマークアップを返します。

Page Scribe

短い指示から、テンプレートパーツを含む完全なFSEページを起草します。本番環境に反映する内容は、あなた自身が選べます。

RTL Concordance

英語・アラビア語、英語・ヘブライ語のバイリンガルレイアウトに、方向を意識したCSSを標準で適用します。公開後に後付けする必要はありません。

Type Rubric

可変フォントから組んだタイプスケールをtheme.jsonに直接書き込み、ブロックテーマでそのまま使えます。

Palette Librarian

ブランドブリーフに合わせたOKLCHカラーパレットを、theme.jsonが読み込めるデザイントークンとして書き出します。

実際の開発フローへの組み込み方

4つのステップ、そのうち1つはコードを読むこと

これはAIレイヤーを備えたソフトウェア開発であり、サイトを公開する担当者の代わりになるものではありません。

  1. 1

    指示を書く

    ブロックやページに求める動作を、ふつうの言葉で書くだけです。覚えるべきプロンプト構文はありません。

  2. 2

    パターンを生成する

    Pattern ForgeまたはPage Scribeが、Site Editorでそのまま開けるGutenbergブロックマークアップを返します。

  3. 3

    マークアップを読む

    HTML、クラス名、RTLでの挙動を、クライアントのサイトに反映する前に確認します。

  4. 4

    公開して改善する

    パターンをテーマにコミットし、Type RubricやPalette Librarianで調整しながら、次のページへ進みます。

対象としているのは誰か

締め切りの中で公開するフリーランスのために

一人で運営するWordPress事務所が、クライアントごとにヒーローセクションを毎回手書きするのは現実的ではありません。noonwpが狙うのはまさにそのギャップです。ブロックテーマを扱った経験のない汎用コーディングアシスタントではなく、WordPressの開発フローに特化したAIを必要とするフリーランスや小規模な制作会社のために作られています。出力されるマークアップはあなたが所有するものであり、借り物のウィジェットツリーではありません。

  • 非営利団体や小規模出版社向けの英語・アラビア語バイリンガルサイト
  • 独自ビルダーへの依存なしのクライアント引き渡し
  • 予算の限られた十数のサイトで再利用できるパターンライブラリ
  • 毎回手作業でCSSを上書きしないRTL対応レイアウト
フリーランスのWordPress開発者が2台のモニターで作業し、片方にFull Site Editorのレイアウトが表示されている
コードが実際にどこに残るか

noonwp vs. Elementor AI vs. Divi AI

クライアントからホスト移行を頼まれたときに問われる基準で比較しています。

基準noonwpElementor AIDivi AI
出力形式ネイティブなGutenbergブロックElementorウィジェット(独自形式)Diviビルダーモジュール(独自形式)
Full Site Editing対応FSEブロックテーマ向けに構築後付けで、FSEネイティブではない後付けで、FSEネイティブではない
RTLレイアウト対応RTL Concordanceを標準搭載手動でのCSS上書きが一般的手動でのCSS上書きが一般的
移行時のコード可搬性標準的なtheme.jsonパターンとして書き出しElementorランタイムに固定Diviランタイムに固定
導入価格Monkプラン、$0Elementor Proに追加費用が必要Diviに含まれる、年間約$89
プラン

運用するサイト数に合わせた価格設計

サンドボックスではなく実際のクライアントサイトで、Monkプランから始めてください。Pattern Forgeで足りなくなったらアップグレードしましょう。

Monk

$0

1サイトでワークフローを試す方向け

  • Pattern Forge、月間生成回数に制限あり
  • 標準的なGutenbergブロック出力
  • コミュニティサポート
パターンを起草する

Abbey

$49 /mo

複数サイトを管理する制作会社向け

  • Scribeのすべての機能
  • バイリンガルサイト向けRTL Concordance
  • マルチサイトパターンライブラリ
  • 優先サポート
サイトを彩飾する
よくある質問

最初のパターンを起草する前に

noonwpはWordPress専用のAIですか、それとも汎用のソフトウェア開発AIですか?
意図的にWordPress専用です。noonwpはPythonやReactアプリのコードは書きません。Gutenbergブロックのマークアップ、FSEテンプレート、theme.jsonのトークンを生成する、範囲を絞ったソフトウェア開発ツールであり、汎用のコーディングアシスタントではありません。
支払いを止めた場合、Pattern Forgeが生成したコードは残りますか?
残ります。出力は標準的なGutenbergブロックマークアップで、あなた自身のテーマファイルに保存されます。ページビルダーのウィジェットツリーのように、解きほぐす必要のある独自ランタイムはありません。
RTL Concordanceはアラビア語やヘブライ語をどのように扱いますか?
パターンに方向を意識したCSSを標準で書き込みます。左右を固定値で指定する代わりに論理プロパティを使い、レイアウトのミラーリングをlorem ipsumではなく実際のアラビア語・ヘブライ語のコンテンツで確認しています。
1つのアカウントを複数のクライアントサイトで使う制作会社の運用は可能ですか?
Abbeyプランはまさにそのために作られています。マルチサイトパターンライブラリがあるので、あるクライアント向けに作ったヘッダーを、白紙のプロンプトからやり直さずに次のクライアント用に調整できます。
Pattern ForgeとPage Scribeの違いは何ですか?
Pattern Forgeは単一のブロックやセクションを生成します。Page Scribeは同じような平文の指示から、テンプレートパーツを含む完全なFSEページを組み立てます。
無料のMonkプランは実際のプロジェクトで使えますか?
1つの小規模サイトであれば、月間の生成回数の範囲内で十分使えます。複数のクライアントサイトを同時に運用するようになると、多くのフリーランスがこのプランでは足りなくなります。
Elementor AIやDivi AIとの違いは何ですか?
Elementor AIとDivi AIは、それぞれ独自のビルダーランタイム向けにコンテンツを生成します。noonwpはネイティブなGutenbergブロックを生成するため、クライアントが後でホストやテーマを変更しても可搬性が保たれます。

次のクライアントサイトのために折丁を定める

無料のMonkプランから始めて、プランを決める前に実際のGutenbergパターンがどのようなものかを確認してください。