bootstrapとjquery.masonry.jsを使って、レンガ状(pinterest風)にサムネイルを並べていく

最近流行りのbootstrapを使うとすごく簡単にレスポンシブルなサイトを作る事が出来る。
特に自分みたいなエンジニア系のweb制作者にとってはbootstrap使う事によってデザインを整えられるし、
何よりも最大12カラムのグリッドシステムがすごく便利。

だけどグリッドシステムを使ってサムネイルを並べたときなどにそれぞれの高さが変わってしまうと不格好になってしまう。
なのでこれを解決するためにmasonryを使ってグリッドシステムをさらに綺麗に表示することにしてみた。

facebook APIで「an active access token must be used to query information about the current user」が出てしまう原因の解決方法

最近のwebアプリやwebサイトでは会員システムを簡易化したり、
ソーシャル的な連携を強めるためにだったり、
登録に必要な情報を簡単に入力するためだったり、
という理由でfacebookログインが使われる事が多い。

APIで色んな情報が取れるし便利だし、
セッションはFacebookのセッションを使い回せるから会員サイトを作るのはすごく楽になる。

ということで導入してみたはいいものの、
なぜか$facebook->api("/me")を実行すると
an active access token must be used to query information about the current user
というエラーが出てしまってうまくいかないという事がたまにあったりする。

ネットで調べてもはっきりと解説が書いていなかったりするようなこともあったりするし、
なので今回はそれを解決するために自分が行った事を書いていきたいと思う。

twitterやfacebookのクラスターがパッと見てわかるものをfuelphpで作りました

fuelphpで久しぶりにと思いつつ、
そろそろ一個ぐらい正式に出しておかないなと思って
夜中にせこせこ1時間くらいずつかけて作った。

http://cluster.bad-company.jp

Twitterログイン、Facebookログインしてキーワードを入力すると、
そのキーワードをつぶやいてる人のアイコンを出してくれるっていうサービス。
とりあえず実験的にっていう意味合いが強いので仕様としては若干微妙なところだけど。

ということでこのブログで詳しい解説的な事でもしようかと。