てぶら

てぶら について

文字数のカウントや画像の圧縮、データの整形など、仕事や日常で繰り返し使う小物ツールを、インストール不要・登録不要でブラウザ上で提供するサービスです。

運営者について

てぶらは、個人開発者のM.Iが企画・開発・運営しています。普段はバックエンドエンジニアとして3年ほど開発に携わっており、フロントエンドの実装も担当することがあります。

日々の業務の中で、JSON整形やBase64変換、正規表現の確認といった細かな作業のたびに別のサイトを探すことに煩わしさを感じていました。自分自身が実務で日常的に使いたいと思えるレベルの使い勝手と信頼性を備えたツール集を作りたい、という思いからてぶらの開発を始めました。

サービス名の「てぶら」には、インストールもアカウント登録も要らず、思い立ったときに手ぶらで使える道具箱でありたいという思いを込めています。入力したデータはブラウザの中だけで処理され、外部に送信されることはありません。

今後もエンジニアの実務に役立つツールに加えて、日常の作業で「あったら便利」と感じるツールや解説記事を追加しながら、継続的に機能改善を行っていく予定です。

特徴

プライバシー安全

全ての処理がブラウザ内で完結。入力データが外部サーバーに送信されることはありません。

インストール不要

ブラウザさえあればすぐに使えます。アカウント登録も不要です。

完全無料

全てのツールを無料でご利用いただけます。

提供ツール一覧(41種類)

{ }
JSON整形・検証
JSONを見やすくインデント整形し、構文エラーの箇所をすぐに検出します。1行への圧縮(ミニファイ)にも対応し、APIレスポンスや設定ファイルの確認に便利。ブラウザ内で完結し、データは外部に送信されません。
64
Base64 エンコード・デコード
テキストをBase64形式にエンコード、またはBase64文字列を元のテキストにデコードします。日本語などUTF-8の多バイト文字にも対応し、認証ヘッダーやデータの確認に便利。ブラウザ内で完結し、データは外部に送信されません。
⏰
Cron式 解析
Cron式(分・時・日・月・曜日)を解析し、次回以降の実行予定時刻を一覧表示します。各フィールドの意味も日本語で解説するので、定期バッチやジョブのスケジュール設定を実行前に確認できます。
.*
正規表現テスター
正規表現パターンをリアルタイムでテストし、マッチした箇所をハイライト表示します。g・i・mなどのフラグを切り替えながらマッチの位置や長さも確認でき、パターン作成やデバッグに便利。ブラウザ内で完結します。
🔗
URLエンコード・デコード
URLやクエリパラメータに含まれる日本語・記号をパーセントエンコード、またはデコードして元の文字列に戻します。encodeURIComponent相当の処理をブラウザ内で行い、データは外部に送信されません。
🔐
JWT デコード
JWTトークンを貼り付けるだけでheader・payload・signatureに分解し、中身を見やすく表示します。有効期限(exp)が切れているかも確認でき、認証まわりのデバッグに便利。ブラウザ内で完結します。
🔏
JWT エンコード・署名
ヘッダー・ペイロード・シークレットキーを入力してJWTトークンを生成します。HS256・HS384・HS512のHMAC署名に対応し、APIのテストや認証の動作確認に便利。ブラウザ内で完結し、鍵は送信されません。
±
テキスト差分
2つのテキストを行単位で比較し、追加・削除された行を色分けで表示します。設定ファイルや文章の変更点、コードの修正前後の違いをすばやく確認できます。ブラウザ内で完結し、データは外部に送信されません。
#
ハッシュ生成
テキストからSHA-1・SHA-256・SHA-384・SHA-512のハッシュ値を生成します。チェックサムの照合や改ざん検知、キャッシュキーの作成などに便利。Web Crypto APIでブラウザ内で計算し、データは送信されません。
🎨
カラーコード変換
HEX・RGB・HSLのカラーコードを相互に変換し、色のプレビューも表示します。CSSやデザインツールで使う色の値をすばやく書き換えられます。ブラウザ内で完結し、インストール不要ですぐに使えます。
🌍
タイムゾーン変換
日本時間(JST)・UTC・ニューヨーク・ロンドンなど世界各地のタイムゾーン間で日時を変換します。海外とのミーティング調整やサーバーログの時刻確認に便利。サマータイムも考慮し、ブラウザ内で完結します。
Md
Markdown プレビュー
Markdownを入力すると、見出し・リスト・表・コードブロックなどの表示結果をリアルタイムでプレビューします。READMEやブログ記事の下書き確認に便利。ブラウザ内で完結し、データは外部に送信されません。
SQL
SQL整形
1行に詰まったSQLクエリを、キーワードごとに改行・インデントして見やすく整形します。MySQL・PostgreSQL・SQLiteの方言に対応し、レビューやデバッグに便利。ブラウザ内で完結し、データは送信されません。
⌚
Unixタイムスタンプ変換
Unixタイムスタンプ(エポック秒・ミリ秒)と日時を相互に変換します。ISO 8601形式やローカル時刻・UTCでの表示に対応し、ログやAPIレスポンスの時刻確認に便利。ブラウザ内で完結し、データは送信されません。
&
HTML エンティティ変換
HTMLの特殊文字(< > & " など)を&lt;のようなエンティティにエンコード、またはデコードして元の文字に戻します。HTMLへのコード埋め込みやエスケープ漏れの確認に便利。ブラウザ内で完結します。
Σ
文字数カウント
テキストの文字数・空白を除いた文字数・バイト数(UTF-8)・行数・単語数をリアルタイムでカウントします。原稿やSNS投稿、入力欄の文字数制限のチェックに便利。ブラウザ内で完結し、データは送信されません。
🆔
UUID生成
UUID v4をワンクリックで生成します。最大20件までの一括生成にも対応し、データベースの主キーやテストデータの作成に便利。暗号学的に安全な乱数(crypto.randomUUID)を使い、ブラウザ内で完結します。
YAML
YAML整形・変換
YAMLを見やすく整形し、JSONとYAMLを相互に変換します。構文エラーも検出でき、KubernetesのマニフェストやDocker Composeなど設定ファイルの編集に便利。ブラウザ内で完結し、データは送信されません。
CSV
CSV ↔ JSON変換
CSVをJSONに、またはJSONをCSVに相互変換します。1行目をヘッダーとして扱い、ダブルクォートで囲まれた値にも対応。データ分析やAPIデータの加工に便利です。ブラウザ内で完結し、データは送信されません。
🔑
パスワード生成
大文字・小文字・数字・記号を組み合わせた安全なランダムパスワードを生成します。長さや使う文字種を指定でき、強度メーターで安全性も確認可能。暗号学的に安全な乱数を使い、ブラウザ内で完結します。
▦
QRコード生成
テキストやURLをQRコードに変換し、PNG画像としてダウンロードできます。サイズや誤り訂正レベルを調整でき、名刺・チラシ・Webサイトへの掲載に便利。ブラウザ内で完結し、データは外部に送信されません。
0x
数値進数変換
2進数・8進数・10進数・16進数を相互に変換します。1つ入力するだけで他の基数の値を同時に表示し、ビット演算やカラーコード、メモリアドレスの確認に便利。ブラウザ内で完結し、データは送信されません。
Aa
テキストケース変換
テキストをcamelCase・snake_case・PascalCase・kebab-caseなど9種類のケースに一括変換します。変数名や関数名、定数名、ファイル名の命名規則をそろえるのに便利。ブラウザ内で完結し、データは送信されません。
{}→
JSON → TypeScript型
JSONデータからTypeScriptのinterface(型定義)を自動生成します。ネストしたオブジェクトや配列にも対応し、APIレスポンスの型付けを手早く行えます。ブラウザ内で完結し、データは外部に送信されません。
Lorem Ipsum生成
Lorem Ipsumのダミーテキストを、段落・文・単語の単位で指定した量だけ生成します。Webデザインのモックアップやレイアウト確認、テストデータの作成に便利。ブラウザ内で完結し、すぐにコピーできます。
HTTP
HTTPステータスコード
HTTPステータスコードの意味を日本語で検索・確認できます。200 OK・301・404 Not Found・500など1xx〜5xxの全カテゴリを網羅し、APIの実装やエラー調査の際にすぐ参照できるリファレンスです。
1,000
数値フォーマット
数値を通貨・パーセント・指数表記など各種形式にフォーマットします。日本円・米ドル・ユーロなどの通貨や多言語ロケールに対応し、Intl.NumberFormatの出力確認に便利。ブラウザ内で完結します。
🖼
画像 → Base64変換
PNG・JPEG・GIF・WebP・SVG画像をBase64形式のData URIに変換します。CSSやHTMLへの画像の直接埋め込み、メールテンプレートの作成に便利。画像はブラウザ内で処理され、外部に送信されません。
IP
IP/CIDR計算機
IPv4アドレスとCIDR表記(/24など)から、ネットワークアドレス・ブロードキャストアドレス・サブネットマスク・使用可能なホスト範囲を計算します。ネットワーク設計やサブネット分割に便利です。
🌈
CSSグラデーション/box-shadowジェネレーター
linear-gradient・radial-gradientやbox-shadowをスライダーとカラーピッカーで視覚的に調整し、CSSコードを生成します。ブラウザ完結で安全です。
≠
JSON差分
2つのJSONを構造的に比較し、追加・削除・変更された箇所をキー単位で表示します。インデントや改行など整形の違いに左右されず、APIレスポンスや設定ファイルの差分確認に便利。ブラウザ内で完結します。
CSS
CSS整形・圧縮
CSSを見やすく整形(ビューティファイ)、または不要な空白やコメントを取り除いて圧縮(ミニファイ)します。圧縮後のサイズ削減率も確認可能。ブラウザ内で完結し、コードは外部に送信されません。
🗜
画像圧縮
PNG・JPEG・WebP画像を品質を調整しながら圧縮し、ファイルサイズを削減します。圧縮前後のサイズを比べながら最適な画質を選べます。画像はブラウザ内でのみ処理され、サーバーには送信されません。
⤢
画像リサイズ
画像の幅・高さ・倍率を指定してリサイズします。縦横比の維持にも対応し、ブログやSNS、ECサイト用の画像サイズ調整に便利。画像はブラウザ内でのみ処理され、サーバーには送信されません。
🔄
画像形式変換
PNG・JPEG・WebPの画像形式を相互に変換します。JPEG・WebPは出力品質を調整でき、Web向けの軽量化やファイル形式の統一に便利。画像はブラウザ内でのみ処理され、サーバーには送信されません。
★
ファビコン生成
1枚の画像からfavicon.icoと各サイズのPNGアイコン、HTMLのlinkタグを一括生成します。Webサイトやアプリのアイコン作成に便利。画像はブラウザ内でのみ処理され、サーバーには送信されません。
◲
画像切り抜き
画像をドラッグで自由に切り抜きます。1:1・16:9などの比率プリセットに対応し、SNSのアイコンやサムネイル作成に便利。画像はブラウザ内でのみ処理され、サーバーには送信されません。
🛡
EXIF削除(位置情報の除去)
写真から位置情報(GPS)や撮影日時、カメラ機種などのEXIFメタデータを削除します。SNS投稿前のプライバシー対策に便利。画像はブラウザ内でのみ処理され、サーバーには送信されません。
全半
全角・半角変換
全角と半角の英字・数字・記号・スペース・カタカナを相互に変換します。対象の種類を個別に選べ、半角カナの濁点・半濁点(ガやパ)も正しく処理。フォーム入力やCSVデータの表記ゆれ統一に便利です。
和暦
和暦・西暦変換
西暦と和暦(明治〜令和)を日付単位で相互に変換します。改元日の境界や元年表記、R6・H31.4.30などの略記入力に対応。干支や満年齢の計算、早見表も備え、書類作成や年齢確認に便利です。
rwx
chmod 計算機
chmodのパーミッションをチェックボックスで計算し、755などの8進数とrwxr-xr-x形式の記号表記を相互に変換します。setuid・setgid・スティッキービットにも対応し、数値・記号のchmodコマンドをコピーできます。

技術スタック

Next.js 16TypeScriptTailwind CSS v4React 19Netlify