Tailwind CSS v4完全移行ガイド！CSS-First設計とOxideエンジンの破壊的進化
JS設定ファイルの全廃からRust製新エンジン「Oxide」による最大10倍超の超爆速ビルド、OKLCHカラーの採用まで。Tailwind CSS v4の劇的進化と、v3からの安全・迅速な移行手順を徹底解説します。
SHOP GUIDE
ここは、道具を売らない道具屋。
面倒を少し軽くするもの、作業を少し速くするもの。
必要なときに、すぐ手に取れる小さなWeb道具を揃えています。
FEATURED TOOLS
今宵のおすすめ
店主が手入れを終えた、すぐに使える道具です。
すべてブラウザの中で動きます。
SHOP KEEPER
赤猫座店主
どのツールも登録不要でシンプルに使えるように手入れしています。訪れた方が「これがあって良かった」と少しでも思って頂けたら、何より嬉しいことです。もし「こんな道具が欲しい」という困りごとがあれば、いつでもお気軽に店先からお知らせください。
「何か1つでもお役に立てれば幸いです。」店の記録を読む
SHOP JOURNAL
道具屋日誌
制作の裏話や技術コラム、日々の覚え書き。
店主が書き留めた最新の記録です。
メール誤送信事故を防ぐ！超軽量SMTPサーバー「Mailpit」完全入門 — Docker導入からPHP・WordPress・各言語設定まで
開発環境からのテストメール誤送信事故を防ぎ、ブラウザで即座に受信メールを確認できるGo製の超軽量メールキャプチャツール「Mailpit」。MailHogからの移行理由からDocker / Docker Composeでの導入、PHP・WordPress・各種言語での接続設定、API連携まで網羅的に解説します。
重たいAndroid StudioはUbuntuで動かす — Linux開発環境の快適さと、今後のアプリ展開
メモリを大量に消費するAndroid Studioとエミュレータを快適に動かすため、開発環境をUbuntu（Linux）に寄せている話です。いずれ赤猫座でもAndroidアプリを並べたいという野望も交えて。
【JS超入門 第1回】環境構築ゼロ！ブラウザとメモ帳だけで『魔法のボタン』を作る最初の一歩
難しいソフトのインストールは不要！パソコンのメモ帳とブラウザだけで、画面にボタンを置いて動かす第一歩を小学生にもわかりやすく解説します。
個人開発の小さなWebツールが増えている理由を考えてみる
単機能の小さなWeb道具（マイクロツール）が急増している理由。Web標準APIの進化による端末内完結、巨大SaaSへのログイン疲れ、生成AI時代の個人開発の生存戦略を語りました。
スマホのブラウザ通知が「届いたり届かなかったり」する理由を調べてみた
SPLIT TIMERの開発中にぶつかった、Web Notifications APIの気まぐれな挙動。その背景にあるOS側の仕組みを調べました。
SHOP NEWS
店先の知らせ
新しい道具や、手入れの記録。
新作
手元の端末で書いたメモを、QRコードでもう一台の端末へ届ける「Device Bridge」を追加しました。
→
新作
Claude・ChatGPT・Geminiと連携し、AIが自動で会話応答するLINEボットテンプレート「AI LINE Bot」を追加しました。
→
新作
APIキーを2つ貼り付けるだけで動く、PHP製の自動返信LINEボットテンプレート「Simple Line Bot」を追加しました。
→
新作
画面幅に合わせて文字サイズや余白を自動でなめらかに変化させるCSS clamp()コード作成ツール「Clamp Scope」を追加しました。
→
新作
位置カーブと速度グラフで実際の動きを確認しながらcubic-bezierコードを作れる「Bezier Lab」を追加しました。
→
新作
CSS詳細度診断、px⇔rem変換、SCSS/LESS/Tailwind相互変換をまとめた「CSS沼レスキュー」を追加しました。
→
公開
色彩の変換や配色パレット、和色表示、画像の色抽出など、色にまつわる様々な操作と確認ができる「色葉」を追加しました。
→
公開
正規表現のリアルタイムテストや練習問題、PHP(PCRE)検証機能を備えた「正規表現ラボ」を追加しました。
→
公開
IP確認、WHOIS、DNS、CIDR計算などネットワークの状態をその場で見える化・診断する「NetTools」を追加しました。
→
公開
必要な数だけタイマーを並べて、それぞれ別々の時間を自由に管理・計測できる「SPLIT TIMER」を追加しました。
→