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
1
350
2.5 个人如何开发一款跨终端的产品?
Ben
September 08, 2015
Tweet
Share
More Decks by Ben
See All by Ben
Node.js & Ruby
benz303
2
260
Other Decks in Technology
See All in Technology
AWS re:Inventre:cap ~AmazonNova 2 Omniのワークショップを体験してきた~
nrinetcom
PRO
0
130
Oracle Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
2
710
Java 25に至る道
skrb
3
160
[PR] はじめてのデジタルアイデンティティという本を書きました
ritou
0
770
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
410
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
shift_evolve
PRO
0
460
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
サラリーマンソフトウェアエンジニアのキャリア
yuheinakasaka
11
3.6k
「アウトプット脳からユーザー価値脳へ」がそんなに簡単にできたら苦労しない #RSGT2026
aki_iinuma
8
4.2k
AI時代のアジャイルチームを目指して ー スクラムというコンフォートゾーンからの脱却 ー / Toward Agile Teams in the Age of AI
takaking22
11
4.7k
BidiAgent と Nova 2 Sonic から考える音声 AI について
yama3133
2
150
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
700
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.8k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
130
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
81
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
How to Ace a Technical Interview
jacobian
281
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Automating Front-end Workflow
addyosmani
1371
200k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Visualization
eitanlees
150
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
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]
谢谢