AKANEKOZA 赤猫座の道具店

今宵も開店AKANEKOZA

暮らしと仕事に効く、
不思議な道具をひとつ。

月が昇るころ、路地の奥に現れる小さな道具屋。
赤猫座店主が、便利なWebツールへご案内します。

道具棚を見る 店主を知る
開店
夜更けから明け方まで
品数
11 の道具を準備中
店内へ

SHOP GUIDE

ここは、道具を売らない道具屋。

面倒を少し軽くするもの、作業を少し速くするもの。
必要なときに、すぐ手に取れる小さなWeb道具を揃えています。

壱

書くための道具

文字数確認、文章整形、表記チェック。日々の執筆を静かに助けます。

棚を見る 弐

作るための道具

時間計測、電網診断、モールス変換。日々の制作や検証の手間を減らします。

棚を見る 参

整えるための道具

色彩変換、動きの調整、余白の設計。見た目や動きを整える手助けをします。

棚を見る

FEATURED TOOLS

店主が手入れを終えた、すぐに使える道具です。
すべてブラウザの中で動きます。

意匠 新作

DESIGN TOOL

Clamp Scope

画面幅に合わせて文字サイズや余白を自動でなめらかに変化させるCSS clamp()コードを作る道具です。
意匠 定番

DESIGN TOOL

色葉 IROHA

色彩の変換や配色調和の可視化、和色の印譜表示、画像からの色抽出やコントラスト判定など、様々な確認が行えます。
制作 新作

DEVELOPMENT TOOL

Simple Line Bot

APIキーを2つ貼り付けるだけで動くPHP製のLINEボットテンプレートです。
すべての道具を見る
着物をまとい、妖火を従える赤猫座店主の墨絵

SHOP KEEPER

赤猫座店主

どのツールも登録不要でシンプルに使えるように手入れしています。訪れた方が「これがあって良かった」と少しでも思って頂けたら、何より嬉しいことです。もし「こんな道具が欲しい」という困りごとがあれば、いつでもお気軽に店先からお知らせください。

「何か1つでもお役に立てれば幸いです。」
店の記録を読む

SHOP JOURNAL

道具屋日誌

制作の裏話や技術コラム、日々の覚え書き。
店主が書き留めた最新の記録です。

ITニュース

React 19のActions完全攻略！useActionStateとuseOptimisticで脱ボイラープレート

React 19で導入された「Actions」により、フォーム送信時の状態管理・非同期処理・楽観的UI更新が劇的に進化！従来のuseState地獄やuseEffectでのローディング・エラーハンドリングから解放される useActionState や useOptimistic、useFormStatus の使い方をビフォー・アフターで徹底解説します。

日誌を読む
ITニュース

CSS Anchor Positioning完全解説！脱JavaScriptで実現する次世代フローティングUIの全貌

ツールチップやドロップダウン、ポップオーバーなど、長年JavaScript（Popper.js / Floating UI）に頼り切りだったフローティングUIが、ついにCSSだけで実装可能に！CSS Anchor Positioning（アンカーポジショニング）の基本構文から直感的な position-area、はみ出し自動反転（position-try）、Popover APIとの最強連携まで、実践コード付きで徹底解説します。

日誌を読む 道具を試す CSS沼レスキュー
アプリ開発日記

メール誤送信事故を防ぐ！超軽量SMTPサーバー「Mailpit」完全入門 — Docker導入からPHP・WordPress・各言語設定まで

開発環境からのテストメール誤送信事故を防ぎ、ブラウザで即座に受信メールを確認できるGo製の超軽量メールキャプチャツール「Mailpit」。MailHogからの移行理由からDocker / Docker Composeでの導入、PHP・WordPress・各種言語での接続設定、API連携まで網羅的に解説します。

日誌を読む
日誌の全記録を読む（全51編）

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」を追加しました。

THE DOOR IS OPEN

さて、どの道具をお探しで？

道具棚へ進む