Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Anna Su Anna Su
August 13, 2016
Technology
90
0

2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一個人的事

2016/08/13
@ 2016 PIXNET HACKATHON Lightning talk

Avatar for Anna Su

Anna Su

August 13, 2016

More Decks by Anna Su

See All by Anna Su
從 Styled System 看下一代 CSS 技術
Avatar for Anna Su annasu
2
2.3k
We need a better UI component library - Styled System
Avatar for Anna Su annasu
0
6.3k
What’s FullStory?
Avatar for Anna Su annasu
0
150
serverless - send email and update status
Avatar for Anna Su annasu
0
100
PWA 應用與價值
Avatar for Anna Su annasu
0
99
初探 DevOps 的世界
Avatar for Anna Su annasu
0
270
Why Redux-Observable?
Avatar for Anna Su annasu
0
68
PWA 與 Service Worker
Avatar for Anna Su annasu
0
73

Other Decks in Technology

See All in Technology
RubyでRuby拡張を書いたらRubyより35倍速になったってどういうこと？？
Avatar for kazuho kazuho
3
710
Spring Boot における​ AOT Cache 活用テクニックと​ 起動時間改善事例​
Avatar for NTTドコモソリューションズ　Java担当 ntt_dsol_java
0
160
Datadog 認定試験の概要と対策
Avatar for Uechi Shingo uechishingo
0
150
責任あるソフトウェアエンジニアリングの紹介4章・5章 / RSE_Ch4-5
Avatar for id ido_kara_deru
0
360
Java正規表現エンジン（NFA）の仕組みと パフォーマンスを維持するための最適化手法
Avatar for 竹内 雅和 takeuchi_132917
0
140
Agentic Design Patterns
Avatar for Guillaume Laforge glaforge
0
250
シンデレラなんかになりたくない！ガラスの靴が割れた時代にどう歩く？
Avatar for Nomizo Nomizo nomizone
0
220
ポスター発表&デモと総括 / Poster Presentations & Demonstrations and Summary
Avatar for Kenji Saito ks91
PRO
0
150
20260528_生成AIを専属DSに_Howの次にすべきことを考える
Avatar for NobuakiOshiro doradora09
PRO
0
240
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development
Avatar for 吉田真吾 yoshidashingo
0
120
Sony_KMP_Journey_KotlinConf2026
Avatar for ソニー株式会社 sony
0
150
自称宇宙最速で不合格となったAIP-C01にリベンジを果たすべくAIで問題集アプリを作ってみた。
Avatar for Yuuki Yamashita yama3133
0
230

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
210
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.1k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
130
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
107
240k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
110
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
420
Design in an AI World
Avatar for tapps tapps
1
220

Transcript

  1. 狶翕ᒊ 犋ฎݝ磪Ӟ㮆ՈጱԪ 獮ᒒૡ纷䒍 Anna Su

  2. ֦襑ᥝ蚤盄ग़Ո传蝢 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 2

  3. ࢩ傶ྯ㮆Ոమጱ᮷犋Ӟ䰬 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 3

  4. None

  5. ইຎ֦犋䨝蝢覄!! ᮎெ讕旰珌牫

  6. ䷱橕狌ӗ傶ԧ虏翕ᒊ狶஑ๅঅ ࣁ樄ত 䁆ᤈԏ獮 ض肗肗މ 6

  7. PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 磪綍讕奞℄ฎ౯㮉襑ᥝضဳ఺ጱ牫 䌕礯樄তԏ獮 7

  8. PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 䌕礯樄তԏ獮 戔懯䒍޾ૡ纷䒍襑ᥝੂ獥ݳ֢ 8

  9. 戔懯䒍మጱฎ牫 Ḓض 9

  10. ౯మᥝ蝡愊磪Ջ讕硳ຎ牧ᮎ愊አՋ讕㵕眲 ֦疰䚣眤憽獥疰অࠩ ౯犥傶蝡圵硳ຎ盄墋㻌 盄墋㻌!? 盄墋㻌...㻟?? ௮௮牦অࡂ অ㮆疵 ࠡ牦牦౯మکԧ牦牦 ౯犥傶ૡ纷䒍螵蜉᮷盄অ牐 অࡂঅࡂ

  11. ౯㮉肯肯ૡ纷䒍ฎெ讕మጱ牫 ٚ㬵 11

  12. 㪐Ӟ㮆向ᶎ㬵疰ᥝ౯ኞRWD牫 Ջ讕牫֦አ犥೉向der? 傶Ջ讕秂懿px䨝磪ੜ碍讨牫 蝡犋ฎ盄च๜ጱଉ蘷㻟牫 縄ᐟ稴ӗ ౯犥傶戔懯䒍 sense ᮷盄অ牐 ౯犋Ꭳ螇֦ጱกጮ 藶妔౯嘦獥ጱ碍独অ㻟牫

    OK??

  13. Ӟ㮆አ螵蜉狶Ԫ Ӟ㮆覎眤憽藯扖

  14. ಅ犥... ᥝெ讕狶牧 ݢ犥虏戔懯䒍޾ૡ纷䒍ݳ֢ๅ磪认瓼牫 14

  15. ಩֦ጱ襑穩ٍ誢ጱ蚤戔懯䒍拻牧拻กጮ޸ݷ憒㳷牧纷ୗ褖ګ...缛 ૡ纷䒍蝡讕狶 15

  16. ૡ纷䒍藯ก物 RWD ᛗ੝獋㮆粚ࣳ向ᶎ 16

  17. ૡ纷䒍藯ก物 獥瑽䲆礯޸ݷᒧݳ承嬝 纷ୗ嘨犖ๅ਻ฃ褂捝 17

  18. 手茐ԧ薹獮ᒒጱ承ဩ奾䯤膏螵蜉牧訅౮矾褸虻碘ጱ聜䙼牧褰碻褰瑿懵抷牧 戔ਧڡྍጱGuideline虏ૡ纷䒍磪螵蜉螞盌...缛 戔懯䒍蝡讕狶 18

  19. 戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈氅ᜋ 19

  20. 珿አૡٍ / 秂纈氅ᜋ 戔懯䒍蝡讕狶ๅঅ物 20

  21. 戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈疳ੑ 21

  22. 戔懯䒍蝡讕狶ๅঅ物 珿አૡٍ / 秂纈疳ੑ 22

  23. ଉᤩ஺ኼጱੜ瑿ො 绚制眲 禅褖独 梊藮殷ᶎ ٌ䋿螭磪盄ग़牧碢耆犋现猋斉... ೲ衔制眲 23

  24. ೲ衔制眲 NORMAL NORMAL HOVER PRESSED PRESSED DISABLED SELECTED SELECTED 24

  25. 绚制眲 25

  26. 绚制眲 26

  27. 禅褖独 3 999+ 碍独ጱ禅褖 27

  28. Д 禅褖独 秂氂獉෈ጱ禅褖 28

  29. Д 禅褖独 虻碘斉獈ጱ禅褖 29

  30. 梊藮殷ᶎ 梊藮砺֢൉纈 30

  31. 梊藮殷ᶎ ತ犋ک翕殷 31

  32. 梊藮殷ᶎ 32 ֑๐瑊梊藮

  33. 梊藮殷ᶎ 33 螭ݢ犥蝡䰬氥纈 ֑๐瑊梊藮

  34. ےӤӞ犚㵕眲硳ຎ牧虏ֵአᘏ誢涢虋஑ๅঅ ੜ奞℄ 34

  35. 㵕眲硳ຎ 35

  36. 㵕眲硳ຎ 36

  37. ݢ犥ع݄Ӟ犚犋஠ᥝጱ讔簡牧虏ૡ֢ๅ殼䧒 ൉獮传蝢 37

  38. 狶翕ᒊ... 襑ᥝ蝚螂ஂ種ጱ䌕禂牏Ӟ蚏ۘێ牦 38

  39. 狶翕ᒊ... 襑ᥝ犋䥁ጱ传蝢牧԰ፘ䋊聜牦 39

  40. ࢩ傶... 碻樌磪褖牏襑穩篷褖 ݈Ӟፗ硬虋 40

  41. ౯㮉... ᮷ฎࣁݶӞ臀膫Ӥࠡ牦 琓ӗ ᘒӬ

  42. ಅ犥ᥝ޾ଘو蒂牧螪ݻ聅অጱ๚㬵珆ӗ Hi, My name is Anns Su, nice to meet

    you.

  43. 眤蘛肔肯 ❤

  44. 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

  45. 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