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

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

Avatar for Anna Su Anna Su
August 13, 2016
Technology
0
71

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

2016/08/13
@ 2016 PIXNET HACKATHON Lightning talk

Avatar for Anna Su

Anna Su

August 13, 2016
Tweet

More Decks by Anna Su

See All by Anna Su
從 Styled System 看下一代 CSS 技術
Avatar for Anna Su annasu
2
2.1k
We need a better UI component library - Styled System
Avatar for Anna Su annasu
0
6.1k
What’s FullStory?
Avatar for Anna Su annasu
0
120
serverless - send email and update status
Avatar for Anna Su annasu
0
79
PWA 應用與價值
Avatar for Anna Su annasu
0
81
初探 DevOps 的世界
Avatar for Anna Su annasu
0
220
Why Redux-Observable?
Avatar for Anna Su annasu
0
48
PWA 與 Service Worker
Avatar for Anna Su annasu
0
50

Other Decks in Technology

See All in Technology
書籍『実践 Apache Iceberg』の歩き方
Avatar for Satoru Ishikawa ishikawa_satoru
0
260
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
Avatar for LayerX layerx
PRO
4
1.9k
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
3
230
20251029_Cursor Meetup Tokyo ＃02_MK_「あなたのAI、私のシェル」 - プロンプトインジェクションによるエージェントのハイジャック
Avatar for Masayuki Kawakita mk0721
PRO
5
2k
AI連携の新常識！ 話題のMCPをはじめて学ぶ！
Avatar for MakoAkiba makoakiba
0
150
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
Avatar for Masanori Yamaguchi kinunori
0
800
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
Avatar for ShigeruOda shigeruoda
1
230
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
Avatar for coconala_engineer coconala_engineer
0
300
猫でもわかるAmazon Q Developer CLI 解体新書
Avatar for Hiroo Katoh kentapapa
1
150
re:Inventに行くまでにやっておきたいこと
Avatar for nagisa_53 nagisa53
0
730
東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化
Avatar for ソニー株式会社 sony
0
160
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
Avatar for Claire Giordano clairegiordano
0
150

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
940
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k

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