Branberyheag!! Lab » 感想

instagram Wallについての解説

isao — Thu, 31 Mar 2011 22:18:16 +0000

instagram Wallを作ったけど、技術的な解説。

instagram APIは、何が出来るのかから検証した。基本的にOAuthを使うと自分が投稿した写真の閲覧やコメントを書いたり、いいね！と追記したりといろんなことができる。当たり前だけど、写真の投稿は、iPhoneアプリからしかできない。

JSONでデータをやり取りするので、フロントエンドのみでもポピュラーの写真や特定のタグの写真は、取得可能。
※ユーザー情報も取得できるけど、これは、うまく取得できなかった。

JavaScriptだけでの実装を想定したときに、一度に取得できるデータは３２件分らしい。
スクロールして、何度取得、表示させると違う写真も取得できるみたい。英語のマニュアルを読むにも限度があったので、取得できるデータは、表示しないで、新しいものに関しては取得しようと考えた。

どうやって、検索するか・・・

一度、表示されたHTMLからIMGタグのソースを取得して、ture / false を取得する方法。
Array.pushで、ソースを入れて、スクリプト上で取得して、true / falseを取得剃る方法。

当たり前だけどArray.push()での検索スクリプトにした。
実際に実装すると案外速い。ちなみにテーブルソートもこの方法で実装するのが一般的みたい。
検索する場合は配列を使ったほうがめっちゃ速いみたい。

ソースコード自体は、かなりシンプルにできあがった。
ただ、JQueryを使わなくても実装できるものなので、フレームワークを読み込まなければ、もっと速くなったかも。

今、追加で作っていることとして、Webストレージを使って、お気に入りの写真を一時的に保存できる機能の追加。
できれば、検索もさせたい。。。

instagram APIは、とてもシンプルなので、みんな取っ付き易いと思う。
オススメ。

instagram Wall

関連した記事

MT5とMTOS5をインストールしてみた

isao — Wed, 23 Dec 2009 15:53:54 +0000

MT5がものすごく気になったので、MT5とMTOS5をテスト環境に入れてみた。

MT5とMTOS5の大きな違いと言えば、カスタムフィールドが使えるかとテンプレートの種類が多いか少ないかの違いのようだ。まだまだあるのだろうけどね。

大きく概念が変わったので、MT4からのバージョンアップは慎重にやったほうがいいみたい。ウェブサイトという大きなカテゴリーとその中でブログというカテゴリーが存在する。
ウェブサイトの構造を踏まえてそうなっているので、結構CMS的な用途を想定している感じがする。ウェブサイトにニュースとブログをMT5で制御することも容易になる。

まだ新機能のテーマを使っていないし、MT5自体を使い込んでいないからなんともいえないけど、今回のバージョンアップはかなり期待している。
MTは、静的ページを生成しているので、もしPHPもしくはバックエンド（管理ページ）が落ちたとしてもHTMLを吐き出しているので、サーバが落ちない限りwordpressと違ってページだけ残せるという点が強いのかなと思う。

CMS的な使い方ができるようになったことで、低価格で手に入るCMSとして重宝されると思う。関連した記事

MTOS5を試してみよう

isao — Tue, 22 Dec 2009 23:34:36 +0000

フォトログがMTOS4で運用している。
MTOS5にバージョンアップしたいんだけど、他のみなさんはなんだか結構、手こずっているみたい・・・サイトの中にブログが作成できることによって設定というかデータベースの設定をしなおさないといけないとか面倒臭そうなことが書いてあった。

そう思うとテストしたいと思ってしまう。まぁ、更新ができればおかいしくなってもいいんだけどね。

今、ふと思ったんだけど、MTとMTOSとの違いってカスタムフィールドの有無だけなのかな。そうなるとクライアントワークスでMTOSを使って構築しても問題ないのかもしれない。

ん～、そこの違い大きいけどね。

ちょっと、試してみようかな。関連した記事

WordPressって面白いツールだと思う。

isao — Wed, 02 Dec 2009 02:24:11 +0000

WordPress用のテンプレートを今、作っていて便利なツールだと思った。
MovableTypeで妥協していた部分もWordPressなら解決したりといい感じのツールだなと思った。

前に、前の会社の人から頼まれてブログを構築したときに、ウェブページを作ると自動的にナビケーションに項目が追加される機能を見て思わず感動した。スゲー便利だなと思った。
テンプレートを作ったあとはほとんど触らなくてもよいっていうのが、ブログのオーナーは負担は減るはず。

WordPressとAS3を絡めて何かできないかなと思った。
ちょっと考えてみよう。関連した記事

Scroll Clock

isao — Sat, 21 Nov 2009 15:28:29 +0000

Scroll Clockが話題になっているぽい。

今までにない斬新さがある時計。ブラウザのスクロールをデジタル時計の線に見立てて、動かしている。俺なら絶対に思いつかないと思う。この情熱って、ものすごい大切だよな。久しぶりに感動した。アイデア次第では既存の技術で目新しいものができるんだな～と思った。

どうやっているんだろうね・・・

Scroll Clock
http://toki-woki.net/p/scroll-clock/関連した記事

wordpressのプラグインを自動アップグレードに思う・・・

isao — Wed, 11 Nov 2009 01:28:26 +0000

wordpressを使い始めて、5カ月くらいになるけど本当に便利になっていると思う。MovableTypeの一歩先を行っていると思う。カスタマイズもずいぶんできるから、自分のサイトにあったものを作れるのがすごいいいと思う。

そのひとつに自動アップグレード機能があるんだけど、これもすごい便利。わざわざ、ファイルをアップロードしなくてもいいのがいい。ただ、プラグインの自動アップグレードは、もう一声だと思う。設定がなんか消えたり、勝手に停止状態になっていたりする・・・これって、俺のだけかな？関連した記事

Jqueryでスライドショーを作るときのコツ-実装編-

isao — Sat, 07 Nov 2009 16:39:47 +0000

Jqueryでスライドショーをプラグインを使わずに作る場合は、まずは頭の中でどのようにすればスライドショーを作れるか考えることが大事だと思う。

ul,liタグで画像を並べておいてそれをCSSで同じ位置に持ってくる。それを表示したい画像だけ表示させて、他は隠しておく。順番に画像を表示させる。
ここで、問題になるのは一番最初と最後の要素をどうやって検出するかがだと思う。私の場合は、classタグにフラグを立てておく方法をとる。最初にきたら、一番最初へ戻るようにプログラムすればいい。表示の時は、フェードイン、フェードアウトにするかを決めておいたほうがいい。CSSで表示非表示にするとJqueryで制御しようとするとうまく動作しなくなってしまう。Javascript側で制御するかCSS側で制御するくらいは決めておいたほうがいい。

作ったものは、こちら。

今後のことを考えると、クラスファイル化をしたい。それとsetInterval()とclearInterval()をクラスファイルで定義すると動かなくなるのか考えたいと思った。
今回は、関数に置き換えて作っている。まだまだ経験不足である。関連した記事

javascriptとユーザ環境について

isao — Tue, 03 Nov 2009 15:13:39 +0000

今、ポータルサイトを作っててJavascriptでちょっとした仕掛けをいろいろと作っている。まぁ、スライドショーとか独自にスライドバーを作ったり、リンクとgoogle mapsの共有などなどいろんな仕掛けを作っている。

工数を減らすためにJqueryを使っているんだけど、javascriptがないユーザ環境にはどのようにすれば良いのかという疑問が出てきた。たとえば、CSSは適用できるけど、Javascriptが使えない環境なんてざらにあると思う。

CSSでoverflow:hidden;してJavascriptのスクロールバーなんて適用してたら、何も見れないよな・・・と思ってしまった。そう考えるとJavascriptでUIを作ったサイトは、適度にJavascriptがない環境でも適度に閲覧ができるようにしておかないといけないのかなと思った。

当たり前のことなんだろうけど、ちょっとした配慮っていうのも必要だっていうことに気づいてしまった。今は使わなくなったけど