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

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

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

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

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

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

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

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

このツールは、IEEE 754 標(biāo)準(zhǔn)における倍精度浮動小數(shù)點數(shù)の內(nèi)部表現(xiàn)を理解するのに役立ちます。 10 進數(shù)を?qū)潖辘工?2 進數(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 エンコードの原理を理解するのに役立つだけでなく、便利なエンコードおよびデコード機能も提供します。これは、バイナリ データをテキスト環(huán)境で送信する必要があるシナリオに特に役立ちます。

ファイルタイプの検出

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

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

畫像関連

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

マイクロ畫像

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

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

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

微圖像託管

這是一個個人圖片託管工具，可讓您使用 GitHub 儲存庫作為您的個人圖片託管。它提供簡單的上傳和管理功能，方便您在文章或網(wǎng)頁中引用圖片。對於經(jīng)常需要在線上分享圖片的開發(fā)者來說，這是一個非常實用的工具。

圖片分享

這個工具可以幫助您快速產(chǎn)生帶有文字的圖像，適合社交媒體分享或創(chuàng)建簡單的海報。它簡化了組合文字和圖像的過程，讓您無需使用複雜的圖像編輯軟體即可創(chuàng)建有吸引力的圖像。

圖片佔位符

這是一個圖像佔位符生成工具，可以快速創(chuàng)建自訂大小和顏色的佔位符圖像，非常適合在開發(fā)過程中使用。它可以幫助您在實際圖像尚未準(zhǔn)備好時保持頁面佈局的完整性。

編碼和加密

在網(wǎng)路開發(fā)中，我們經(jīng)常需要處理各種編碼和加密。以下是一些相關(guān)工具：

網(wǎng)址編碼

該工具可以幫助您進行URL編碼和解碼，這對於處理包含特殊字元的URL非常有用。它可以保證您的URL在各種環(huán)境下都能正確傳輸和解析。

HTML 實體編碼

HTML實體編碼工具可以幫助您將特殊字元轉(zhuǎn)換為HTML實體，確保它們在HTML中正確顯示。這對於防止 XSS 攻擊和確保 HTML 文件的正確呈現(xiàn)非常重要。

哈希生成器

該工具可以產(chǎn)生各種常用的雜湊值，包括MD5、SHA1、SHA256等，在資料完整性驗證、密碼儲存等場景中非常有用。

色彩工具

顏色是網(wǎng)頁設(shè)計中的重要元素。以下是一些與顏色相關(guān)的工具：

顏色轉(zhuǎn)換

該工具可以在RGB、HSL、CMYK等不同顏色模型之間進行轉(zhuǎn)換，可以幫助設(shè)計師和開發(fā)人員在不同的顏色表示方式之間自由切換。

調(diào)色板產(chǎn)生器

這個工具可以幫助您產(chǎn)生顏色的色調(diào)和色調(diào)，非常適合創(chuàng)建一致的顏色主題。它可以讓您快速建立和諧的配色方案，提高設(shè)計效率。

對比計算器

該工具可以計算兩種顏色之間的對比度，幫助您確保背景上文字的可讀性。這對於創(chuàng)建符合無障礙標(biāo)準(zhǔn)的設(shè)計非常重要。

結(jié)論

雖然有些工具可能只有我自己會用，但正是這種不斷學(xué)習(xí)和創(chuàng)造的過程讓我感到充實和快樂。

我會持續(xù)維護和改進這些工具，歡迎大家使用並提供回饋。

以上が私が作成したいくつかの開発者ツールの詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。