投稿一覧

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

PHP 8.2のセキュリティサポートは2026年12月31日で終わります。いまのバージョンの確かめ方と、更新・バックアップの準備、主要4社でPHPバージョンを切り替える画面の場所を解説します。迷ったら8.4です。

SWELLのテーブル（表）の線や色を変えるCSSを6種類、表示画像つきで紹介します。どれも「追加CSS」に貼るだけで使え、表のスタイルがストライプやシンプルでも同じ見た目になります。色の変え方と、反映されないときの確認方法もまとめました。

SWELLのボタンのデザインと、マウスを乗せたときの動きを変えるCSSを6種類紹介します。どれも「追加CSS」に貼るだけで使え、実際に動く見本で動きを確認できます。色はSWELLのボタン設定の色をそのまま使います。

メニューを開くとき、カーソルを合わせたとき、スクロールしたときなど、Webサイトでよく使うアニメーションの種類と名前を、場面ごとに見本の画像で紹介します。AIにそのまま貼れる頼み方の例と、Claude Codeで「かっこいい動き」と頼んだ場合との違いもまとめています。

SWELLのアコーディオンとステップの見た目を変えるCSSを、6種ずつ合わせて12種類、実際の表示画像つきでまとめました。どれも「外観」→「カスタマイズ」→「追加CSS」に貼るだけで使えます。色の変え方と、反映されないときの確かめ方も紹介します。

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

FigmaのデザインをClaude Codeでコーディングする方法です。Figma MCPで色・余白・フォント・画像を直接渡し、実際のデザインをHTMLとCSSにした比較画像と依頼文、再現できた部分と調整が必要だった部分を紹介します（2026年10月時点）。

SWELLの見出し2・見出し3のデザインを変えるCSSを10種類、実際の表示画像つきでまとめました。どれも「外観」→「カスタマイズ」→「追加CSS」に貼るだけで使え、SWELLの見出し設定が何でも同じ見た目になります。色の変え方と、反映されないときの確かめ方も紹介します。