ShibaHubShibaHub
💻

開発者向け

JSON整形・Base64・パスワード生成

🔧
JSON整形ツール
読みにくいJSONテキストをインデント付きで見やすく整形できます。逆に1行に圧縮することも可能。すべてブラウザ内で処理されます。
🔐
Base64エンコード・デコードツール
テキストをBase64形式に変換、またはBase64文字列を元のテキストに復元できます。日本語を含むUTF-8テキストにも対応。ブラウザ内で処理。
🔑
パスワード生成ツール
文字数・文字種を指定するだけで、暗号学的に安全なランダムパスワードがすぐ生成できます。類似文字除外・重複なし設定にも対応。
🕐
Unixタイムスタンプ変換ツール
Unixタイムスタンプと日本時間(JST)を相互に変換できます。現在時刻のタイムスタンプもリアルタイムに確認できます。開発・デバッグに便利。
🎨
カラーコード変換ツール
HEX・RGB・HSLのカラーコードを相互に変換できます。色のプレビューをその場で確認でき、CSSにそのまま使えるコードも表示します。
#️⃣
ハッシュ生成ツール
テキストからSHA-256・SHA-512などのハッシュ値がすぐ確認できます。ファイル改ざん検知やパスワードハッシュの確認に。すべてブラウザ内で処理。
🆔
UUID生成ツール
ランダムなUUID(v4)をその場で複数個まとめて生成できます。ハイフンあり・なし・中括弧付きの形式も選べます。すべてブラウザ内で生成。
🔗
URLエンコード・デコードツール
テキストをURLエンコード(%エンコーディング)、またはデコードできます。クエリパラメータの日本語を確認・変換するのにすぐ使えます。
🔤
文字列ケース変換
変数名やファイル名をcamelCase・snake_case・PascalCase・kebab-caseなど命名規則に相互変換できます。貼り付けるだけで自動変換。
🔍
正規表現テスター
正規表現パターンとテスト文字列を入力するだけで、マッチした箇所がハイライト表示され、キャプチャグループの内容もすぐ確認できます。すべてブラウザ内で処理。
🔳
QRコード生成ツール
URLやテキストを入力するだけで、QRコードをその場で生成しPNG画像としてダウンロードできます。登録不要・無料。すべてブラウザ内で処理。
🔄
CSV⇔JSON変換ツール
CSV形式とJSON形式(オブジェクト配列)をブラウザ上で相互に変換できます。ExcelデータをAPI用JSONに変換したいときにすぐ使えます。
🏷️
HTMLエスケープツール
「&」「<」「>」「"」「'」などをHTMLエンティティに変換(エスケープ)したり、エンティティを元の文字に戻す(アンエスケープ)ことができます。XSS対策やコード紹介に。
🎫
JWTデコーダー
JWTの文字列を入力するだけで、ヘッダーとペイロードの内容がわかります。有効期限(exp)など主要なクレームも自動で読み取って表示。すべてブラウザ内で処理。
📝
Markdownプレビューツール
Markdown形式のテキストを入力するだけで、見出し・リスト・表・コードブロックなどの表示がリアルタイムで確認できます。README作成やブログ記事の下書きに。
🆚
テキスト差分比較ツール
2つのテキストを行単位で比較し、追加・削除された行が色分けでわかります。文章の修正前後の確認や、コード・設定ファイルの変更箇所チェックに。
🌐
IPv4サブネット計算ツール
IPアドレスとCIDRを入力するだけで、ネットワークアドレス・ブロードキャストアドレス・利用可能なホスト数・IPレンジがわかります。ネットワーク設計に。
💾
ファイルサイズ単位変換
バイト・KB・MB・GB・TBのファイルサイズ単位を相互に変換できます。1000単位(10進数)と1024単位(2進数)の両方の結果を一覧で確認できます。
📄
ダミーテキスト生成ツール
レイアウト確認用のダミーテキスト(Lorem Ipsum・日本語)を段落数を指定して生成できます。Webデザインやデザインカンプの仮テキストにすぐ使えます。
🗄️
SQLフォーマッター
読みにくいSQL文をインデントを整えて見やすく整形できます。MySQL・PostgreSQL・SQL Serverなど主要な方言に対応。キーワードの大文字・小文字統一も可能。
🔢
2進数・8進数・16進数変換ツール
2進数・8進数・10進数・16進数のいずれかで入力するだけで、残り3つの表記が一覧でわかります。プログラミングや電気回路の学習にすぐ使えます。
🌍
タイムゾーン変換ツール
出発地の都市・日時を選ぶだけで、東京・ニューヨーク・ロンドン・パリなど主要11都市の現地時刻がわかります。海外出張・旅行・オンライン会議の時差確認に。
📐
アスペクト比計算ツール
幅・高さからアスペクト比がわかります。比を維持したままリサイズ後のサイズを求めることもできます。Web制作・動画編集・印刷のサイズ確認に。
🎨
CSS単位変換ツール
CSSのpxをrem・em・vw・pt・pcに一括変換できます。ルートフォントサイズを設定して正確に変換できます。Web制作のサイズ確認に。
🔐
chmodパーミッション計算ツール
Linuxのchmodパーミッションをチェックボックスで視覚的に設定できます。設定した内容の8進数(755など)とシンボル表記(rwxr-xr-x)がわかります。
📡
ネットワーク速度計算ツール
回線速度とファイルサイズを入力するだけで、ダウンロード時間がわかります。転送可能サイズや必要回線速度を逆算することもできます。
🖥️
画面PPI計算ツール
スマートフォン・PC・テレビの解像度と画面サイズからPPI(1インチあたりのピクセル数)がわかります。Retina判定も確認できます。
🔤
文字列変換ツール
テキストを大文字・小文字・snake_case・camelCaseなどに変換できます。文字列の逆順・回文チェック・繰り返しにも対応。
🎨
カラーコントラストチェッカー
テキスト色と背景色のコントラスト比がわかります。WCAG 2.1のアクセシビリティ基準(AA/AAA)を満たしているかをすぐ判定できます。
🌐
HTTPステータスコード一覧
主要なHTTPステータスコードを検索・フィルタリングして確認できます。404・500など各コードの意味と用途をRFC準拠で解説。
⏰
Cron式ヘルパー・解析ツール
Cron式を入力するだけで、実行タイミングが日本語でわかります。よく使うプリセットも選べます。バッチ処理のスケジュール設定に。
🎨
CSS box-shadow生成ツール
スライダーで直感的にbox-shadowを設定し、CSSコードをすぐコピーできます。プリセットも用意しています。Web制作の影デザインに。
🔄
YAML⇔JSON変換ツール
YAMLまたはJSONを貼り付けるだけで、もう一方の形式に変換できます。Docker Compose・Kubernetesの設定ファイル確認にも使えます。
🎨
CSSグラデーション生成ツール
2色と方向・種類を選ぶだけで、コピーしてすぐ使えるCSSのグラデーションコードが生成できます。
🌐
IPアドレス⇔10進数変換ツール
IPv4アドレスと10進数の値を相互に変換できます。データベースに整数で保存されたIPアドレスの確認に使えます。
🌈
配色パレット生成ツール
ベースカラーと配色パターンを選ぶだけで、色相環の理論に基づいた配色パレットを生成できます。

開発者向けの関連コラム

🎨
HEX・RGB・HSLとは?カラーコードの仕組みと使い分けを解説
HEX・RGB・HSLの仕組みと使い分け、透明度(アルファ値)の指定方法がわかります。デザインとコーディングそれぞれの使いどころも確認できます。
🆔
UUIDとは?仕組みとv1〜v7の違い、使われる場面を解説
UUIDが世界中で重複しない理由と、v1・v4・v7の違い、連番IDとの比較がわかります。データベースやAPIでの使い方も確認できます。
🔧
JSONとは?データ形式の基本とインデント整形が必要な理由
JSONの基本構文・使える値の型・整形と圧縮の違い、カンマ忘れなどよくあるJSONエラーの原因がわかります。
🔐
Base64エンコードとは?仕組みと使われる場面、暗号化との違い
Base64の仕組みとデータサイズが増える理由、メール添付・JWTなどの利用例、暗号化との違いがわかります。
#️⃣
ハッシュ値とは?SHA-256の仕組みとパスワード保存への応用
ハッシュ関数の一方向性と雪崩効果の仕組み、SHA-1〜SHA-512の違い、パスワード保存にbcryptが推奨される理由がわかります。
🔍
正規表現とは?よく使う書き方とメールアドレス・郵便番号などの実例
正規表現の基本メタ文字・フラグ、メールアドレスや郵便番号の実用パターン、貪欲・非貪欲マッチの違いがわかります。
🔳
QRコードの仕組みとは?読み取れる情報量とエラー訂正レベルの選び方
QRコードが情報を埋め込む仕組みと、格納できる文字数の目安、誤り訂正レベルL/M/Q/Hのトレードオフがわかります。
🎫
JWT(JSON Web Token)とは?仕組みと「デコードできる=改ざんできる」の誤解
JWTのヘッダー・ペイロード・署名の役割と、「読めること」と「改ざんできること」が別問題である理由がわかります。
📝
Markdownとは?基本記法一覧とGitHub・Slackで書くときのコツ
Markdownの基本記法一覧と、GFMなど方言の違い、README・Slack・Notionでの使い分けがわかります。
🕐
Unixタイムスタンプとは?1970年から数える理由と「2038年問題」
Unixタイムスタンプの定義と秒・ミリ秒の違い、UTCとJSTの関係、2038年問題のオーバーフローの仕組みがわかります。
🎨
CSSのpx・rem・em・vw・ptの違いとは?使い分けの基本
px・rem・em・vw・ptそれぞれの基準と特徴、remが推奨される理由、レスポンシブ設計での使い分けがわかります。
🌐
IPv4アドレスとサブネットマスクとは?CIDR表記の読み方を解説
IPv4アドレスの32bit構造・CIDR表記の読み方・ホスト数の計算方法・プライベートIPの範囲がわかります。
🗄️
SQLの書き方の基本:インデント整形が読みやすさに直結する理由
SQL各句の役割と、改行・インデントで構造が把握しやすくなる理由、データベース方言の違いがわかります。
🔄
CSVとJSON、データ形式としての違いと変換が必要な場面
CSVの表形式とJSONの階層構造の違いと、それぞれがExcel・APIと相性が良い理由、変換が必要になる場面がわかります。
🏷️
HTMLエスケープとは?XSS(クロスサイトスクリプティング)対策の基本
HTMLエスケープの仕組みとXSS攻撃の基本的な流れ、dangerouslySetInnerHTML使用時の注意点がわかります。
← すべてのツールを見る