5 分でキメル! (慣れれば、あなたもやれる!) たったの 5...

48
5 分でキメル! (慣れれば、あなたもやれる!) たったの 5 でできるサーバと通信できる iPhone アプリの作成 2010/09/18 Fusic)河野敬文 Saturday, September 18, 2010

Upload: takafumi-kawano

Post on 13-Jan-2015

772 views

Category:

Education


0 download

DESCRIPTION

ひとり勉強会!

TRANSCRIPT

Page 1: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

5 分でキメル! (慣れれば、あなたもやれる!)

たったの 5 分でできるサーバと通信できるiPhone アプリの作成

2010/09/18 Fusic)河野敬文

Saturday, September 18, 2010

Page 2: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

世はソーシャルな時代!

Saturday, September 18, 2010

Page 5: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

てなのをね5 分でやってみようぜぃ!

Saturday, September 18, 2010

Page 6: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Saturday, September 18, 2010

Page 7: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

アカウント作成とかは、ここではすっ飛ばします。nzm_oさんのブログが参考になると思います。

(http://d.hatena.ne.jp/nzm_o/20100810/1281463869)

Saturday, September 18, 2010

Page 8: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

http://heroku.com/

Saturday, September 18, 2010

Page 9: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

さて、開始!

Saturday, September 18, 2010

Page 10: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

うーん。と言われても何作るべか。。。

今回はバスケットボールの簡易ニュース配信サービスとかにしましょかね。

と夢想します。

Saturday, September 18, 2010

Page 11: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

-- ここまでで1分。

Saturday, September 18, 2010

Page 12: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

さ、時間ないんで手をとっとと動かしましょー。今回手元にある環境は、ruby のバージョンが 1.8.7。

rails のバージョンが 2.3.8。ちと古いですね。

だけど、rails 3 でもやってる事はごくごく基本的な事ですんでコマンドが微妙に違うってだけなので 3 でも問題ないかと。

Saturday, September 18, 2010

Page 13: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

$ rails -d postgresql basket_news create create app/controllers create app/helpers create app/models create app/views/layouts create config/environments ...

Saturday, September 18, 2010

Page 14: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

んー、なにしましょかね。めんどいんで "Info" とかにしましょー。

ここはとかく時間ない!

Saturday, September 18, 2010

Page 15: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

$ cd basket_news/$ script/generate scaffold Info title:text url:text exists app/models/ exists app/controllers/ exists app/helpers/ ...

Saturday, September 18, 2010

Page 16: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

config/database.yml を環境用に書き換えて。。。

$ rake db:create$ rake db:migrate

以下のファイルを削除して。

$ rm public/index.html

config/routes.rb に以下の行を追加します。

map.root :controller => "infos", :action => "index"

Saturday, September 18, 2010

Page 17: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

$ script/server=> Booting Mongrel=> Rails 2.3.8 application starting on http://0.0.0.0:3000=> Call with -d to detach=> Ctrl-C to shutdown server

Saturday, September 18, 2010

Page 18: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

ローカルにアクセスすると、ほらこの通り!

Saturday, September 18, 2010

Page 19: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

データをいくつかいれてみましょう。

Saturday, September 18, 2010

Page 20: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

すばらしいですね!さて、これを heroku にあげます。

Saturday, September 18, 2010

Page 21: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

$ git add .$ git commit -m "initialize"

$ heroku create$ git push heroku master$ heroku rake db:migrate

Saturday, September 18, 2010

Page 22: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

そんで、http://xxxxx.heroku.com/ にアクセス!

Saturday, September 18, 2010

Page 23: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

じゃーん!!

Saturday, September 18, 2010

Page 24: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

そんで、heroku 側にもさっきいれたデータをいれておきます。これでサーバ側は終了でございます。

早いですね!

Saturday, September 18, 2010

Page 25: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

-- ここまでで1分。残り3分

Saturday, September 18, 2010

Page 26: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Navigation-bassed Application

Saturday, September 18, 2010

Page 27: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Saturday, September 18, 2010

Page 28: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

MainWindow.xib をダブルクリック

Saturday, September 18, 2010

Page 29: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

テーブルのコントローラを追加します

Saturday, September 18, 2010

Page 30: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

テーブルのコントローラを追加します

Saturday, September 18, 2010

Page 31: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

InfoListViewController

Saturday, September 18, 2010

Page 32: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Saturday, September 18, 2010

Page 33: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

RootView を InfoListViewController に変更する

Saturday, September 18, 2010

Page 34: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

RootView を InfoListViewController に変更する

Saturday, September 18, 2010

Page 35: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

ここから本来ならとってもとってもメンドクサイ処理を死ぬほど書かないといけないのですが、それがなんとも簡単に終わってしまう魔法のライブラリが存在します!

Saturday, September 18, 2010

Page 36: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

ここで、こんな素敵なライブラリを教えてくださったrantan さんに凄く感謝!

(http://blog.rantan.jp/archives/89)

Saturday, September 18, 2010

Page 37: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

その名も ObjectiveResouce !

Saturday, September 18, 2010

Page 38: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

http://iphoneonrails.com/

Saturday, September 18, 2010

Page 39: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

あー、なんともすんばらしい!ビバ!DRY。

いろいろと説明したいところではありますが、残念ながら、もう僕らには時間がありません。

急ぎましょう。

Saturday, September 18, 2010

Page 40: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

そして、一刻も早く落としちゃいましょう。

Saturday, September 18, 2010

Page 41: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

ライブラリをプロジェクトに追加します。

Saturday, September 18, 2010

Page 42: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Saturday, September 18, 2010

Page 43: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

Saturday, September 18, 2010

Page 44: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

と、ここで説明をハショリたくなったんで唐突にソースを公開(^^;

Saturday, September 18, 2010

Page 46: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

-- 後、ゴニョゴニョとコード書いて。。ここまでで3分。

て、ことで丁度5分とな!

Saturday, September 18, 2010

Page 47: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

完成!

Saturday, September 18, 2010

Page 48: 5 分でキメル!  (慣れれば、あなたもやれる!)  たったの 5 分でできるサーバと通信できる iPhone アプリの作成

おつかれさまでしたm(_ _)m

Saturday, September 18, 2010