12:44小技集JavaScriptjQueryボクは写真が好きで、バックアップも兼ねてFlickrに全ての写真データをアップロードしているのですが、ブログに貼り付ける画像もFlickrにアップロードしたものを使っています。プロアカウントを持っているので容量無制限というのもありますが、Flickrにアップロードすると色々なサイズのサムネイルを自動で作ってくれるので、手間が省けるというのも大きな理由の一つです。Flickrは写真共有サービスであることもあって写真のEXIF(メタ情報)を確認することができるのですが、ブログに貼り付けてしまうとEXIFを見るのに一旦Flickrページに飛んでいかなければいけなくて面倒なんです。他の人のカメラの機種や露出、シャッタースピードなんかを確認するのは写真の勉強にとても良いのですが、Flickrからコピーできる埋め込み用のHTMLコードにはEXIFは含まれないので、自分でコピペするなり手間をかける必要がありました。そこで、登場したのが@drikinさんのFlickrExです。前から、写真の下にExif情報を表示↑する自作JavaScriptを運用していたのですが、これが想像以上に便利で楽しいので、友人ブロガーやカメラ師匠@shiologyさんのブログなどでも導入してもらっていたのですが、これが評判が良かったので、改めてブログパーツとして汎用化すべく書きなおしてみました。XVブログパーツの要領で、数行のHTML/JavaScriptコードを貼り付けるだけで、Flickr画像を自動で探してAPI経由でEXIF情報を取得し、Flickr画像に挿入してくれます!これは、スゴイ画期的!で、FlickrEx登場から1ヶ月以上経ってしまったのですが、ようやくこのブログにも導入と思ったのですが実はここで問題が・・・。Load」を導入しました。詳細は上の記事を参照してもらうこととして、簡単にいうと画像を全部読み込まないで画面に表示されている分だけ都度読み込むようにして無駄をなくすというものです。Loadプラグインを導入していると、本命の画像URLがdata-originalという別の属性に書き換わっていて見つからなくなってしまいます。jQueryこれは困った・・・と思ったんですが、原因が分かっているので簡単に解決できるかもと思い、前にdrikinさんからも「プラグインとか思いついたら作って!」と言われていたので、自分で修正してみることに。(実は初めて)gitにPullリクエストを送った※このパートは技術者の方以外は読み飛ばしてOKですwwさて、FlickrExはGithubにホストされていますのでそこからソースをForkして修正を始めます。git@github.com:drikin/FlickrEx.gitでFlickrExはTypeScriptでできているということで、.tsファイルを編集。・・・という紆余曲折はあったのですが、無事にブログに導入しました。やり方はdrikin先生の記事を参照していただくとして、ボクのタグはこんな感じ。配下に限定img[src*='flickr']、img[data-original*='flickr']はsrc(かdata-orijinal)にFlickr画像のURLが入っているものだけという指定方法だけど、FlickrEx内で同様の判別が入っているので本当は不要という感じです。まとめいやー、本当に便利ですこれ。Scriptを使ってメール自動返信2014年版WordPressテーマ作成の第一歩。ファイル・テンプレート構造を理解する1つ古い記事:ミクシィ【毎月1冊無料】のフォトブック「nohana」が届いたので早速レポート1つ新しい記事:【ニキョティ】二拠点生活という(ライフ|ワーク)スタイル。プロフィールCreazy!(クリエイジー!)は、WEBエンジニアのヤガー(@yager)がWEBの最新動向やブログやWEBサイトですぐに使える技術情報などを更新しているブログです。(1)最新記事Ffmpegで複数動画を結合して一つの動画に出力*sの周期で買い替えているので、iPhone7はスルーしたヤガーです。現在メインスマホとしてはiPhone6sを利用していますが、サブ機として古いiPhone5sを利用しています。コンパクトなサイズが持ち歩きやすくサブ機にはピッタリで、MVNOの格安SIMでバックアップ回線を確保しつつ、SMARTalkで050番号を取得して事業用の待受専用電話としています。いえ、かなり使い古していることもありバッテリーが一日どころか半日も持たない状態で、なんとかしたいところ。v2.0.2公開(表示不具合対応)アジャイルメディア・ネットワーク株式会社さんの運営するレビューズからBenQの27型カラーマネージメントディスプレイ「SW2700PT」をモニター用にお借りすることができましたので使用感などをレポートしたいと思います。ワタクシ、ヤガーは趣味で写真を撮っており、プライベートでは風景がメインですが、お仕事でお店の写真を撮ったり、フードや商品の写真を撮ったりすることもあります。仕事のメインはWEBサイトの開発だったりするので、写真自体はサブ的な仕事となる事が多いのですが、プロカメラマンさんとお話する機会も多く、ゆくゆくカラーマネージメントディスプレイの導入も考えたいなと考えておりました。