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
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
「守りたい体験」を渡すだけで E2E を生成させられるようになった話
hinac0
1
500
Type-safe IaC for Dart
coborinai
0
160
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
joooee0000
0
3.2k
SRE Next 2026 何でも屋からの脱却
bto
0
970
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
140
AIコード生成×サプライチェーン攻撃 — PHPが直面する“二重の信頼問題
shinyasaita
0
210
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
bitkey
PRO
1
280
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.4k
Network Firewallやっていき!
news_it_enj
0
170
SREとQA 二人三脚で進めるSLO運用/sre-qa-slo
sugitak
0
950
AI時代のYAGNI:「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
shift_evolve
PRO
2
320
Genie Ontologyは銀の弾丸かを考える / Is Genie Ontology a Silver Bullet?
nttcom
0
410
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Designing for Performance
lara
611
70k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
350
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
370
Ruling the World: When Life Gets Gamed
codingconduct
0
280
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
64
56k
Documentation Writing (for coders)
carmenintech
77
5.4k
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]
谢谢