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

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

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

    15

  • シェアする

  • はてブする

    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
  • ツイートする

    15

  • シェアする

  • はてブする

    1

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

おすすめ記事

プロフィール

munesada

むねさだ(mu_ne3)です。
好きなものにはとにかく突っ込んでみる、”わんぱくブロガー”。

食べ物・ガジェット・カメラ・旅行・生活雑貨など興味があるものを幅広くご紹介してます。
iPhone11Pro・MBP13・EOS 5D4・OM-D E-M1mII・GoPro7・THETA Vユーザ。
5歳になる娘がいます。パパ目線での子育てグッズの紹介も。

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

ブログの更新情報

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

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

人気記事

    • 誰でも失敗しないゆで卵が5~7分でできる!「レンジでゆで卵」がめっちゃ便利だぞ!

    • 知ってた?Facebookで「過去の投稿」をカンタンに探す方法を教えるぞ!

    • 日産セレナ(C27)のリモコンキー電池交換!電池の種類と開ける際のコツを教えるぞ!

    • こども用の甘口カレーに加えるだけで大人も満足できる辛口カレーに!この香辛料が良いぞ!

    • ScanSnapの最新モデル「iX1600」と「iX1400」が発表!毎分40枚両面読み取りの超高速化だぞ!

関連記事

ネットでカンタン!フジフイルムで子どものフォトブックを作ってみたぞ!
写真

ネットでカンタン!フジフイルムで子どものフォトブックを作ってみたぞ!

「Super英単語30000」というアプリがすごい
サービス・アプリ

「Super英単語30000」というアプリがすごい

楽天ふるさと納税で「鰻10尾セット」がドーンと届いたぞ!
サービス・アプリ

楽天ふるさと納税で「鰻10尾セット」がドーンと届いたぞ!

【メルカリ】初めての出品方法を解説!バーコード出品がめちゃカンタンだぞ!【PR】
サービス・アプリ

【メルカリ】初めての出品方法を解説!バーコード出品がめちゃカンタンだぞ!【PR】

【クーポンも貰える】ミスド公式iPhoneアプリ「misterDonut」で写真を撮ると面白いぞ!
iPhone

【クーポンも貰える】ミスド公式iPhoneアプリ「misterDonut」で写真を撮ると面白いぞ!

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

新着記事

今話題の音声SNS「Clubhouse」ってなに?という解説と、実際の始め方について紹介するぞ!
サービス・アプリ

今話題の音声SNS「Clubhouse」ってなに?という解説と、実際の始め方について紹介するぞ!

ローソン限定!「艦これ」瀬戸内レモンサワー!伊47/蒼龍/速吸パッケージで登場だぞ! #艦これ
お酒

ローソン限定!「艦これ」瀬戸内レモンサワー!伊47/蒼龍/速吸パッケージで登場だぞ! #艦これ

IIJmioのファミリーシェアプランで、月額維持費無料でデータ通信SIMを運用!これはお得だぞ!
格安SIM

IIJmioのファミリーシェアプランで、月額維持費無料でデータ通信SIMを運用!これはお得だぞ!

100gずつ個包装されているアーモンド!酸化を気にせず食べられるのが良いぞ!
グルメ

100gずつ個包装されているアーモンド!酸化を気にせず食べられるのが良いぞ!

セレナ用のスタッドレスタイヤを楽天で購入!そのまま楽天で手配して自宅近くで取り付けできるぞ!
車

セレナ用のスタッドレスタイヤを楽天で購入!そのまま楽天で手配して自宅近くで取り付けできるぞ!

新着記事をもっと読む

カテゴリ

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

© 2021 むねさだブログ

閉じる

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

カテゴリ

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