社内勉強会資料 ロゴ、i18n、facebook、web font、site tourなど

1. webアプリ作ってみた
その2
@shugonumano
2014/8/27

2. はじめに

3. 前回からの差分
ロゴ
多言語
Facebook
利用規約

4. 前回からの差分(Con’t)
web font
tutorial

5. 前回からの差分(Con’t)
Heroku addon
• Treasure Data
• Hosted Graphite
!
WebSocket

6. いくつかピックアップ

7. ロゴ
• ココナラ(coconala.com)を利用
• 1コインで2ロゴを作成
• 内容は人によって様々。
今回はおまけつけてくれた
• 自分ではできない部分をサポートしてくれる人
が(費用的に)気軽に試せる

8. 多言語(マルチリンガル)
• i18n? l10n?
• rails-i18nを使用
https://github.com/svenfuchs/rails-i18n
• 辞書ファイル
https://github.com/svenfuchs/rails-i18n/tree/master/
rails/locale
• 使い方
http://morizyun.github.io/blog/i18n-english-rails-ruby-many-
languages/

9. Facebook Promotion
• Facebook Page作成
• Pageの広告枠を購入。
想定「いいね」数に応じて、
料金メニュー。
• 3日で「100いいね」達成。
• ユーザ属性(国、性別、年齢)、キーワード指定可能。
• 管理画面あり。

10. web font
• What?
「サーバー上にあるフォントファイルを参照するた
め、ユーザーのPCにインストールされていないフォ
ントを表示可能」
• アイコンで利用。
• bootstrapにもあるが、font-awesomeを利用
http://getbootstrap.com/components/
http://fortawesome.github.io/Font-Awesome/

11. tutorial(site tour)
• bootstrap-tourを利用。
• 他にもたくさんある。
intro.js、trip.js、pageguide.js…
http://www.webresourcesdepot.com/11-
awesome-jquery-site-tour-plugins-for-guiding-
users-with-style/

12. 残りはあとで、、、
• Heroku Addons
• Treasure Data
• Hosted Graphite
• WebSocket
https://github.com/websocket-rails/websocket-rails
http://www.school.ctc-g.co.jp/columns/masuidrive/
masuidrive14.html

13. 次回予告
• 考え中。。。
• TDで収集したdataを分析して、次のUIを考える
• native appを作成。web viewベース。
• appcelerator Titanium
• Swift
などなど

14. 参考
• Ruby on Rails Tutorial
http://railstutorial.jp/
• Bootstrap
http://getbootstrap.com/
• dotinstall
http://dotinstall.com/
• stackoverflow(ぐぐった結果が大体ここ)
http://stackoverflow.com/