フェイスブックの診断アプリを無料で1時間で作る方法について掘り下げて紹介＆自分の備忘録としてＵＰします。追記として、facebookアプリつくーるを購入して使ってみましたので、あわせて紹介したいと思います。
こちらで作成したフェイスブック診断アプリはサービス終了に伴いまして削除しています。備忘録としてお楽しみください。
追記2014/10/10：先日Facebookページのファンゲート機能が2014/11/5以降に使えなくなると発表があったようです。具体的には「いいね！」を押さないと見れないアプリは今後使えなくなる（既にアプリをアップできない？）ようですので、以下の記事に書かれている情報は使えなくなります。ご注意下さい。今後は、ファンをしっかりと作って自らの意思で「いいね！」を押してもらう必要があるみたいですね。
目次
フェイスブックのアプリをサクッと作ってみた
フェイスブックのアプリケーションには
現在様々なものがあるのですが、
今回は診断アプリといって、
何問か選択するだけで、
占い結果が見れたりするような
簡単なアプリを作ってみましたので
その方法を紹介したいと思います。
と・・・・言ったものの・・・
そんなものは一度も作ったこともなければ、
小難しいプログラムを組んだものは作れない。
・・・・。
ふおおおおおおーーーーーーーーーーーーーーーーっ！！
そんな状態なのに、アプリ開発って、
出来上がる前においらの息の根が止まっちまうよーーっ！！( ；ﾟДﾟ)
しかもフェイスブック自体をあまり利用していなかったので、
アプリを作ること自体に非常にハードルが高かったのですが、
必殺！ある程度のものを、
今ある無料ツール等を利用して作ってしまう作戦！で
サクッと作ってみたわけです笑
どんなものを作ったのかは、
まずはこちらをご覧いただくほうが早いので、
見てみてください。
⇒ゴールデンウィークに行きたい！京都の観光スポット診断！
※診断後の結果をウォールにつぶやいてみてくださいね。
※利用にはフェイスブックアカウントが必要です。
こちらのアプリケーションは３つの質問に答えるだけで、
ゴールデンウィークに京都旅行で行くべきスポットを
勝手に診断してくれるものとなります。
制作時間としては・・・・調べながらだったし、
ネタもつくりながらでしたので、
3時間くらいかかってしまいましたが、
一度作ればなれたもの。
※今回の企画は適当ですが・・・意外にいい感じ？
次からは1時間もかからずにつくることが
できるかと思います(*ﾟ∀ﾟ)=3ﾊﾌﾝﾊﾌﾝ
こんな感じのアプリを１時間でつくれちゃうなら、
とりあえずこれでもいいんじゃないかなぁと思うんですけど、
皆さんどうでしょう？
フェイスブックの診断アプリの無料作成ツール
さて、何を利用して作成したのか？というところですが、
今回は無料ツールを使いたかったので、こちらを利用しました。
⇒Wasabitoon （無料の診断作成Facebookアプリ）
プランによっては有料になるのですが、
取り急ぎフェイスブックアプリとはなんぞや？という感じだったので
無料プランを利用してみました。
どういう動きをするかも簡単にテストできたので、
僕としての収穫はかなりありました(*´∀｀*)
無料作成ツールWasabitoonでアプリを立ち上げる手順
基本的にはサイトにしっかりと書いてありますので、
そちらをご覧いただけばよいかと思いますのが、
ざっくりとした流れをお伝えすると、
- フェイスブックアカウントを取得する。
- フェイスブックファンページを作成する。
- 診断内容を企画し、文章と画像を用意する。
- フェイスブックアプリ開発ＩＤを取得する。
- 無料作成ツールWasabitoonを利用してアプリをつくる。
- どなたか友人にテストを依頼する。
といった感じです。
無料作成ツールWasabitoonを使ってみて
作り終わってみると・・・無料版では
正直汎用性がないので、やっぱり自分でつくるなり、
有料ツールを購入しないといけないかなぁとは思いますが、
企画がよければそれでもやってくれる人はいるかと思いますので、
すばらしいツールを提供してくださって感謝でした。
個人的にはアプリのプログラムを書くのは自分の仕事ではないので、
クライアントに要望された場合は、外注するか
有料ツールでも購入して納品するかどちらかにはなると思っていますが、
もし、ご自身で作りたい方で有料でもいいからツールを利用したい方には、
一応僕が探した中ではこれが一番良さそうだったので紹介しておきます。
⇒Facebookアプリつくーる2
追記：Facebookアプリつくーる2を試してみた
さて、こちらの記事をアップしてから数ヶ月・・・
実はFacebookのファンページのヘッダー画像の修正やら
こういった診断アプリの作成などを依頼されることが多くなってきて・・・
なんとか楽に作れないかな・・・と悩んでいたときに
そういえば！自分のブログで
「Facebookアプリつくーる2」というツールを
自分で紹介したことを思い出して・・・試してみたわけです（ボケてます）
（こちらがツールを起動させたときの画面です）
マニュアルを印刷してみると・・・
結構な厚みになっておりました（汗）
Facebookアプリつくーる2を購入すると、
- 診断系のアプリを簡単に作れるようになる
- 「Facebookアプリつくーる2」を買えばかなり安く作れる
- 何個でも作り放題だから、失敗したら作り直すだけ
といったことが出来るとのことで、
作れるアプリの形としては、
- 診断型アプリ
2択問題を4問作成、16パターンの結果を用意。 - 検定型アプリ
問題を5から15問まで作成。正解数によって結果を用意。 - ランダム結果表示型アプリ
16個の結果の中からランダムに結果を表示。
があるようなので、
とりあえず今回は、診断型アプリを作ってみることにしました。
追記：実際にfacebookアプリつくーる2で作ったもの
というわけで・・・実際に作ったアプリをＵＰしましたので、
説明するよりも見てみていただくと良いかと思います。
⇒facebookアプリつくーる2にて作ってみたテスト版診断型アプリ
とりあえず内容は適当にいれておりますので、
企画段階の製作時間を除きますと・・・・
約10分程度でＵＰが可能かと思います。
こりゃー便利ですよ。本当に。
最初はfacebookのデベロッパー登録などで戸惑うかもしれませんが、
マニュアルにしっかりと書かれているので順番にクリアしていくだけなので
簡単だと思います。※facebookの仕様変更にも対応しています。
購入したいと思われる方に、一点だけ気をつけていただきたいポイントとしては、
レンタルサーバーの契約が必要（データをアップロードする場所が必要）となりますので、
facebookアプリつくーる2が推奨するロリポップでも良いですし、
僕が今回テストで使ったエックスサーバーなどで契約をするようにしましょう。
初めてレンタルサーバーを借りる方にはわかりにくいかもしれませんが、
共有SSLと、PHPが動けばアプリは動作するので、
ほとんどのレンタルサーバーが大丈夫かと思います。
心配であれば、ロリポップであればfacebookアプリつくーる2のほうで
サポートもしてくれるようなので、ロリポップ（月額263円～）で契約をしてみましょう。
facebookのアプリを作るために外注をすると
数万円～数十万円かかるみたい（調べました）だし、
これ一つ購入しておけば何度でも
アプリを簡単につくることができますので・・・、
すんごい苦労してプログラムをマスターする時間とかを考えたら、
はっきりいって、めっちゃお買い得な商品です。
他にもいいツールがあったら教えていただけると嬉しいですが、
正直、怪しいツールばかりなので気をつけてください笑
また企画を練って、面白いアプリが出来たら
報告させてもらいますね！
最後に
いかがでしたでしょうか？
細かい制作部分は省いてしまったのですが、
フェイスブックの診断アプリツールの簡単作成講座でした。
まだまだ謎が多いファイスブックアプリ作成ですが、
とりあえずは楽しめそうです＾＾
コメントを残す