View
98
Download
1
Category
Preview:
DESCRIPTION
社内勉強会資料 ロゴ、i18n、facebook、web font、site tourなど
Citation preview
webアプリ作ってみた その2
@shugonumano 2014/8/27
はじめに
前回からの差分ロゴ多言語
利用規約
前回からの差分(Con’t)
web fonttutorial
前回からの差分(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/svenfuchs/rails-i18n/tree/master/rails/locale
• 使い方http://morizyun.github.io/blog/i18n-english-rails-ruby-many-languages/
Facebook Promotion• Facebook Page作成
• Pageの広告枠を購入。想定「いいね」数に応じて、料金メニュー。
• 3日で「100いいね」達成。
• ユーザ属性(国、性別、年齢)、キーワード指定可能。
• 管理画面あり。
web font • What?「サーバー上にあるフォントファイルを参照するため、ユーザーのPCにインストールされていないフォントを表示可能」
• アイコンで利用。
• bootstrapにもあるが、font-awesomeを利用 http://getbootstrap.com/components/http://fortawesome.github.io/Font-Awesome/
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/
残りはあとで、、、• Heroku Addons
• Treasure Data
• Hosted Graphite
• WebSocket https://github.com/websocket-rails/websocket-railshttp://www.school.ctc-g.co.jp/columns/masuidrive/masuidrive14.html
次回予告• 考え中。。。
• TDで収集したdataを分析して、次のUIを考える
• native appを作成。web viewベース。
• appcelerator Titanium
• Swift
などなど
参考• Ruby on Rails Tutorialhttp://railstutorial.jp/
• Bootstrap http://getbootstrap.com/
• dotinstall http://dotinstall.com/
• stackoverflow(ぐぐった結果が大体ここ)http://stackoverflow.com/
Recommended