grailsでwebアプリをつくってみる(つくってみた(手直しした))。
みなさん、おはようございます こんにちわ こんばんわ いつ見てるか分からないからあいさつ全部。
G* Advent Calendar 14日めの記事です。
昨日のNagaiさんの記事でおもいだしたアプリの紹介とか何故作ったかとかを少々。
アプリの名称はFacecard、Facebookの情報から名刺っぽいなにかを作成できます。
アプリの作成目的はSNS(Facebook)を活用している人がさらに活用できるようなサービスの模索。ネットとリアル社会の間の・・・ではなく、
勉強会とかで配ってコミュニケーションをとるのに利用できるかなと。(自分で一回もくばったことないのは内緒ｗ)
def 'アプリ' = ['名称':'Facecard',
'目的':'facebookの情報で名刺サイズのカードを作る',
'理由':'勉強会とかで配ることができれば面白いかも']
作るまで
はじめは？
facebookと連携したwebアプリにしよう！
facebookのログインしているユーザの情報を取得しよう！
作れるカードの種類は何種類かあるとうれしいね。
からの?
フレームワークはgrailsを使おう!
facebook-graph pluginが便利そう！
apache FOPは依存でごにょにょ。。。
できた！ 放置。。。
で、良い機会なので、ちょっと整頓とUpgradeを。
grails
1.4.0.M1
plugins
facebook-graph=0.12
plugins.jquery-ui=1.8.11
plugins.qrcode=0.1
plugins.quartz=0.4.2
plugins.resources=1.0
作成時の構成です。
はい、grails 1.4.0.M1を使用しています。どれだけ放置していたかがばれますね。。。
grails upgrade
早速2.0.0.RC3へupgradeします、pluginのバージョンもいっしょにアップ。
何事もなくupgrade完了。
grails
2.0.0.RC3
plugins
facebook-graph=0.12
plugins.jquery-ui=1.8.15
plugins.qrcode=0.1
plugins.quartz=0.4.2
plugins.resources=1.1.5
jquery-uiとresourcesだけですね。。。
こんなことしとるよ
facebook-graph plugin
config.groovyへfacebookアプリケーションの設定を追加。
それぞれの取得はここからfacebookアプリケーションを作って取得します。
facebook.applicationSecret='あなたのひみつを私はしっています。' facebook.applicationId='アプリケーションのID'
facebookのgraph-apiのリソース読み込み。
<fbg:resources locale="${Locale.getDefault()}" />
ログインボタンの表示。
<fb:login-button perms="アプリがfacebookに要求する権限" onlogin=";" size="large"> <g:message code="auth.login.facebook"/> </fb:login-button>
なんということでしょう！！ 簡単ですね。 (pluginの詳細はこちらからどうぞ。 facebook-graph)
そしてgrailsへ
あとはjavascriptでごりごりっとこのアプリでただひとつのcontrollerへユーザ情報をわたして、
FOPを使ってプレビュー生成とPDF生成をしています。
完成！?
で、出来上がったのがこちら
Facecard
こんな感じのPDFが作成されます!
簡単な使い方
- Facebookにログインします。
- アプリが許可を求めてくるのでためらいながら許可します。
- カードのデザインを選びます。
- previewボタンを押してプレビューを確認します。
- get pdfをおしてPDFをダウンロードします。
- プリンターで印刷します。
- ちょきちょきします。
- G*な勉強会に参加登録します。（このとき懇親会の参加登録も忘れずに行います。）
- G*な勉強会(懇親会)でここぞとばかりにくばります。(※注意点 キャバ嬢の名刺みたいに捨てられないように!)
- 友達申請が飛んでくるのを待ちます。
願望とか
- デザインを増やしたい。
- みんなと友達として繋がりたい。(ここ)
みなさんが気合がはいってるなかすごくユルイ感じのエントリーですがご勘弁を！
(grails 2.0.0.RC3をつかったアプリということで。。。)
明日はロンドンから帰国したばかりのtyamaさんです！
——アップ—->
