2020年、私は仕事を辭めて家にいて、毎日時間がたっぷりありました。そこで、開発中に遭遇した問題を解決したり、特定の技術(shù)概念をより深く理解できるようにすることを目的として、いくつかの開発関連ツールの開発を開始しました。

毎日小さなツールを書いていると、日に日に時間が過ぎていきました。振り返ってみると、この経験は実に興味深いものでした。

當(dāng)初、これらのツールの UI は確かに非常に初歩的なものでした。しかし、時間が経つにつれて、私は彼らの外観を改善し続けました。今ではまだ精巧とは言えないかもしれませんが、大きな進(jìn)歩を遂げています。

正直に言うと、これらのツールにはユーザー ガイドやドキュメントがほとんどなく、むしろ私自身の小さな世界に似ています。 Google Analytics データを通じて、マイクロ イメージ ホスティングなど、一部のツールにはユーザーとして自分だけが含まれる可能性があることがわかりました。しかし、私自身が使っているからこそ、最近は新しいツールを追加する頻度は減りましたが、継続的にメンテナンスを続けています。

私がうれしく思っているのは、これらのツールのいくつかを Ruan Yifeng 氏のブログに投稿し、多くの小さなツールが氏の推薦を受けたことです。これは私にとって大きな勵みになりました。

詳細(xì)な原則に関連するいくつかのツール

これらのツールは、開発者がいくつかの基本概念と基礎(chǔ)となる原則をより深く理解できるように設(shè)計されています。

IEEE754浮動小數(shù)點変換

このツールは、IEEE 754 標(biāo)準(zhǔn)における倍精度浮動小數(shù)點數(shù)の內(nèi)部表現(xiàn)を理解するのに役立ちます。 10 進(jìn)數(shù)を?qū)潖辘工?2 進(jìn)數(shù)表現(xiàn)に変換し、符號ビット、指數(shù)ビット、仮數(shù)ビットを明確に表示できます。これは、コンピューターが浮動小數(shù)點數(shù)をどのように処理するかを理解するのに非常に役立ちます。

IEEE754 標(biāo)準(zhǔn)によると、Infinity の浮動小數(shù)點変換は次のようになります: すべての指數(shù)ビットは 1、すべての仮數(shù)ビットは 0 です。

Infinity の浮動小數(shù)點変換は次のとおりです。

IEEE754 標(biāo)準(zhǔn)によると、0 の浮動小數(shù)點変換は次のようになります: 符號ビットは 0、すべての指數(shù)ビットは 0、すべての仮數(shù)ビットは 0。

0 の浮動小數(shù)點変換は次のとおりです。

UTF-8エンコーディング変換

UTF-8 は可変長文字エンコーディングです。このツールは、Unicode 文字がどのように UTF-8 にエンコードされるかを理解するのに役立ちます。任意の Unicode 文字を入力すると、ツールはその UTF-8 でエンコードされたバイナリ表現(xiàn)を表示し、エンコード プロセスを視覚的に確認(rèn)できます。

Base64エンコーディング変換

Base64 は、特にバイナリ データを扱う場合によく使用されるエンコード方法です。このツールは、Base64 エンコードの原理を理解するのに役立つだけでなく、便利なエンコードおよびデコード機(jī)能も提供します。これは、バイナリ データをテキスト環(huán)境で送信する必要があるシナリオに特に役立ちます。

ファイルタイプの検出

このツールは、ファイル マジック ナンバーを通じてファイル タイプを判斷する方法を理解するのに役立ちます。ファイルをアップロードすると、ツールがファイルのバイナリ データを読み取り、マジック ナンバーに基づいてファイルの種類を判斷します。これは、不明なファイルを処理する場合やファイルの種類を確認(rèn)する場合に非常に役立ちます。

たとえば、JPEG はマジックナンバーが FF D8 FF DB であるため識別されます

畫像関連

畫像処理は Web 開発の重要な側(cè)面です。畫像処理に関連するツールをいくつか紹介します。

マイクロ畫像

これは、畫質(zhì)を大幅に低下させることなく畫像ファイルのサイズを削減できる高速畫像圧縮ツールです。

さまざまな畫像形式をサポートしており、ファイル サイズや數(shù)量に制限はありません。このツールは、ウェブサイトの読み込み速度を最適化するのに特に役立ちます。

最も重要なことは、フロントエンド テクノロジを使用して実裝されており、サーバーのコストが不要であるため、プライバシーの問題を心配する必要がありません。その実裝は squoosh に似ており、どちらも WebAssembly を利用します。

???? ??? ???

GitHub ???? ?? ??? ???? ??? ? ?? ?? ??? ??? ?????. ??? ??? ? ?? ??? ???? ??? ?????? ???? ??? ? ?????. ?? ????? ???? ?? ???? ?? ????? ?? ???? ?????.

??? ??

? ??? ???? ?? ??? ?? ?? ??? ??? ??? ??? ???? ??? ???? ??? ??? ? ????. ???? ???? ???? ??? ????? ??? ??? ?? ?????? ???? ??? ???? ???? ?? ? ????.

??? ?????

??? ??? ?? ??? ??? ??? ?? ??? ???? ??? ??? ? ?? ??? ?? ??? ?? ???, ?? ???? ????? ?? ?????. ?? ???? ?? ???? ?? ?? ??? ????? ???? ???? ? ??? ? ? ????.

??? ? ???

? ????? ??? ???? ???? ???? ?? ??? ????. ?? ??? ??? ????.

URL ???

? ??? URL ??? ? ???? ???? ? ??? ??, ?? ?? ??? ??? URL? ???? ? ?? ?????. ??? ???? URL? ???? ???? ?? ????? ??? ? ????.

HTML ??? ???

HTML ??? ??? ??? ???? ?? ??? HTML ???? ???? HTML?? ???? ????? ? ? ????. ?? XSS ??? ???? HTML ??? ??? ???? ???? ? ?????.

?? ???

? ??? MD5, SHA1, SHA256 ? ????? ???? ??? ?? ?? ??? ? ????. ??? ??? ?? ? ???? ??? ?? ?????? ?? ?????.

?? ??

??? ?????? ??? ?????. ?? ?? ??? ??? ????.

?? ??

? ??? RGB, HSL, CMYK ?? ?? ??? ?? ?? ?? ??? ? ????. ????? ???? ??? ?? ?? ?? ?? ???? ???? ? ??? ? ? ????.

??? ???

? ??? ??? ??? ??? ???? ? ??? ??, ?? ??? ?? ??? ??? ? ?? ?????. ???? ?? ??? ??? ???? ??? ???? ?? ? ????.

??? ???

? ??? ? ?? ?? ???? ???? ??? ?? ???? ???? ???? ? ??? ???. ??? ??? ???? ???? ??? ?? ?? ?????.

??

?? ??? ? ??? ??? ?? ???, ??? ???? ??? ??? ??? ?? ???? ???? ??? ???.

?? ??? ??? ????? ?? ???? ??? ??? ?? ??? ??? ???? ???? ???? ?? ?????.

? ??? ?? ?? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!