20161年ぶりに記事を書く。インスタグラムのAPIを使ってハッシュタグをトリガーにサイトに画像を表示していくっていうことをしておりました。それを悪用する輩がいるらしく善しとしないインスタグラム側がAPIの規制を強くしちゃって自分が使ってたAPIがことごとく死亡。なんとか復旧できないか色々調べておりました。インスタグラムAPIの新仕様として開発者登録をした後、API使うのは様々な情報(なんのために使うのかどこで使うのかなど)審査がありかなり厳しい。気軽にウェブサイト上にハッシュタグ引っ張ってきて表示するのはかなり難しい、そもそも「ビューワーはNG」って言ってるし。「ビューワーはNG」って言ってる時点で自分が使ってたものは全くNGになっちゃいました。それでも抜け穴があんじゃないかと一日中調べてた結果以下の様な事がわかりました。・ただし、開発者アカウントのfeedのみ、更に最新20件(最新の定義が有るようで古いのは表示されない)って事で、これまで制作してきたサイトでやってることは大きく2種類1.ハッシュタグをトリガーに画像とリンクを取得2.特定のユーザーのfeedを取得1.はもう無理、これからインスタ側で規制がゆるくなるか何かしら他の方法を開発されるのを待つしか無い2.が解決策として考えられます。特定のっていうかアカウントのfeedを出す。Clientsからとりあえずアプリ登録する(もしくはクライアントにやってもらう)3.アクセストークン取得(参考:http://guisekit.com/web/instafeedjs/)4.トークンを使ってfeed取得(参考:http://guisekit.com/web/instagram/)jsつかっても表示できたりするけどそうするとトークン丸見えになっちゃうからjsでやんないほうがいいっす。・インスタの部分は消す(とりあず、後から解決策が出てくるかもしれないので)・1ユーザーのfeedのみ表示するようにアカウント持ってるなら情報もらうの2案をクライアントに提案するつもりです。2015事故の話を締めたとたんに新たなトラブルです。ことでPandaで事務所までいって近くのコインパーキングに止めておこう。したら帰りの時間も気にしないで済むしね!ってことでウキウキでPandaで向かってた所、目黒通り途中から回転数があがらない、ニュートラルにしても全然あがっていかず、アクセルベタ踏みでやっとという緊急事態発生。ヤナガワさんに電話して対応策を聞くも「一回詳しく見ないとダメだなぁ・・・」ドナドナ確定。スピード遅いなりにも一応自走はできたのでバンドのリハに向かい、その後事務所で仕事してた訳です。帰りスピードでないから交通量の少ない深夜に帰ろうと思って終電も無くなったAM1:00頃。事務所前までなんとか押してきて保険屋に電話。なんと、この時間なので一時預かりしてくれるとのことでレッカー手配しました。2015途中で事故の相手とのやりとりがやんなっちゃんで記録するのやめたんですが、事故の後処理はだいぶ前に終わりました。<まとめ>・責任割合は2:8で変更なし。折れてくれなかったわけですわ。・慰謝料とかもらいましたけど、こっちの修理費の持ち出し分で消えました。・Pandaの修理費は運転席側の外装総とっかえ(部品取り車から移植)で95万くらいかかりました・先方との認識違いでそうとうやきもきして疲れた・加害者からは一切の連絡なし(まぁそれが普通なのかもしれませんが、保険屋にまかせるってことで)・Panda治すときにオールペンせざるを得なかったのでオールペン、結果すごい微妙に色が違うw・せっかくなんでサイドモール外しました・修理後1年近く乗ってるんですがその間に東名で一度止まってレッカー、原因は事故と関係あるかわからないこんなかんじです。今年も5.24に開催されます。実は昨年からこのパンダリーノのサイトの制作を任せてもらっています。5月の開催にむけて、エントリー数はすでに100台を超えています、いったい今年は何台集まるんでしょうか?今年はPanda2,Panda3の参加が多く目立ち、また、初参加の方もたくさんおられるようです。あいうえお表」再販開始しました。増版するんで前回気になったところ修正してver.1.1としました。2015最近よく使うjQueryライブラリの[Masonry]、ウィンドウサイズによって画像が上手い具合に並んでくれるのでリッチコンテンツっぽいです。実際の設置方法はこの辺でで、設置してみたはいいけどページ読み込んだら画像が重なって表示されウィンドウサイズを変更すると正しい表示に戻る。いう不具合がでました。使ってる画像が重いのかなぁなんて思っていたんですが、単純に読み込み順の問題だったようです。//一列の幅サイズを指定});});普通↑のようなスクリプトを書くと思うんですが、これだと問題の現象が発生します。//一列の幅サイズを指定});});というように全読み込みが終わったら実行するというように変更することで問題を回避できます。