むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  1. ホーム
  2. サービス・アプリ

ブログの写真にExif情報を自動で付けられる「FlickrEx」を試してみたぞ!

2013/02/18
  • ツイートする

  • シェアする

  • はてブする

    1

ブログで使う写真は、極力美味しそうに、綺麗に見えるようにこだわっているむねさだ(@mu_ne3)です。
豚組のしゃぶしゃぶ

最近は、こういうコメントも頂けるようになって来ました。

写真が美しすぎる。。。【Share】激辛チゲ風!カップヌードルヒートアップメニュー第3弾!レッドショックヌードルを食べてみたぞ! | むねさだブログ munesada.com/2013/02/09/blo…

— Shotaro Ushijima/鷹の目さん (@ushigyu) 2013年2月9日

 

さすがわんぱくブログは写真がきれいだぜ! RT @mu_ne3: 【ブログ更新】:【DPUB7】180人が集まるアツい飲み会に参加して来たぞ! #dpub7 | むねさだブログ buff.ly/WOFkK9

— タムカイ@切り抜きジャックさん (@tamkai) 2013年2月3日

 

基本的にブログで使用している写真は、デジタル一眼のNEX-5Nで撮影してそのままFlickrにアップして利用しています。
デジカメで撮影したデータってみなさんどうしていますか?僕が写真を保存する3つの場所を紹介するぞ! | むねさだブログ

一時期は1枚1枚写真を加工(トリミングしたり、色補正したり)してたのですが、1年前位から「撮影時にそのままブログで使えるように」を意識して写真を撮り、そのまま使うようにしています。

で、お気づきの方もいるかと思いますが、先週の木曜日からブログで使っている写真の下にExif情報というモノを表示するようにしてみました!
Exif情報

結構いい感じになったのでその方法を紹介したいと思います。

SPONSORED LINK
SPONSORED LINK

きっかけは深夜のTwitterから

きっかけは深夜にTwitterを見ていて、こんなツィートを見つけたから。

【これ最高、みたいもん!は導入済】[D] Flickr画像に自動的にExif情報を付加するブログパーツ FlickrEx – Drift Diary XV http://t.co/mzACZxR12013/02/13 18:47 via BufferいしたにまさきZ
masakiishitani

ブログ「みたいもん」のいしたにさんがこんな発言をされていたので、気になって見てみることにしました。

リンク先を見ると、写真が大きく使われていて参考になるためちょくちょく見させてもらっていたDrikinさんのブログが。
[D] Flickr画像に自動的にExif情報を付加するブログパーツ FlickrEx – Drift Diary XV

 

 

 

最後の方に、こう書いてあったので何より便利そうなのと、確かに勉強になると思ったので僕のブログでも導入させてもらうことにしました。

Flickr写真を活用されているブログでExif情報が簡単に見えるようになると、見るのも一層楽しくなるし、なにせ写真の勉強になります。
なので、個人的には、世界中全てのFlickr画像活用ブログで採用して欲しいと思うくらいオススメです。

 

javascriptとCSSをいじるだと!?

方法は、上記Drikinさんのブログで紹介してありましたが、呼んでみるとjavascriptやCSSをいじる必要があるとか・・・。
その辺の知識は全く無いので手をつけるべきか悩みましたが、

公開記念として、興味ある方けど、インストールがよくわからない、上手くいかないという方には、出来る限りインストールお手伝いをさせて頂きたいと思っているので、興味ある人はお気軽にコメントなり@drikin宛にツイートしていただければと思います。
流行るといいなw

という記載がブログの最後に書いてあったので、勢いで深夜2時くらいから設置作業に入りました。

設置自体はブログに書いてあるように行うことで無事完了。
思っていたよりもカンタンにできました。

ただし、あまりにもその情報が主張しすぎていたので色をグレーにして文字サイズを小さくしたいと思い色々といじってみたけれどもよく分からない・・・。

そこで、勇気を出してDrikinさんに連絡を取ることにしました。

@drikin はじめまして!むねさだといいます。FlickrExを試してみました。singe.phpにタグを埋め込んで無事できたのですが、可能ならば文字サイズを小さくしたり文字色を薄くしたいと思います。どうすればよいでしょうか? munesada.com

— むね(わんぱくブロガー)@DPUB7参加さん (@mu_ne3) 2013年2月13日

それに対して、すぐに回答を頂き、

@mu_ne3 Exif情報に.flickr-exifというClass名が付いているのでCSSで調整することが可能です。ブログに追記した方がいいですね。

— Kohichi Aokiさん (@drikin) 2013年2月13日

これを元に試してみて無事に解決。
最終的にはこれをCSSに貼付けることで、写真に自動的にExif情報を付けることに成功しました。

.flickr-exif {
font-size: 85%;
color: #888888;
}

せっかくですので、Eixf情報を付けた写真をいくつか貼っておきます。

ブログで過去に使用した写真たち

Flickrからリンクを取って来て貼るだけで自動的にExif情報が付きます。
過去の記事にも全て付いてくれるのでとても便利です。

せっかくなのでちょっと過去に使用した写真を貼付けてみました。
写真の下の情報は自動的に付加されています。
(写真が気になった人は写真左上のリンクから元記事をご覧ください。)

春友ラーメン@川崎ブログバカ4代目
春友ラーメン

治一郎のバウムクーヘン
DSC08911

わらやき屋
DSC09085

「牛鉄 炎菜辛」(ぎゅうてつ かぷさいしん)
DSC08359

羽田空港のエアポートラウンジ
DSC07712

マリオのフィギュア
DSC06532

桜の写真
DSC07290
それぞれ、どういう設定で撮影したかが見えると自分でも振り返りになりますし、他の人の参考になれば良いなと思います。

わんぱくブロガー的まとめ

Flickr使っている多くのブロガーがこうやってExif情報を載せることで、綺麗な写真を撮っている人の設定を見ることができるようになると思うと僕としても参考になるので、是非とも広まって欲しいと思います。

また、こうやって公表することで自分でも再度設定項目などを見返すきっかけになりますし、自分のテクニック向上にも役立つと思っています。

さて、もう1ヶ月位でまた桜の季節になります。また写真を撮るのが楽しい季節になってくるので、去年以上に楽しみながら撮影して行きたいと思います。

桜が満開!!!綺麗過ぎて時間を忘れて撮影しちゃったぞ! | むねさだブログ

Flickr Wordpress
SPONSORED LINK
SPONSORED LINK
  • ツイートする

  • シェアする

  • はてブする

    1

いいね!を押して
最新記事をチェック

おすすめ記事

プロフィール

munesada

ブロガー、むねさだ よしろうです。
ワクワク感で笑顔を拡げる、”わんぱくブロガー”。

新しいものが大好き!食べ物・ガジェット・カメラ・旅行・生活雑貨など興味があるものを幅広くご紹介してます。
iPhone15 Pro Max・MacBook Pro16・EOS 5D4・OM-1ユーザー。
10歳になる娘がいます。パパ目線での子育てグッズの紹介も。

@mu_ne3さんをフォロー
くわしいプロフィール
Yahoo!で動画配信中

ブログの更新情報

follow us in feedly
@munesada_blogさんをフォロー
むねさだブログ

Facebookページへの「いいね」をして頂けると毎日の更新情報がFacebookで見れます。

人気記事

    • キャラメルコーン カヌレが、キャラメル味でしっとり美味しいぞ!

    • 折れたネジの外し方!「ネジはずしビット」でカンタンに外せるぞ!

    • ローソンの期間限定「大きなシュークリーム(648円)」を買ったきたぞ!

    • チャレンジタッチのキーボードをパソコンで使えるように変換ケーブルを買ったぞ!

    • Webサイト全体をレイアウトそのまま印刷したい!という人はChrome拡張使うと良いぞ!

関連記事

築地「千秋はなれ」で魚料理を堪能しつつAdobe Lightroom5について教えてもらえるイベントに参加してきたぞ!
写真

築地「千秋はなれ」で魚料理を堪能しつつAdobe Lightroom5について教えてもらえるイベントに参加してきたぞ!

コレがあればiPhoneの置き忘れを防げる「ぶるタグ」を買ったぞ!
iPhone

コレがあればiPhoneの置き忘れを防げる「ぶるタグ」を買ったぞ!

東京ガス契約者なら無料で貰えるタブレット「T-STATION」をもらってきたけどちょっとモサッとしててストレス感じるぞ…!
サービス・アプリ

東京ガス契約者なら無料で貰えるタブレット「T-STATION」をもらってきたけどちょっとモサッとしててストレス感じるぞ…!

Lightroom講座の中級編!Studio9の中原さんに話を聞いてきたぞ!
写真

Lightroom講座の中級編!Studio9の中原さんに話を聞いてきたぞ!

ハーゲンダッツ77個が当選!みんなも応募したほうが良いぞ!
サービス・アプリ

ハーゲンダッツ77個が当選!みんなも応募したほうが良いぞ!

サービス・アプリの記事をもっと読む

新着記事

日清カップヌードルたまごまみれBIGが、まろやかなトマト風味で美味しいぞ!
カップ麺

日清カップヌードルたまごまみれBIGが、まろやかなトマト風味で美味しいぞ!

【大阪・京都土産】パインアメと生八ッ橋の夕子がコラボ!『夕子 パインアメ味』が美味しいぞ!
旅行

【大阪・京都土産】パインアメと生八ッ橋の夕子がコラボ!『夕子 パインアメ味』が美味しいぞ!

神戸土産に!「神戸 白いロールケーキ」がしっとり濃厚で美味しいぞ!
グルメ

神戸土産に!「神戸 白いロールケーキ」がしっとり濃厚で美味しいぞ!

愛媛の石鎚山SAで買える!みかんパンが美味しいぞ!
旅行

愛媛の石鎚山SAで買える!みかんパンが美味しいぞ!

ローソンの大きな生バウムクーヘン(ミルククリーム)がしっとりパリッとクリーミーで美味しいぞ!
グルメ

ローソンの大きな生バウムクーヘン(ミルククリーム)がしっとりパリッとクリーミーで美味しいぞ!

新着記事をもっと読む

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒
agilemedia
15301346_1142448849144320_1929483738_n
むねさだの欲しいものリスト公開中!
むねさだブログ
  • ホームに戻る
  • プロフィール
  • お問い合わせ

© 2025 むねさだブログ

閉じる

  • トップページへ戻る
  • プロフィール
  • お問い合わせ

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒