A Day in the Life

はてなブログ + Google Photos (というか Lightroom Classic の現像のカスタムファイル名) で、写真の exif を表示する

Google Photos のオリジナルデータには exif の情報が入っているので、こいつを exif-js でパースして表示、と思ったけどそもそも CORS 的に無理だった。

なので割と力業で表示させてみた。こんな感じで exif を表示してる。

やり方

Lightroom Classic のファイル書き出しで、カスタムファイル名にゴリっと必要そうな exif をいれちゃう。これでファイル名が長い jpg ファイルができあがる。なお私の環境だと、カスタムファイル名でカスタムテキストや、テンプレート以外の文字列を埋め込むと、高確率で Lightroom が落ちたり、意図したファイル名にならなかったりした。

少なくとも、Windows 環境(NTFS) + Windows の Google バックアップと同期 だと、意図したファイル名で Google Photos にアップロードされる。

はてなブログ側は、このファイル名を読み取って適当に HTML に挿入する JS をフッタなどに埋め込む。これで、このエントリーのような表示になる。力業で全然美しい方法では無い…。


document.addEventListener('DOMContentLoaded', function() {

  jQuery('img.magnifiable').each(function(_, e) {

    var filename = e.src.replace(/.*\//, '').replace(/\.*/, '');

    // YYYYMMDD__exif1__exif2__exif3 な lightroom から出力したファイル名。カスタムテキストは __ をセットしてセパレータに。

    var regexp = /^\d{8}__(.*)\.[^.]+$/;

    var matches = filename.match(regexp)

    if (matches) {

      var exif = decodeURI(decodeURIComponent(matches[1]))

        .replace(/__/g, ', ')

        .replace(/\+/g, ' ')

        .replace(/1-(\d+)\s/, '1/$1')

        .replace(' mm,', 'mm,')

        .replace(/ ISO (\d+)/, ' ISO$1')

        .replace(/\s\(f\s-\s(.+?)\)/, ', F$1');



      var exifElement = jQuery('<div/>', {

        text: exif,

        style: 'text-align: right; color: #AAAAAA; font-size: 80%; margin: -5px 5px 0 0;'

      });

      jQuery(e).parent().parent().append(exifElement);

    }

  });

});

撮影機材α7III/FE 24mm F1.4 GM

似ている画像がある記事

iPhone SE + huji で写真を撮ったminne で電球ランプ うし とライトアップスタンドを買った2024年4月16日烏ケ森公園でお花見 / 2022年4月10日2021年3月23日焼肉じゅうじゅう・烏ヶ森公園・千本松牧場 / 2022年3月30日みなとみらいに行った根岸森林公園の梅 / 2021年2月22日

同じ日付の日記

2024年4月3日
朝の散歩も春を感じられるようになってきたなぁ。一枚目の写真、ジャスミンのような香りの花、ジンチョウゲと言うらしい。家の下に敷く砂利の量を早期に決める必要が出てきたため、新居の土地へ。帰り道にカツ丼柏屋でカツ丼。ここのカツ丼もカツ丼やを名乗るだけあって美味しいのだよな。
朝の散歩も春を感じられるようになってきたなぁ。一枚目の写真、ジャスミンのような香りの花、ジンチョウゲと言うらしい。家の下に敷く砂利の量を早期...
黒磯公園の夜桜 / 2023年4月3日
恐れていた、Spotifyで再生音量が100%になってしまい、アンプが大音量になってしまう問題が発生してしまった。Web版で音量バーをいじってないのに発生。何かの状態を引き継いでしまったのか。100%音量の音は、スピーカーが大きいこともあって家が振動する鼓膜が破れんばかりの大音量...
恐れていた、Spotifyで再生音量が100%になってしまい、アンプが大音量になってしまう問題が発生してしまった。Web版で音量バーをいじっ...
007 Tomorrow Never Dies / 2022年4月3日
引き続き肩(というか腕の上腕部)が痛さが続く四日目。昨晩も寝てる最中に何度も痛さで起きる。ロキソニンを服用すると数時間はだいぶましになる。体が悪いと何事も億劫になってしまって、老後はこんな風になっていくであろう体と付き合っていくことになるのだよなぁ、億劫は敵。ふとしたことで知った...
引き続き肩(というか腕の上腕部)が痛さが続く四日目。昨晩も寝てる最中に何度も痛さで起きる。ロキソニンを服用すると数時間はだいぶましになる。体...
2021年4月3日
朝食は久しぶりに海辺の公園で、コンビーフサンドイッチ。朝でも厚手のパーカーで寒くない気温になってきた。昼食は、ベランダ菜園でモリモリ生えてきたパセリを使ったパセリカレー。パセリの味はほぼせず、代わりに面白い風味が出て美味しい。午後は近所の公園へ椅子を持っていって読書、といういつも...
朝食は久しぶりに海辺の公園で、コンビーフサンドイッチ。朝でも厚手のパーカーで寒くない気温になってきた。昼食は、ベランダ菜園でモリモリ生えてき...