Claude Code– tag –

Claude Codeは無料プランでは使えず、いちばん安く始められるのはPro（月20ドル）です。Pro・Max・API・Teamの料金と違い、Maxに付くAPIクレジットとusage creditsの違い、使い方に合うプランの選び方を公式情報で整理しました。

SWELLのステップ・アコーディオンは、CSSを追加すると文字サイズや余白、角の丸みを変更できます。Chromeでクラス名を調べる手順と、子テーマか追加CSSに記述するCSSの例、反映されないときの確認点、Claude Codeへの伝え方を紹介します。

Claude CodeをVS Codeで使う方法を解説します。公式の拡張機能「Claude Code for VS Code」をインストールすると、選んだ行を渡して質問できます。確認しながら進めるManualと、確認を減らして進めるAutoの使い分け、ターミナル版と会話を引き継いで行き来する方法も公式情報で確認しました。

Claude CodeでSWELLの固定ページを、あとからブロックエディターで修正できる形で作る方法を解説します。ブロックの見本の渡し方と、カスタムHTML・CSS・JavaScriptで補う範囲を、実例で紹介します。

Markdown原稿をWordPress標準ブロックとSWELL独自ブロックに変換し、下書き保存する方法を解説します。Claude Codeに変換スクリプトを作ってもらい、REST APIで送る手順を、見本ブロックの作り方と依頼文つきで紹介します。

MacにNode.jsをインストールする方法を、公式インストーラー・Homebrew・nvmの3通りで解説します。nodebrewとの違いや、LTSとCurrentどちらを選ぶかも2026-09-05時点の一次情報から確認しました。

Claude CodeでSWELLを安全にカスタマイズする方法です。親テーマを変更しない子テーマの使い方、SWELL独自ブロックを推測で書かせないコツ、壊してしまった実例と戻し方、最終確認のやり方をまとめました。

Claude Codeにデザイン画像を渡しても元の見た目と違ってしまうときの、再現精度を上げる画像の渡し方と最初の指示のコツを、Web制作で毎日使っている立場から解説します。

Claude CodeからOpenAI公式プラグイン「codex-plugin-cc」を使ってCodexを呼び出し、コードレビューや作業の一部を任せる方法を解説します。導入の4手順と実際に打つコマンド、使う前の注意点を紹介します。