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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Ben
September 08, 2015
Technology
370
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
markdown-poster Introduction
kazamori
0
400
Kiro5兄弟のいまどきのセキュリティ基礎知識
kentapapa
0
380
AI時代のデータ基盤を考える問い
pacocat
0
740
マイナンバーカード本人確認の実装比較(OAuth/OIDC Numa (Immersion) Workshop 2026) / 20260825 numa-12
oidfj
PRO
0
340
VPCでもFloatingIPを使いたいんだ
y_kotani
1
130
IHV like なユースケースへのOpenID Connect 関連仕様の適用事例
optim
0
360
パスキーでドライブする アカウント統合(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
360
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
分割40%キーボードにスムーズに入門するには
hoto17296
1
180
8bit CPU 2026
koba789
7
3k
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
500名弱規模の組織のPythonプロジェクト(dbt) をどう管理するか?
hiracky16
0
360
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
50
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
260
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
Writing Fast Ruby
sferik
630
63k
Odyssey Design
rkendrick25
PRO
2
780
Paper Plane
katiecoart
PRO
2
53k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
260
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Why Our Code Smells
bkeepers
PRO
340
58k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
180
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]
谢谢