WEB TOOLS
文章、制作、意匠。用途に合う道具をお選びください。
どれも登録なしで、すぐに使えます。
TOOL CATALOG
店主の気まぐれで、品が増えたり、
少し使いやすくなったりします。
どれも「登録不要・インストール不要・その場で完結」を条件に、実際に自分の作業で困った場面から生まれた道具です。文章・制作・意匠の3カテゴリーに分けていますが、複数の作業をまたいで使える道具も少なくありません。それぞれの道具を作った経緯や設計で悩んだ点は、各カードから道具屋日誌の関連記事に飛べます。
11 品を表示しています
正規表現のリアルタイムテストや練習問題、PHP(PCRE)検証機能を備えた学習・検証ツールです。 入力した瞬間にマッチ箇所がハイライトされるので、「書いたつもり」と実際の挙動のズレを目で見ながら覚えられます。
スマホやPCで書いたメモをQRコードで別の端末にすぐ共有できます。 アカウント登録や専用アプリのインストールは不要で、パスワード保護や同じQRを繰り返し使える固定QRにも対応しています。
LINE Messaging APIとClaude・ChatGPT・Geminiを連携させ、AIが自動で会話応答するLINEボットを構築できるPHP製テンプレートです。 プロバイダーを設定ファイルで差し替えられる作りなので、料金や応答の傾向を見比べながら乗り換えられます。
APIキーを2つ貼り付けるだけで動くPHP製のLINEボットテンプレートです。 部分一致でのキーワード応答に対応しており、複雑な設定なしで簡単な自動返信botをすぐに立ち上げられます。
必要な数だけタイマーを並べて、それぞれ別々の時間を自由に設定・管理できる道具です。 料理の複数工程や運動のインターバル管理など、一つの画面で同時に進行を追いたい場面で重宝します。
IP確認、WHOIS、DNS、CIDR計算、HTTPヘッダー診断など、ネットワークの状態をその場で見える化・診断する道具です。 普段は別々のサイトを回って調べる作業を一つにまとめており、サーバー設定やトラブル調査の手間を減らせます。
文字と信号の相互変換、音や光の再生・ダウンロード機能のほか、打ち方や読み方などモールスの知識も学べる道具です。 和文モールスと欧文モールスの両方に対応しており、変換結果はオフラインでも再生できる形式で保存できます。
CSS詳細度の診断・可視化、px⇔rem変換、SCSS/LESS/Tailwind間の相互変換など、CSSの沼から抜け出すための総合ツール集です。 「なぜこのスタイルが効かないのか」を数値ではなく視覚的に把握できるので、原因調査の時間を短縮できます。
色彩の変換や配色調和の可視化、和色の印譜表示、画像からの色抽出やコントラスト判定など、様々な確認が行えます。 参考にしたい画像から直接カラーコードを拾えるので、配色に迷ったときの出発点として使えます。
位置と速度のカーブで実際の動きを確認しながら、アニメーションやイージングのcubic-bezierコードを作成する道具です。 数値だけでは掴みにくい「動きの質感」を目で見て調整でき、CSSやJS、GSAPなど複数形式でコードを出力できます。
画面幅に合わせて文字サイズや余白を自動でなめらかに変化させるCSS clamp()コードを作る道具です。 最小値・最大値をスライダーで動かしながら結果を確認できるので、都度電卓で計算式を求める手間を省けます。
呼び方を変えて、もう一度探してみてください。
道具の制作裏話や技術コラムは道具屋日誌にて公開しています。
道具屋日誌を読む →REQUEST
こんな道具があれば、という声を店主へお聞かせください。
