Claude Code・
WordPress・Web制作の実験ブログ
CODE PLUS
AIに書かせて、人が削る。Web制作・WordPress・ツール開発の
現場で試した小道具と発見を、ひとつずつ記録しています。
PICKS — CURATED REFERENCES
PICKS
RSS×AIで集めた技術記事をAIが採点、好みを学ぶ実験的キュレーション。
ABOUT — ABOUT THIS SITE
CODE PLUS について
運営者・コンセプト・このサイトで扱うこと。
CODE PLUS(コードプラス) は、福岡からひとりで運営している Web 制作 の実験ブログです。
日々の制作で使った Claude Code・AI ツール、WordPress のテーマ/プラグイン開発、
CSS と JavaScript の小さな発見、自作ツールの公開を、まとめて記録しています。
「答え」ではなく「過程」を残すこと。検索で迷ったときに、もう一度自分が辿り直せるノートを作ること。
AI を相棒にしながら、Web を組み続ける現場の声を、淡々と書き溜めています。
- Claude Code
- WordPress
- Web制作
- CSS · clamp()
- JavaScript
- RUNNING SINCE
- 2.42
- YRS
- ENTRIES
- 000
- POSTS
- CATEGORIES
- 00
- CAT
- TOOLS PUBLISHED
- 12
- UTILS
- NODE · LOCATION
- FUK
- JP
TOOLS — SELF-MADE INSTRUMENTS
TOOLS
Web 制作で使う実用ツール/自作。Claude Code と一緒に組み上げた小道具を、ひとつずつ公開しています。
-
T-01
マークダウン変換
MARKDOWNCONVERTER
Markdown ⇄ HTML の相互変換。エンティティ/URL/Base64 エンコードに対応。
md2html --escape -
T-02
表組み変換
TABLE CONVERTER
パイプ区切りのテキストをHTMLのtableタグに自動変換。
csv2md --align -
T-03
アイキャッチ生成
EYECATCH GENERATOR
テキストを画像に変換する画像生成ツール。
eyecatch --bg=nixie -
T-04
ディレクトリ図
DIRTREE GENERATOR
フォルダ構造を視覚的なツリー形式で自動生成。
dirtree -L 3 -
T-05
Markitdown
MARKITDOWN
pptx・docx・pdfなどをMarkdownに変換。
markitdown <file> -
T-06
clamp() 計算機
RESPONSIVE CLAMP
viewport 幅に応じたフォントサイズをclamp()値で出力。
clamp(16,1.2vw,22) -
T-07
px ↔ rem
PX ↔ REM
テキスト内の px と rem を一括で置換。
px2rem 16=>1.0 -
T-08
カラーコード
COLORCODE
RGB / RGBAをWEBカラーコード(HEX)に一括変換
color #ffa500 -
T-09
改行可視化
BREAKS
テキスト内の改行やタブを様々な形式に一括変換。
breaks --crlf
- TOTAL
- 09
- ON THIS GRID
- 09
- LATEST
- T-09
- RUNTIME
- browser
APPS — SELF-MADE APPLICATIONS
APPS
手元の不便を埋めるために作ったアプリと WordPress プラグイン。Claude Code と一緒に形にして、OSS で公開しています。
-
A-01Web / React
スニペット管理
ESPANSO MANAGER
Espanso の base.yml をGUIで管理するWebアプリ。React + TypeScript + Vite 製。
espanso-mgr --gui -
A-02App / Electron
一括grep置換
MULTI GREP REPLACER
複数ルールを一括実行する高速grep置換ツール。1000ファイルを1秒以内で処理。
mgrep --rules -
A-03Web / Vanilla
画像トリミング
1PX TRIMMER
画像を上下左右1pxトリミングしてダウンロード。Claude Code 製の軽量Webアプリ。
trim --1px -
A-04WP / Plugin
複数ペア一括置換
BSR PLURAL
Better Search Replace に複数ペア一括置換と Import/Export を追加するパッチ。
bsr --plural -
A-05WP / Plugin
メニュー複製
MENUITEM COPY+PASTE
WordPress のメニュー項目をコピー&ペーストで複製。編集作業を時短。
menuitem --copy -
A-06WP / Plugin
カテゴリ配色
CATEGORY COLOR PICKER
カテゴリに配色を設定し、文字色を自動調整。WordPress.org 公式公開プラグイン。
catcolor --pick
- TOTAL
- 06
- APPS
- 03
- PLUGINS
- 03
- LICENSE
- OSS