無料のオンライン開発者ツール集

データ

JSON フォーマッタ

ライブツリービューで JSON を整形・検証・探索。

SQL フォーマッタ

構文を意識したインデントで SQL を整形。

Unixタイムスタンプ変換

Unixタイムスタンプ、ISO 8601、UTC、ローカル時刻を相互変換。

N進数変換

2進数・8進数・10進数・16進数の間で数値を変換。

テキスト

正規表現テスター

アニメーション付きマッチ表示で正規表現をテスト。

Markdown エディタ

ライブ分割プレビューで Markdown を書く。

Base64 エンコーダ / デコーダ

Base64 文字列やファイルを即座にエンコード / デコード。

URL エンコーダ / デコーダ

URL コンポーネントを安全にエンコード / デコード。

差分チェッカー

2つのテキストやコードを行・単語単位で並べて比較。

ケース変換

テキストを camelCase、snake_case、kebab-case などに変換。

ウェブ

cron式ジェネレーター

cronスケジュールを作成・解読し、次の実行時刻をプレビュー。

HTTPステータスコード

すべてのHTTPステータスコードを検索でき、わかりやすく解説。

セキュリティ

JWT デコーダ

JSON Web Token を一つずつ解析・検証。

パスワードジェネレーター

文字種を調整して強力なランダムパスワードを生成。

ハッシュジェネレーター

MD5・SHA-1・SHA-256・SHA-384・SHA-512 ハッシュを一瞬で生成。

ジェネレーター

UUID ジェネレーター

v1/v4 UUID をまとめて生成、コピー可能。

ビジュアル

CSS グラデーションジェネレーター

ライブコード出力付きで CSS グラデーションをビジュアルに設計。

カラーコンバーター

HEX、RGB、HSL、OKLCH をライブプレビューで変換。

エンタメ

ASCII アートジェネレーター

画像やテキストを共有可能な ASCII アートに変換。

無料で使えるオンライン開発者ツール

これらのツールは「学びながら使う」ことを意識して作っています。各ツールのページには、実際に動かせるユーティリティに加えて、初心者向けの解説、操作手順、チートシート、試せるサンプル、よくあるミス、FAQをまとめてあります。ページそのものが教材になっているので、ツールを使うのと同時に、その裏側にある仕組みも自然と身についていきます。

コードを学ぶうえで、これらのツールはどう役立つ？

抽象的なデータ形式を「目に見える形」に変えてくれます。JSONのツリー構造、正規表現のマッチ箇所、Base64の出力、JWTのペイロード、Unix時間の変換、色空間など、頭で考えるより画面で確認したほうが早いものを可視化できます。
サンプル入力が用意されているので、自分のデータを準備しなくてもすぐに練習を始められます。仕組みが腑に落ちてから、実際の値に差し替えていけばOKです。
日々のちょっとした作業を、プログラミングの語彙とつなげてくれます。ペイロード、クレーム、エンコーディング、ハッシュ、ステータスコード、文字クラス、SQL方言、タイムゾーンなど、現場で使う言葉が自然と身につきます。

Coddyのツールが他と違うところ

ツールの隣に、わかりやすい言葉で書かれた解説が並びます。ただの空っぽの入力欄ではなく、「このツールは何をするものなのか」を短いレッスンとして読めます。
チートシートと操作手順が用意されているので、今日すぐ使えて、明日にはその概念を思い出せる構成になっています。
処理はすべてブラウザ内で完結します。トークンやパスワード、コード片を貼り付けても、アップロード・アカウント登録・トラッキングの心配はありません。

Coddyでコードを学ぼう

始める