ユーティリティ タブに過ぎない 2 番目のモニターでブラウザ ウィンドウを開いたままにします。 JSON フォーマッタ、タイムスタンプ コンバーター、正規表現テスタ、ハッシュ ジェネレーター。 WP Adminify リリース、Laravel サイド プロジェクトを通じて、何年もの間そこにあり、Webhook ペイロードが小さく到着する深夜のデバッグ セッションごとに、実際に何が入っているかを確認する必要があります。
長い間、それらのタブは7 つの異なるウェブサイトを指していました いくつかは問題ありませんでした いくつかは私のペイロードをサーバーにアップロードした広告ファームでした I' d 聞いたこともありませんでした それらの1 つ - I' 名前をつけるつもりはありません - 私は思考が私に追いつく前にステージングJWTを貼り付けました: そのトークンは、他の誰かのボックスに送られました。 それはステージング トークンで、何も燃えませんでしたが、その感覚は行き詰まりました。 私が Toolz.dev を構築したのは、自分のタブ ストリップが欲しかったからです。また、その特定の間違いを二度と犯したくなかったからです。
つまり、これはディレクトリからスクレイピングされた 500 のツールのリストではありません。 それは実際に生きているセットです Toolz.dev 現在 - そのうちの40 数人が - 私がそれらを使う方法を整理しました: 仕事中に私が1 つに手を伸ばす瞬間までに 1 つすべてがあなたのブラウザで実行されます アップロードするものは何もありません アカウントはありません。
tl;dr: 私が最も開ける 5 つ、1 マイル: JSON フォーマッタ 読み取れない API 応答の場合、 タイムスタンプ コンバーター ログフォレンジックの場合、 正規表現テスター パターンワークの場合、 Base64 コンバーター JWTS とデータ URI の場合、 uuid ジェネレーター テストデータのシード用.以下のすべてがクライアント側で実行されます - ペイロードがタブから離れることはありません.1 つのことだけをブックマークする場合は,JSON フォーマッタをブックマークします.
CLI だけを使用しないのはなぜですか?
公正な質問です。私は CLI を使用しています。 jq スクリプト作成用の Web ツールよりも優れています。 base64 -d 2回のキーストロークです。 タスクがシェル スクリプトに入る場合、それはシェル スクリプトに属します。
しかし、ブラウザーのタブが本当に勝つという 3 つの状況があり、10 年ほど経った後、私は彼らについて罪悪感を感じなくなりました。
- ビジュアル フィードバック ループ。 正規表現は明らかです。 入力したときに実際のテキストのサンプルで 14 件の一致が点灯するのを見るのは、実行とは異なるアクティビティです。
grep -Pそして、はい/いいえを取得します。勾配と色も同様です。16 進コードを目視することはできません。 - マシンはあなたのものではありません。 クライアント ラップトップ、ロックダウンされたワーク マシン、ペアリング セッション中に他の誰かのデスク。 いやー
jq、インストール権はありません、時間がありません。 - 仕事は本当に一回限りです。 1 つの CSV を JSON に変換するための Python スクリプトを作成していません。 貼り付けてクリックして、自分の人生をやり遂げるつもりです。
これは、正直な比較です。ジュニア開発者に、どちらを使用するかを尋ねます。
| ブラウザ ツール | CLI (jq、 sed、 openssl) |
ide プラグイン | デスクトップ アプリ | |
|---|---|---|---|---|
| セットアップ費用 | ゼロ | インストール + 学習構文 | エディタごとにインストール | インストール、頻繁に支払われる |
| 得意 | 一回限りの、視覚的、探索的 | スクリプト、パイプライン、一括 | ファイル内のインライン編集 | 重いメディア、オフライン バッチ |
| ビジュアル プ | はいって | いやー | 部分的 | はいって |
| ロックダウンされたマシンで動作します | はいって | 通常はそうではあり | いやー | いやー |
| データはデバイスから離れます | ツールがサーバー側の場合のみ | いやー | いやー | 通常はいいえ |
| CI で再現可能 | いやー | はいって | いやー | いやー |
| どこで線を引くの? | 約 30 秒未満の作業 | 何でも繰り返す | すでにファイルにあるもの | 50 MB を超えるもの |
その最後の行が、私が従う実際のルールです。 2 回以上行う場合は、スクリプトに表示されます。 それ以外はすべてタブを取得します。
悪い API の日には、どのツールを使用しますか?
これは、キープを獲得するクラスターです。 サードパーティの API は動作が悪く、ペイロードがあり、何かを修正する前に理解する必要があります。
JSON フォーマッタ - 1 つの I' 1 つだけ保持できれば、d キープします
縮小された JSON は読み取れません。さらに悪いことに、 無効 ブラウザのエラーは、「予期しないトークン」と、人間にとって何の意味もない文字オフセットを示します。 ザ・ JSON フォーマッタ pretty-prints it with real indentation and points at the actual line that's broken.犯人は90 パーセントの確率で後続のカンマで、JavaScriptオブジェクトリテラルでは合法で、JSONでは違法です - この区別は私が合計したい時間よりもさらに深いダイビング: JSON オンラインをフォーマットする方法。
Base64 Converter - JWT およびデータ URI 用
JWT は、ドットで区切られた 3 つの base64url セグメントです。 真ん中の部分を Base64 コンバーター そして、サードパーティのデコーダにトークンを出荷することなく、クレーム - 発行者、有効期限、スコープ - を読むことができます。 (私はを使用しています) JWT デコーダ 3 つのセグメントすべてを一度に解析したいが、ペイロードが奇妙に見えてバイトが見たいときに生の Base64 に到達するとき。) The ユニコード わかった、そしてその理由 btoa() 絵文字を投げる、 Base64 エンコーディングガイド。
タイムスタンプコンバータ - ログフォレンジック
1752278400。 それは昨日か2029年ですか？ ザ・ タイムスタンプ コンバーター unix 秒、ミリ秒を回します ISO 8601 人間が推論できるものに、あなたが気にかけているタイムゾーンで。私のインシデント デバッグの 3 分の 2 は、それぞれ異なる形式でログに記録された 3 つのサービスのタイムスタンプを並べています。そのうちの 1 つは UTC にあり、他のサービスは aren't です。
YAML バリデータ - インデントは耐荷重性があるため
Kubernetes マニフェスト、GitHub アクション、docker-compose。 YAML は空白に重要であり、エラー アウトではなく、意図を黙って再解釈します。 ザ・ YAML バリデータ tab-vs-space と unquoted をキャッチします no YAML 1.1 がブール値として解析するのに役立ちます false。 （そう、そうです。 ノルウェーの問題は現実のものです: 国コード NO なる false 引用しない限り。）
JSON Diff - 実際に何が変わったのですか?
2 つの API レスポンス、1 つは機能、もう 1 つは機能しない。 テキスト エディターでそれらを並べて見つめることは、負けゲームです。 json 差分 異なる 3 つのキーを表示し、200 を無視します。
デバッグ シェルフの残りの部分
- SQL フォーマッタ- 誰かが 1 行に書いた 4 つの結合を含む 90 行のクエリの場合。
- ハッシュジェネレーター- MD5/SHA-1/SHA-256/SHA-512、主にダウンロード キーまたはキャッシュ キーの検証用。
- クロンパーサーー なぜなら
0 */2 * * *あんど*/2 * * * *1 文字で、負荷の約 60 倍の差があります。 - シリアル化されていないー PHP
serialize()からの出力wp_options行。 WordPress プラグインの保存された設定をデバッグしたことがあるなら、なぜこれが存在するのかが正確にわかります。
コードをデバッグするのではなく、コードを書いているときに何を使用しますか?
正規表現、推測なし
私は正規表現を 正規表現テスター コードベースに触れる前に。 現実的なサンプルを貼り付け、パターンを書き、試合のハイライトを観察します。 ザ・ 正規表現ビルダー これの残りの半分は - it' s for when you know what you want in English and can' t remember whether it' s \b や \B。 完全なパターンのチート シートと、ネストされた量指定子が 1 つあるサーバーをフリーズさせる壊滅的な後戻りトラップが、 正規表現ビルダーガイド。
シード用の UUID
現在、20 行のテスト行、20 個のユニークな ID があります。 uuid ジェネレーター v1、v4、v7 を一括で実行します。 v7 を新しい主キーに使用します - it' s 時間順に並べられているため、B ツリー インデックスは does' t がランダムな挿入によって細断されることを学びました。高価な方法で書き上げました UUID ジェネレータ ガイド。
エンコーディング、両方のフレーバー
URLエンコーダ を含むクエリ文字列の場合 & あんど = そしてスペース。 HTML エンティティ 表示する必要があるのは、 <script> インシデント レポートではなく、テキストとしてページに表示されます。 この 2 つは退屈で、私はいつも使っています。
フォーマットの論争
データは大まかに常に間違った形で届きます。 コンバージョン セットは、私が実際に行う動きをカバーしています。
- JSONからCSVへーステークホルダーが "the data" を求めるとき、そしてスプレッドシートを意味します ネストされたオブジェクトはドット記法列にフラット化されます。 の詳細 JSON から CSV ガイド。
- CSVからJSONへ- シード用はその逆です.
- JSON から YAML へ- コンフィグのブロブを人間が編集するものに変えるため。
- XML から JSON へ- あらゆるレガシー SOAP 統合が永久に実現します。
- バイナリ トランスレータ- テキスト ↔ 2 進数/16 進数/10 進数/10 進数。主に教育用と奇数プロトコル バイト用です。
コーディング シェルフ全体と、それぞれの背後にある理由を示します。 コーディング ツール ガイド。
テキストとコンテンツはどれを使用しますか?
私はたくさん書いています - プラグインドキュメント、チェンジログ、このブログ これらはドラフトとパブリッシュの間のツールです。
- ワードカウンターー単語、文字、読書時間.また、最も速い方法として、googleが切り捨てる前に160 文字の予算に対してメタ記述をチェックする. more in the ワードカウンターガイド。
- ケースコンバーター- camelcase、snake_case、kebab-case、pascalcase。 editor's リファクター ツールを使用するよりも、この方法で変数の名前を一括変更します。これはかすかに恥ずかしいことですが、真実です。 ケースコンバーターガイド。
- スラッグジェネレーター- URL のタイトル。発音記号が適切に処理されます。
Café Décorなるはずcafe-decor、ないcaf-dcor。 - テキスト差- 2 つの構成ファイル、または段落の 2 つのバージョンを並べて表示します。
- ロレム・イプサム- まだコンテンツのないレイアウトのプレースホルダー コピー。
- 文字列の逆- ニッチですが、面接の準備や回文チェックではあなたよりも多く表示されます'dは思います。
全文セットは、 テキスト ツール ガイド。
デザインとフロントエンドの仕事はどうですか?
私は、デザイナーではなく、物事を受け入れられるように見せる必要がある開発者です。 それは特定の仕事であり、この 3 人がそれを行います。
- カラーピッカー- HEX ↔ RGB ↔ HSL, with contrast checking so you don't ship 3:1 body text. HSLは、ホバー状態を推測ではなく減算にする形式です。 完全な扱い: カラーピッカー & コンバーターガイド。
- グラデーションジェネ- リニア、ラジアル、円錐、ライブプレビューとコピー可能なCSS付き。書き込み
conic-gradient()ブラインドは特別な種類の悲惨さです。 CSS グラデーション ジェネレータ ガイド。 - CSS ミニファイア あんど HTML ミニファイア- 現時点では、何かをインライン化する必要があります
<style>タグを付けて、小さくしたい。 - メタ タグ ジェネレーターータイトル、説明、 オープングラフ、twitterカード、json-ldをワンパスで。 1つ14 個のタグを全てのプロジェクトで手書きしていたので、これを構築しました。
ファイル (画像、PDF、その他すべて) には何を使用しますか?
イメージ ツールはすべて、ブラウザーの Canvas API を介して実行されます。つまり、4 MB の PNG がマシンから離れることはありません。 それはマーケティングではありません。処理が <canvas> 投稿リクエストではありません。
- 画像圧縮ー品質スライダー、ライブサイズの読み出し。 i shipほとんどのスクリーンショットは、目に見える差がなく70 ~ 85% 低下します。 をご覧ください 画像圧縮ガイド。
- 画像のサイズ変更- 正確な寸法またはパーセンテージ、アスペクト比がロックされています。
- フォーマット変換- PNG/JPEG/WebP/AVIF。 WebP はデフォルトの I ship です。
- バックグラウンド リムーバー- ブラウザでセグメンテーション モデルを実行します。 It'最初の読み込みに気づいた 1 つのツールです。
- QRジェネレーター- URL、WiFi 認証情報、vCard。このエンコーダーの ISO/IEC 18004 エンコーダーを手書きで作成し、エラー修正などを行いました。これは週末の使い方として最適であったか、ひどいものでした。
- パスワード ジェネレーターー 用途
crypto.getRandomValues()、ないMath.random()。 その違いは、長さのスライダーよりも重要です。
そして、一度必要だったのに必要なのに、いくつかのオッズとエンドを構築しました。 ユニットコンバーター、 パーセンテージ計算、 日付の違い、 手書きへのテキスト。
より広い画像セットは、 イメージ ツール ガイド、PDF は、 PDF ツール ガイド。
これらは実際にどのように連鎖するのでしょうか?
ツールごとに 1 分の節約が可能です。 調合は、それらを連鎖させると発生します。 これは、1 週間前の実際のシーケンスで、401 秒間で返された統合をデバッグしています。
- 失敗したリクエストをコピーします
Authorizationヘッダー。 点を分割し、2 つ目の部分を Base64 コンバーター。 読んでexp。 expUNIX のタイムスタンプです。 に タイムスタンプ コンバーター。 要求が発生する 41 秒前に期限切れになりました。- これはクロック スキューの問題であり、認証の問題ではありません。 更新クロンをチェックして、 クロンパーサーー 60 分TTLのトークンなら 60 分ごとにトークンを更新していました マージンなし。レースコンディション。
- cron を 50 分に変更します。 完了。
4 つのツール、おそらく 3 分で、答えは 1 文字で cron 式に変更されました。代替手段 - ログの追加、再デプロイ、再発待ち - は半日でした。
私が常に実行しているもう 1 つのチェーンは、コンテンツの 1 つです: ドラフト → ワードカウンター → スラッグジェネレーター → 画像圧縮 ヘッダー画像の場合 → メタ タグ ジェネレーター →公開。
「クライアント側」が実際に重要なのはなぜですか?
ほとんどの場合、この投稿の上部にあるステージング トークンの話のためです。 しかし、「プライバシー優先」はすべての意味を使い果たしたフレーズであるため、手のひらではなく、主張について正確に説明します。
ツールがクライアント側の場合、貼り付けたファイルまたはストリングは、タブで実行されている JavaScript によって処理されます。 ブラウザのメモリ内の変数に入り、結果として戻ってきます。 ありません fetch()、いや FormData、アップロードはありません。 これは、約 10 秒で確認できます。「DevTools」を開き、[ネットワーク] タブに移動し、ツールズ.dev の任意のツールに何かを貼り付け、何も起こらないのを監視します。 それがすべての証拠です。 [変換] をクリックすると、ネットワーク リクエストが発生した場合、データは誰かのサーバーにあります。
それがあなたに具体的に買うもの：
- シークレットを貼り付けることができます。 ステージング トークン、内部 API 応答、クライアントの顧客 CSV。 どこにも行かない。
- 速いです。 往復はありません。 5 MB の JSON ファイルは、ブラウザーがそれを解析するのにかかる時間内にフォーマットします。
- ファイルサイズの天井はありません 自分のラムを超えて。
- レート制限なし、 あなたをレート制限するサーバーがないからです。
トレードオフは現実のものであり、私はそれを挙げます。重い仕事 (200 MB のビデオ、500 ページを超える OCR パス) は、GPU を搭載したサーバーよりもブラウザーの方が真に遅いです。 クライアント側は正しいデフォルトであり、普遍的な答えではありません。
よくある質問
これらの開発者の生産性向上ツールは実際に無料ですか?
はい - いいえアカウント、使用上限なし、期限切れのトライアルなし。ツールはあなたのマシンで実行されます。つまり、使用ごとに実質的に費用がかかりません。つまり、そこにあります's メーターには何もかかりません。
それらを使用するにはアカウントが必要ですか?
いやー ツールを開き、それを使用してタブを閉じます。 サインアップ ウォールはありません。また、処理はクライアント側であるため、そもそもデータを添付するセッションがありません。
API キーやトークンなどの機密データを貼り付けるのは安全ですか?
クライアントサイドのツールの場合、はい - そして、あなたは私を信頼するのではなく、それを確認することができます。 browser& #39; s DevTools Networkタブを開き、貼り付け、アウトバウンド要求のために見ます。 aren& #39; t any. I& #39; dがここを含め、まだどこでも避けることの1 つは、aを貼り付けることです 生産 秘密はあなたができます'回転します - ツールのせいではありませんが、クリップボード、画面共有、ブラウザ拡張機能はすべて実際の攻撃面であるためです。
これらのツールはオフラインで動作しますか?
ページは 1 回読み込まれます。 その後、接続が切断された場合、ほとんどのツールは機能し続けます。これは、作業を行う JavaScript がすでにタブにあるためです。 オフラインでページをリロードすると、何も得られません。
JQ や OpenSSL などの CLI ツールと比べて、これらはどのようにしますか?
異なるジョブ。 CLI は、スクリプト化、繰り返し、または CI で作成されたものすべてに勝ちます。 it's 構成可能かつ再現可能。ブラウザ ツールは、1 回限りのタスク、ビジュアル プレビューの恩恵を受けるもの (正則、勾配、色、画質)、およびソフトウェアをインストールできるマシンに勝ちます。私は毎日と don't の両方を使用します。it's は競争だと考えません。
最初にどのツールをブックマークする必要がありますか?
コードを記述する場合: JSON フォーマッタ、タイムスタンプ コンバーター、正規表現テスタ、base64 コンバーター。 コンテンツを書く場合: ワード カウンター、スラッグ ジェネレーター、画像圧縮。 フロントエンドを行う場合: カラー ピッカー、グラデーション ジェネレーター、メタ タグ ジェネレーター。 それらをフォルダーとしてブックマークし、フォルダーを中央クリックして一度に開きます。
ツールはモバイルで動作しますか?
They're responsive and they function, but I'll be honest - キーボードとワイドビューポート用にデザインしました 電話では貼り付けとコピーのタスクで問題ありません カラースペクトルや正規サンプルの関係するものはすべて戦いになります。
これらのツールの API はありますか?
現在ではありません. 全ては設計上クライアント側であり,これはサーバー側APIとは根本的に相容れない.プログラム的な使用のために,基礎となる操作は,あなたがどんな言語でも,すべて1 つのライブラリ呼び出し先である& #39; re already writing - json_encode、 base64_decode、 preg_matchなど。
開発者向けの無料オンライン ツールは何ですか?
作業内容によって異なりますが、ソリッド コアは書式設定と検査 (JSON フォーマッタ、Base64 コンバーター)、時間とテキスト (タイムスタンプ コンバーター、ワード カウンター、スラグ ジェネレーター)、パターン ワーク (正規表現テスター)、メディア (画像圧縮、カラー ピッカー) をカバーします。 Toolz.dev は、600 以上を 1 か所に保管し、すべて無料でクライアント側に保管しています。 通常、最適なツールは、摩擦に当たったときにタブで開いているツールです。
これらの開発者ツールは何もインストールせずに使用できますか?
はい - インストールするものは何もなく、追加する拡張機能もありません 各ツールはブラウザでそのロジックを実行するWebページであるため、URLを開き、任意のオペレーティングシステムで作業を開始します ページがロードされると、接続が切断されても動作し続けます。
短いバージョン
開発者の生産性は、大きなロック解除ではありません。 100 の小さな摩擦を取り除くことです。読み取れないペイロード、解析できないタイムスタンプ、推測している正規表現、400 KB のはずのスクリーンショットです。 ブログに投稿する価値のあるものはありません。 全体として、それらは、何かを発送した日と忙しい日との違いのほとんどです。
ここにあるものはすべて Toolz.dev、あなたのデータをマシンに残して、無料でブラウザで。 から始めます JSON フォーマッタ- この投稿からタブを 1 つだけ取得すると、that'ランチタイムまでに元が取れるタブになります。
