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
2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一...
Search
Anna Su
August 13, 2016
Technology
0
58
2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一個人的事
2016/08/13
@ 2016 PIXNET HACKATHON Lightning talk
Anna Su
August 13, 2016
Tweet
Share
More Decks by Anna Su
See All by Anna Su
從 Styled System 看下一代 CSS 技術
annasu
2
2k
We need a better UI component library - Styled System
annasu
0
5.8k
What’s FullStory?
annasu
0
96
serverless - send email and update status
annasu
0
64
PWA 應用與價值
annasu
0
66
初探 DevOps 的世界
annasu
0
190
Why Redux-Observable?
annasu
0
30
PWA 與 Service Worker
annasu
0
29
Other Decks in Technology
See All in Technology
AIエージェント元年@日本生成AIユーザ会
shukob
1
260
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
9
4.2k
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
350
エンジニアの健康管理術 / Engineer Health Management Techniques
y_sone
4
1.1k
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
3
1.5k
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
300
エンジニア主導の企画立案を可能にする組織とは?
recruitengineers
PRO
1
310
JavaにおけるNull非許容性
skrb
2
2.7k
User Story Mapping + Inclusive Team
kawaguti
PRO
3
480
DevinでAI AWSエンジニア製造計画 序章 〜CDKを添えて〜/devin-load-to-aws-engineer
tomoki10
0
220
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
2
180
Two Blades, One Journey: Engineering While Managing
ohbarye
4
2.7k
Featured
See All Featured
Making Projects Easy
brettharned
116
6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Optimizing for Happiness
mojombo
377
70k
We Have a Design System, Now What?
morganepeng
51
7.4k
GraphQLとの向き合い方2022年版
quramy
44
14k
Being A Developer After 40
akosma
89
590k
Transcript
狶翕ᒊ 犋ฎݝ磪Ӟ㮆ՈጱԪ 獮ᒒૡ纷䒍 Anna Su
֦襑ᥝ蚤盄ग़Ո传蝢 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 2
ࢩ傶ྯ㮆Ոమጱ᮷犋Ӟ䰬 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 3
None
ইຎ֦犋䨝蝢覄!! ᮎெ讕旰珌牫
䷱橕狌ӗ傶ԧ虏翕ᒊ狶ๅঅ ࣁ樄ত 䁆ᤈԏ獮 ض肗肗މ 6
PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 磪綍讕奞℄ฎ౯㮉襑ᥝضဳጱ牫 䌕礯樄তԏ獮 7
PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 䌕礯樄তԏ獮 戔懯䒍ૡ纷䒍襑ᥝੂ獥ݳ֢ 8
戔懯䒍మጱฎ牫 Ḓض 9
౯మᥝ蝡愊磪Ջ讕硳ຎ牧ᮎ愊አՋ讕㵕眲 ֦疰䚣眤憽獥疰অࠩ ౯犥傶蝡圵硳ຎ盄墋㻌 盄墋㻌!? 盄墋㻌...㻟?? ௮௮牦অࡂ অ㮆疵 ࠡ牦牦౯మکԧ牦牦 ౯犥傶ૡ纷䒍螵蜉᮷盄অ牐 অࡂঅࡂ
౯㮉肯肯ૡ纷䒍ฎெ讕మጱ牫 ٚ㬵 11
㪐Ӟ㮆向ᶎ㬵疰ᥝ౯ኞRWD牫 Ջ讕牫֦አ犥向der? 傶Ջ讕秂懿px䨝磪ੜ碍讨牫 蝡犋ฎ盄चጱଉ蘷㻟牫 縄ᐟ稴ӗ ౯犥傶戔懯䒍 sense ᮷盄অ牐 ౯犋Ꭳ螇֦ጱกጮ 藶妔౯嘦獥ጱ碍独অ㻟牫
OK??
Ӟ㮆አ螵蜉狶Ԫ Ӟ㮆覎眤憽藯扖
ಅ犥... ᥝெ讕狶牧 ݢ犥虏戔懯䒍ૡ纷䒍ݳ֢ๅ磪认瓼牫 14
֦ጱ襑穩ٍ誢ጱ蚤戔懯䒍拻牧拻กጮݷ憒㳷牧纷ୗ褖ګ...缛 ૡ纷䒍蝡讕狶 15
ૡ纷䒍藯ก物 RWD ᛗ獋㮆粚ࣳ向ᶎ 16
ૡ纷䒍藯ก物 獥瑽䲆礯ݷᒧݳ承嬝 纷ୗ嘨犖ๅฃ褂捝 17
手茐ԧ薹獮ᒒጱ承ဩ奾䯤膏螵蜉牧訅౮矾褸虻碘ጱ聜䙼牧褰碻褰瑿懵抷牧 戔ਧڡྍጱGuideline虏ૡ纷䒍磪螵蜉螞盌...缛 戔懯䒍蝡讕狶 18
戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈氅ᜋ 19
珿አૡٍ / 秂纈氅ᜋ 戔懯䒍蝡讕狶ๅঅ物 20
戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈疳ੑ 21
戔懯䒍蝡讕狶ๅঅ物 珿አૡٍ / 秂纈疳ੑ 22
ଉᤩኼጱੜ瑿ො 绚制眲 禅褖独 梊藮殷ᶎ ٌ䋿螭磪盄ग़牧碢耆犋现猋斉... ೲ衔制眲 23
ೲ衔制眲 NORMAL NORMAL HOVER PRESSED PRESSED DISABLED SELECTED SELECTED 24
绚制眲 25
绚制眲 26
禅褖独 3 999+ 碍独ጱ禅褖 27
Д 禅褖独 秂氂獉ጱ禅褖 28
Д 禅褖独 虻碘斉獈ጱ禅褖 29
梊藮殷ᶎ 梊藮砺֢纈 30
梊藮殷ᶎ ತ犋ک翕殷 31
梊藮殷ᶎ 32 ֑๐瑊梊藮
梊藮殷ᶎ 33 螭ݢ犥蝡䰬氥纈 ֑๐瑊梊藮
ےӤӞ犚㵕眲硳ຎ牧虏ֵአᘏ誢涢虋ๅঅ ੜ奞℄ 34
㵕眲硳ຎ 35
㵕眲硳ຎ 36
ݢ犥ع݄Ӟ犚犋ᥝጱ讔簡牧虏ૡ֢ๅ殼䧒 獮传蝢 37
狶翕ᒊ... 襑ᥝ蝚螂ஂ種ጱ䌕禂牏Ӟ蚏ۘێ牦 38
狶翕ᒊ... 襑ᥝ犋䥁ጱ传蝢牧ፘ䋊聜牦 39
ࢩ傶... 碻樌磪褖牏襑穩篷褖 ݈Ӟፗ硬虋 40
౯㮉... ᮷ฎࣁݶӞ臀膫Ӥࠡ牦 琓ӗ ᘒӬ
ಅ犥ᥝଘو蒂牧螪ݻ聅অጱ๚㬵珆ӗ Hi, My name is Anns Su, nice to meet
you.
眤蘛肔肯 ❤
http://www.uplabs.com/posts/oops-something-went-wrong Photo Credits http://vide.tw/3828 http://skygene.blogspot.tw/2012/12/life-of-pi.html https://material.google.com/components/buttons.html#buttons-flat-buttons http://www.uplabs.com/posts/empty-card http://www.uplabs.com/posts/empty-states http://www.freepik.com/ http://www.chaxun8.cn/tonglingshu/index_2.html
http://www.citytalk.tw/cue/1368/photo/ https://dribbble.com/shots/2296102-Error-500-page
http://www.uplabs.com/posts/404-page-37f5d281-e33e-4812-b25e-085cbb664e7c Photo Credits http://assets.materialup.com/uploads/9f4a9c0b-b75a-4875-8620-1a2fee78d34e/preview.png