Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
2.5 个人如何开发一款跨终端的产品?
Search
Ben
September 08, 2015
Technology
380
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
Adversary Infrastructure Hunting101
disconinja
0
160
How we choose session proposals
kawaguti
PRO
1
180
Jev の中身は50行で再現できる。でも本物との差はどこにあるのか
hisuzuya
0
110
Claude Codeから見る、エンジニアの世界の変容とその先
oikon48
7
4.6k
200人の配信コメント、 全部Jevが仕分けます 〜 マサカリガードを作ってみた 〜
katayamatg
1
360
Microsoft のサポート ライフサイクルを理解する
murachiakira
PRO
0
220
[FECONF-2026] 신대륙을 향한 카카오페이증권 프론트엔드 항해기 (이주승)
l1ghthouse
0
250
AIコーディングエージェント開発_全体像
happysamurai294
0
110
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
freee
PRO
2
510
クラウドエージェントの先駆け Devin。今も最先端を走る、他との違い
kinopeee
1
490
(swiftc) NonCopyableとライフタイム修飾子
teamhimeh
0
150
AIに任せられるFlutterコードベースを作る 〜仕様をコードで表し、ハーネスで守る〜
myohei
1
340
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
1
600
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
360
How STYLIGHT went responsive
nonsquared
100
6.3k
Git: the NoSQL Database
bkeepers
PRO
433
67k
Prompt Engineering for Job Search
mfonobong
0
550
Mobile First: as difficult as doing things right
swwweet
225
10k
KATA
mclloyd
PRO
35
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
Making the Leap to Tech Lead
cromwellryan
135
10k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
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]
谢谢