UNIRRY

WEBデザインとホロスコープと宇宙のブログ

facebookのOAUTH認証をつかったコンテンツ“ともだちエレメンツ”

friele

twitterOAUTH認証はやってみたけど、facebookはやってないからそれを使ってなにかおもしろいものでも作ろうかな、ということで『facebookともだちエレメンツ』というものを作ってみました。

facebookでアプリの承認をおこなうと、友達リストと誕生日を取得して、各エレメンツにわけて表示する、というものです。

つくってみた感想

つくってみた感想としては、OAUTH認証まではよかったんですが、その後、友達の誕生日を取得するところでだいぶ苦戦しました。出来たあとは、なんだ、パラメータで取得ってことか・・・って感じでしたけど。

あとは、表示するところのモーダルボックス内のスクロールバー装飾にだいぶ苦戦しました。jQueryで実装しているのですが、途中で、もうダメだな、もうデフォルトでいいよね^ー^私はデフォルトそんな気にならないよ^ー^って5回くらい思いました。結局実装できましたが。

 

リンクはコチラ→ http://unirry.com/app/fbelement/

 

制作レビューを記載してます

せっかくなので制作レビューを webカテゴリに順を追って掲載していってます。

①まずは、xamppでOpenSSL supporが有効かを確認する

facebookのOAUTH認証で友達リストと誕生日を取得する

③デザイン制作(どうせなのでフラットデザインなの?これそうなの?っぽい感じに・・・)

④コーディング(ここでついにappendした要素内でのスクロールデザインが実現!

phpのロジック組みとデザインの当て込み(ここは意外にほぼ1日でできた)

⑥最後にfacebook側でapp設定

⑦完成!!

これから順番にレビューを記載してリンク貼っていきまあす。

 


horoscope

“sozatu” animation!! >>    animation1   |   animation2   |   animation3