webアプリ作ってみた 
その2 
@shugonumano 
2014/8/27
はじめに
前回からの差分 
ロゴ 
多言語 
Facebook 
利用規約
前回からの差分(Con’t) 
web font 
tutorial
前回からの差分(Con’t) 
Heroku addon 
• Treasure Data 
• Hosted Graphite 
! 
WebSocket
いくつかピックアップ
ロゴ 
• ココナラ(coconala.com)を利用 
• 1コインで2ロゴを作成 
• 内容は人によって様々。 
今回はおまけつけてくれた 
• 自分ではできない部分をサポートしてくれる人 
が(費用的に)気軽に試せる
多言語(マルチリンガル) 
• i18n? l10n? 
• rails-i18nを使用 
https://github.com/svenfuchs/rails-i18n 
• 辞書ファイル 
https://github.com/svenfu...
Facebook Promotion 
• Facebook Page作成 
• Pageの広告枠を購入。 
想定「いいね」数に応じて、 
料金メニュー。 
• 3日で「100いいね」達成。 
• ユーザ属性(国、性別、年齢)、キーワード指定可...
web font 
• What? 
「サーバー上にあるフォントファイルを参照するた 
め、ユーザーのPCにインストールされていないフォ 
ントを表示可能」 
• アイコンで利用。 
• bootstrapにもあるが、font-awesomeを...
tutorial(site tour) 
• bootstrap-tourを利用。 
• 他にもたくさんある。 
intro.js、trip.js、pageguide.js… 
http://www.webresourcesdepot.com/...
残りはあとで、、、 
• Heroku Addons 
• Treasure Data 
• Hosted Graphite 
• WebSocket 
https://github.com/websocket-rails/websocket-...
次回予告 
• 考え中。。。 
• TDで収集したdataを分析して、次のUIを考える 
• native appを作成。web viewベース。 
• appcelerator Titanium 
• Swift 
などなど
参考 
• Ruby on Rails Tutorial 
http://railstutorial.jp/ 
• Bootstrap 
http://getbootstrap.com/ 
• dotinstall 
http://dotins...
Upcoming SlideShare
Loading in …5
×

20120827勉強会 webアプリ作ってみた2

274 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

20120827勉強会 webアプリ作ってみた2

  1. 1. webアプリ作ってみた その2 @shugonumano 2014/8/27
  2. 2. はじめに
  3. 3. 前回からの差分 ロゴ 多言語 Facebook 利用規約
  4. 4. 前回からの差分(Con’t) web font tutorial
  5. 5. 前回からの差分(Con’t) Heroku addon • Treasure Data • Hosted Graphite ! WebSocket
  6. 6. いくつかピックアップ
  7. 7. ロゴ • ココナラ(coconala.com)を利用 • 1コインで2ロゴを作成 • 内容は人によって様々。 今回はおまけつけてくれた • 自分ではできない部分をサポートしてくれる人 が(費用的に)気軽に試せる
  8. 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. 9. Facebook Promotion • Facebook Page作成 • Pageの広告枠を購入。 想定「いいね」数に応じて、 料金メニュー。 • 3日で「100いいね」達成。 • ユーザ属性(国、性別、年齢)、キーワード指定可能。 • 管理画面あり。
  10. 10. web font • What? 「サーバー上にあるフォントファイルを参照するた め、ユーザーのPCにインストールされていないフォ ントを表示可能」 • アイコンで利用。 • bootstrapにもあるが、font-awesomeを利用 http://getbootstrap.com/components/ http://fortawesome.github.io/Font-Awesome/
  11. 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. 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. 13. 次回予告 • 考え中。。。 • TDで収集したdataを分析して、次のUIを考える • native appを作成。web viewベース。 • appcelerator Titanium • Swift などなど
  14. 14. 参考 • Ruby on Rails Tutorial http://railstutorial.jp/ • Bootstrap http://getbootstrap.com/ • dotinstall http://dotinstall.com/ • stackoverflow(ぐぐった結果が大体ここ) http://stackoverflow.com/

×