このこん提出用サービス構成等説明書

1. Fan Searcher
説明書
このこん提出用

2. 目次
1.
Fan Searcher概要
2.
システム構成
3.
プログラムについて工夫したところ
4.
システム面でアピールしたいこと
5.
今後やりたいこと
6.
最後に

3. Fan Searcher概要
問題
例えば、
• 「Star Wars」のファンの友達が欲しい…
• どんな人が「ConoHa」のファンなんだろう…
そんな疑問を解決してくれる場所がない・・
そこで
作ったもの
本、音楽、映画などのファンを検索できるホームページ

4. システム構成
Facebook Graph Api
Facebook ソーシャルプラグイン
リクエスト
結果送信
サーバー
クエリ入力
結果表示
クライアント

5. プログラムについて工夫した所

Facebook Graph API,Facebookソーシャル
プラグインと連携することにより、
Facebookの持つ膨大なデータを利用。

Facebookユーザーログインを利用してユー
ザーへのオススメを計算して表示。

JavaScriptのみでほとんどの処理を行うこと
により、サーバ側への負荷を軽減。

Twitter Bootstrapを利用し、見やすいUIを実
現。

6. システム面でアピールしたいこと

FacebookのAPIの機能を最大限に有効活用
しています！それにより、実際はページ数
２つしかないシステムですが、まるでPHP
などで作られたヘビーなシステムであるか
のように動作します。

デザイン・UIにはかなり時間をかけました。
どのように配置すればユーザーが快適に利
用できるか。何度も試行錯誤しました。

Facebookのユーザーログインを利用してい
るため、ユーザーへのオススメ表示、ユー
ザーに身近なファンの紹介をできるように
なっています。

7. 今後やりたいこと

利用者数が増えてきたら、MySQLなどに検
索クエリを保存し、Ajax通信などを利用し、
検索ランキング、おすすめクエリの表示な
どを行いたい。

Facebook内でファンがつながるだけでは交
流が難しいかもしれないので、交流のペー
ジなども作りたい。

8. 最後に

ご視聴ありがとうございました

まだまだ未熟な学生プログラマーがお送り
しました！