Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2.5 个人如何开发一款跨终端的产品?
Search
Ben
September 08, 2015
Technology
360
1
Share
2.5 个人如何开发一款跨终端的产品?
Ben
September 08, 2015
More Decks by Ben
See All by Ben
Node.js & Ruby
benz303
2
270
Other Decks in Technology
See All in Technology
JEP 522 Deep Dive - G1 GC同期コスト削減によるスループット向上を徹底検証&解説
tabatad
1
300
ルールやカスタム機能、どう使う?理想の出力を引き出すために今知りたいIBM Bob 5つの機能
muehara
0
120
エンジニアは生成AIと どのように向き合うべきか? ことばの意味という観点から
verypluming
3
290
管理アカウント単一運用からAWS Organizationsに移行するの大変で滅
hiramax
0
300
ビジュアルプログラミングIoTLT vol.23
1ftseabass
PRO
0
150
個人AIからチームAIへ:開発における品質と生産性の再設計
moongift
PRO
0
290
『家族アルバム みてね』における インシデント対応との向き合い方 / Approach incident response in Family Album
kohbis
2
240
類似画像検索モデルの開発ノウハウ
lycorptech_jp
PRO
4
1k
A Harness for Behaviour: how to get AI to generate code that does what we intend, or "TDD in the age of AI"
xpmatteo
0
500
オンコールの負荷軽減のためのBits Assistant 活用方法 / How to Use Bits Assistant to Reduce the Workload on On-Call Staff
sms_tech
1
300
Claude code Orchestra
ozakiomumkj
2
270
データ分析基盤の信頼を支える視点と設計
yuki_saito
2
760
Featured
See All Featured
Facilitating Awesome Meetings
lara
57
6.9k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
170
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
410
Faster Mobile Websites
deanohume
310
31k
Why Our Code Smells
bkeepers
PRO
340
58k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
120
sira's awesome portfolio website redesign presentation
elsirapls
0
260
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
470
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.6k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
160
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
230
Transcript
2.5 个⼈人如何开发⼀一款 跨终端的产品? Ben @ 简单⼼心理 Sep 8, 2015 @
Ruby Tuesday
2.5 个⼈人? • 1 个全栈 (我 ^_^) • 1 个
Ruby 程序员 • 0.5 个前端开发(产品经理兼职)
跨终端? • 电脑:浏览器、微信(仅 PC 版) • 平板:浏览器、App、微信 • ⼿手机:浏览器、App、微信 •
通知渠道:邮件、短信、微信、App 推送 • ⽀支付渠道:⽀支付宝、微信⽀支付、银联⽀支付
从 RoR 出发 • 使⽤用 Turbolinks 优化⺴⽹网⻚页加载体验 • 不使⽤用前端 MVC
框架加重⼯工作量 • 使⽤用响应式设计 + 部分⻚页⾯面 Variant Response • 不针对各个终端单独制作⻚页⾯面
基于 browser 区分终端 • browser 的双重含义:浏览器 和 browser gem •
每个终端都有各⾃自的 User Agent • 通过扩展 browser gem 来判断当前的终端类型 • 通过打印终端类型到 body class 使得 CSS 可以 针对性调整样式
None
None
None
总结 • Turbolinks https://github.com/rails/turbolinks • Variant Response http://api.rubyonrails.org/classes/ActionController/MimeResponds.html • browser
https://github.com/fnando/browser
简单⼼心理是什么? • 最⼤大的华语⼼心理咨询平台 • 最严格的咨询师⼊入驻审核 • ⽴立志于提供最专业的⼼心理服务
加⼊入我们 • Ruby ⼯工程师 ⽉月薪 15k+ • 前端⼯工程师 ⽉月薪 10k+
• 最⼈人性化的⼯工作环境(⽼老板及⼤大部分员⼯工都有⼼心理学专业背景) • 可远程⼯工作(本部位于北京中关村) • 欢迎勾搭
[email protected]
谢谢