むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  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ユーザー。
11歳になる娘がいます。パパ目線での子育てグッズの紹介も。 ScanSnapプレミアムアンバサダー、HHKBエバンジェリスト、おもいでばこ認定アンバサダーなど。

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

ブログの更新情報

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

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

人気記事

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

    • 2025Amazonブラックフライデーのお買い得商品を紹介するぞ!

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

    • popIn Aladdin 2のリモコン紛失…。2000円で再購入できるのでサクッと買い直したぞ!

    • Amazonや公式で使える割引コードあり!リーズナブルなUGREEN「NASync DH2300」がサクサク動いてコスパ最強だぞ!

関連記事

プロカメラマン水咲奈々さんに水族館写真撮影のコツを教わったぞ! (Adobe主催イベント)
OM-D

プロカメラマン水咲奈々さんに水族館写真撮影のコツを教わったぞ! (Adobe主催イベント)

書き損じの年賀状の使い道!?リサイクルインクの「エコリカ」が100万円が当たるキャンペーンを開催中だぞ!
サービス・アプリ

書き損じの年賀状の使い道!?リサイクルインクの「エコリカ」が100万円が当たるキャンペーンを開催中だぞ!

鹿児島県いちき串木野市のふるさと納税返礼品で、しっとり柔らかい干し芋が届いたぞ!
サービス・アプリ

鹿児島県いちき串木野市のふるさと納税返礼品で、しっとり柔らかい干し芋が届いたぞ!

フジフイルムで簡単フォトブック作成!子どもの成長記録に良い感じだぞ!
写真

フジフイルムで簡単フォトブック作成!子どもの成長記録に良い感じだぞ!

ふるさと納税で届いた「国産牛ハラミ」が柔らかくて美味しいぞ!
サービス・アプリ

ふるさと納税で届いた「国産牛ハラミ」が柔らかくて美味しいぞ!

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

新着記事

期間限定!サントリー ほろよい ミックスフルーツがしっかりフルーツで美味しいぞ!
お酒

期間限定!サントリー ほろよい ミックスフルーツがしっかりフルーツで美味しいぞ!

雪見だいふくPREMIUM ‐濃熟‐マンゴーが、しっかり濃厚マンゴー味で美味しいぞ!
グルメ

雪見だいふくPREMIUM ‐濃熟‐マンゴーが、しっかり濃厚マンゴー味で美味しいぞ!

「カントリーマアム ミルキー味」がしっかりミルキーの香りと味で美味しいぞ!
グルメ

「カントリーマアム ミルキー味」がしっかりミルキーの香りと味で美味しいぞ!

金麦〈オレンジ灯る帰り道〉がコクと香りが良く美味しいぞ!
お酒

金麦〈オレンジ灯る帰り道〉がコクと香りが良く美味しいぞ!

ファミマ限定!サッポロ ビアサプライズ 至福のコクが濃い味わいとガツンとした苦味で美味しいぞ!
お酒

ファミマ限定!サッポロ ビアサプライズ 至福のコクが濃い味わいとガツンとした苦味で美味しいぞ!

新着記事をもっと読む

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • 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
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒