JPEGのEXIF情報を一覧表示するサービスを公開しました。 : ういすぷの記録帳

JPGE（画像）ファイルに保存されているEXIF（Exchangeable image file format）情報を表示するサービスを作ってみました。
JavaScriptだけで動くようにしましたので、サーバにはデータは保存されません。

EXIFは、携帯電話やデジタルカメラなどで撮影した際に、画像のサイズや時間、場所、機種情報、明るさなどがファイルに保存されます。
画像を表示させただけでは中身を見ることができませんが、ご紹介するサービスでは、すべてを表示させることができます。

使い方

ページへアクセスします。
https://app.tree-web.net/info_jpg/



ページに移動しましたら、画像ファイルをフォームに入れてください。
ブラウザによっては、ドラックアンドドロップできます（Firefox/Chromeで確認済み）


画像によって内容が違います。参考の画像では、回転の値、解像度などが表示されています。
ご参考になれば幸いです。

注意

・JPEG形のみ対応しています。
・JavaScriptで動作するため、ご利用している環境によっては、表示に時間がかかることがございます。


このプログラムを作成する上で、以下のサイトを参考にしました。
・exif-js/exif-js（GitHub）
・exif-jsを使ってEXIF情報から画像の向きを取得する（山本隆の開発日誌）

関連記事

・TVアニメ「彼女が公爵邸に行った理由 第9話」の「神殿内だけで用いられる特殊な言葉」を翻訳してみた。
・[Windows] 英語キーボード（101/102キー）を日本語キーボード（106/109キー）に変更する。
・ツイッターの画面で「上上下下左右左右BA」と入力すると〜
・超A&G+の「m3u8」のURLを取得できるページを作ってみた。
・Streamlink 用「AbemaTV ダウンロード ブックマークレット」
・Recotte Studio と COEIROINK を連携する「voivoca」を設定する。
・Windows 10 バージョン 22H2 を手動でアップデートする。
・Recotte Studio と VOICEVOX をシームレスに連携する「RecotteVoicevoxBridge」を設定する。
・夏川椎菜のCultureZをStreamlinkでリアルタイム録音するBAT作成を簡単にする。
・12星座検索！
・キーワード検索のサポート「検索フォーム」
・Windows のフォルダアイコンを変更する
・Streamlink のインストール失敗に伴う「streamlink: error: unrecognized arguments:〜」で実行できなくなる対応
・Adobe Photoshop 2022「Creative Cloud にデフォルトで保存」をPC（ローカル）に保存に変更する。
・docomo LIVE UX利用時の携帯アプリのアイコンを元に戻す
・Streamlink を使って超A&G+ のストリーミング配信を録音（録画）する
・Adobe Photoshop 2022 で WebP を利用する。
・「デバイスのセットアップを完了しましょう」を消す方法
・Firefoxの検索窓から検索するとアドレスバーに移動する現象を止める
・IEを起動するとEdgeに切り替わる現象への対処方法