QRコード・JSON・Base64・タイムスタンプ・CRON──エンジニアの日常に登場する 小さな技術要素は、よく使うのに「ちゃんと説明されたことがない」ものが多くあります。 このページでは、ぱんだツールズの「技術背景」カテゴリで扱っている知識を整理しつつ、 ブラウザ完結処理という土台の話から、開発で迷う場面別の引き出しまでをまとめます。
土台:なぜブラウザだけでファイル処理ができるのか
ぱんだツールズのすべてのツールは、サーバーにファイルを送らずブラウザ内で完結します。 これを支えているのは次の2つの技術進化です。
- File API(2014年〜標準化):JavaScript からローカルファイルを読み書きできる仕様。 ドラッグ&ドロップでファイルを受け取り、変換結果をダウンロードさせる動作が可能になった。
- WebAssembly(2017年〜各ブラウザに実装):C/C++/Rust で書かれた高速処理コードを、ブラウザ上でほぼネイティブ速度で動かせる仕組み。 PDF圧縮(pdf-lib)、HEICデコード(heic2any)、画像処理、暗号化などの重い処理がブラウザだけで動く。
これらが組み合わさったことで、PDF・画像・CSVといった重いファイルの加工も サーバーに送らず処理できるようになりました。サービス提供側(ぱんだツールズ)にとっては サーバーコストがほぼゼロという利点があり、ユーザー側にとってはファイルが外部に流れない安心感という利点があります。
「データの形」をめぐる頻出概念
日常的に登場するのに混同されやすい概念を、用途とセットで整理します。
| 概念 | 何のための仕組みか | 代表的な使い場面 |
|---|---|---|
| JSON | 構造化データのテキスト表現 | REST APIレスポンス・設定ファイル |
| Base64 | バイナリをASCII文字に変換 | メール添付・画像のデータURI |
| URLエンコード | URLで使えない文字を%XXに変換 | クエリパラメータ・日本語URL |
| Markdown | 人間が書きやすい記法でHTMLを生成 | README・Zenn・Qiita・Notion |
| 正規表現 | パターンに合う文字列を抽出/置換 | ログ解析・バリデーション・置換 |
| CRON式 | 「いつ実行するか」を5フィールドで表現 | バッチ・定期ジョブ |
迷う場面別:使い分けの引き出し
- 「PDFから文字を取り出したい」と思ったら:PDF本文がテキスト → PDFテキスト抽出。スキャン画像のPDF → OCR(日本語OCR)。
- 「タイムスタンプの形式が合わない」と感じたら:UNIXタイムスタンプ ↔ 人間可読形式の変換が必要。秒・ミリ秒・タイムゾーンの3点を確認。
- 「16進数とRGBカラーコードを行き来したい」:色コード変換ツールで HEX ↔ RGB ↔ HSL を双方向変換。
- 「変数名のケース変換を一気にやりたい」:camelCase / snake_case / PascalCase / kebab-case を一発変換。
- 「2つのテキストの差分を見たい」:テキスト差分比較・JSON差分比較ツールで unified diff 形式の差分が見れる。
- 「QRコードを作って印刷したい」:QRコード生成。Wi-Fi接続情報やvCardの埋め込みも対応。
「迷ったらどれを使う?」逆引きナビ
やりたいことが明確でも、ツールが分からない場面のための逆引きツールも用意しています。
- ファイル変換ナビ:「○○形式から△△形式に変換したい」を入力→該当ツールへ案内。
- ファイル形式えらびかたナビ:用途を指定→おすすめのファイル形式を提案。
- 正規表現構文 横断検索:「メールアドレスにマッチする正規表現は?」など、よく使うパターンを言語横断で検索。
- シェルコマンド横断検索:bash/zsh/fish/PowerShellで「やりたいこと→コマンド」を引ける。
- クラウドサービスマッピング:AWS のあのサービスは GCP/Azure では何にあたるか、を一覧で確認。
各ツールには対応するガイド記事が紐づいています。「使い方が分からない」段階なら記事から、 「使い方は分かるが背景を知りたい」段階ならツール画面の解説から、それぞれ深掘りしてください。