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

Figmaが支えるVue Fes Japanのデザイン

Avatar for 448jp | OKI Yoshiya 448jp | OKI Yoshiya
September 13, 2019
Design
3
5.3k

Figmaが支えるVue Fes Japanのデザイン

2019年9月13日（金）DIST.28 「モダンWebデザインワークフロー2019」発表資料
Avatar for 448jp | OKI Yoshiya

448jp | OKI Yoshiya

September 13, 2019
Tweet

More Decks by 448jp | OKI Yoshiya

See All by 448jp | OKI Yoshiya
人はなぜコミュニティとつながると幸せを感じるのか
Avatar for 448jp | OKI Yoshiya 448jp
3
290
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
Avatar for 448jp | OKI Yoshiya 448jp
0
3.6k
合意形成のためのFigma活用術
Avatar for 448jp | OKI Yoshiya 448jp
0
120
書く・即・DONEな仕組みをNuxtで作る
Avatar for 448jp | OKI Yoshiya 448jp
0
370
神速でワイヤーフレームを作るためのライブラリ
Avatar for 448jp | OKI Yoshiya 448jp
1
850
Figmaで神速ドキュメント作成術
Avatar for 448jp | OKI Yoshiya 448jp
3
2.4k
今から始めるFigma超入門
Avatar for 448jp | OKI Yoshiya 448jp
0
1.6k
零細Web制作会社のリモートワーク事情
Avatar for 448jp | OKI Yoshiya 448jp
0
420
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
Avatar for 448jp | OKI Yoshiya 448jp
2
750

Other Decks in Design

See All in Design
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
120
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
130
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
400
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
580
An Early Spring | Storyboard | Scenes 1-18
Avatar for Gio Fortunato giofortuna_story
0
260
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
390
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
1.2k
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
130
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
Avatar for Aki spring_aki
4
280
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.8k
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.4k
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
120

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
245
12k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k

Transcript

  1. ࿍㞐᩷త⎵ボ⩮త_త )UL ',67ర:HE೨೗೅ഔഐഝ೐೶എഝఱ ಑೨೗೅ഔ )LJPD౯ị౫ಮ

  2. ⎵ ボ⩮ ౭౰ ಫ౺ ಧ ജ೅ഔೠഊ೐೘ഈഔ೨೗೅೫ഝ ജᏴ㖊ኽႧྐྵⲁᩏ ജហဵథᡘဵ #MS

  3. ‱ὅ౭㗋౺౼ಮ౶ಋ 9XH)HV-DSDQಋ೨೗೅ഔ ಍౿)LJPDವ㤩ಶಃ಑౮ ၀ᬣಎᐢ౴ಉ   

  4. '(6,*1 ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉

  5. ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉

  6. ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉 ೌഔ೸ಒ࿜㯒᳝₂⛸ద ೔ഀആ೬೒ഝ೘ഈഔವሼ┗ಎ ౼ಮಂತ಑ᴊ⌮ಊ౥ಮద ⢟⧣≉ 䈲ಡಟರ౺థ䈳

  7. &2'( ྐྵἧథ೉ഔ೙೬ೃಒ䉉

  8. ‒ⷒ᳝₂⛸ &2'(

  9. &2'( ೔ഝ೪ಎಒథೢഝഁಊႧಭ࿂౵ಮἃ፥౯౥ಮ

  10. ೨೗೅ഔಒథ೨೗೅೫ഝಃ౴಑ಥ಑䉉 '(6,*1

  11. ೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥

  12. ੺೔ഝ೪಑ಫ౩ಎ೨೗೅ഔ ੺㗽ಥ౯ೃ೐೜೚థ⹏㲈ᐊ⿫ ੺ೋഝ೸ഔ಍ኽႧ㤇⮯ ೨೗೅ഔ೥ഝഌಎ㯉౻ಂ ೨೗೅೫ഝᾌၔ಑ⷒಲಭ

  13. 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ$GREH;' ࿍㞐᩷త⎵ボ⩮త_త :HG ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ

  14. 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ$GREH;' ࿍㞐᩷త⎵ボ⩮త_త :HG ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ 㞐᩷త⎵ボ⩮త_త :HG

    ࿍㞐᩷ ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ "

  15. 9XH)HV-DSDQಋ೨೗೅ഔ 9XH)HV-DSDQDQG'HVLJQ 

  16. 9XH)HV-DSDQಋಒ ὅ‱‒᜼಑9XHMVೌഔ೶ೂ഍ഔ೚ ὶᩏክ㯋ᆗథᩏಒᐞ౯Ꮳጆထᢓ Ⴇ⽐(YDQ<RX⍣ಎಫಮ೎ഝ೯ഝ೩ ᗢሻᜯ಑೚೵ഝೌഝಎಫಮ೜೤೘ഈഔ ೚೾ഔೖഝ೷ഝ೚ಧ೑೤೛㛫᜘಍ಌ಑೅೺ഔ೩

  17. None
  18. None
  19. None
  20. None
  21. None

  22. ᴬ㑸ೌഔ೶ೂ഍ഔ೚಑ ೨೗೅ഔ㵨᙮ ೋഝ೸೬ഔ೑ഁഝ೴ഝ ᬝ≡ഁഝ೴ഝ ၻᚡ%*0 ೧ೄ೗ഝೖ೅೩ ‱⣎ೖ೅೩ IDYLFRQ6162*3㶘 Ὦᆱ :HE

    ೩ഝ೩ೱ೤೑ ೮೤೐೚೩ഊ೤೸ Ꮳጆೲ೚ ೚೧೤ೌഝ Ꮳጆ⽐7೘ഄ೥ ೚ೠ೤೶7೘ഄ೥ എഝഌೱ೫ഝ ೾೚ೠഝ ၻᚡ್೅೪ ೌೇഔೠഝ೽ഝ೪ '73

  23. ೋഝ೸೬ഔ೑ഁഝ೴ഝ

  24. ᬝ≡ഁഝ೴ഝ

  25. ೧ೄ೗ഝೖ೅೩

  26. ‱⣎ೖ೅೩

  27. IDYLFRQ2*3616㶘

  28. ೩ഝ೩ೱ೤೑

  29. ೮೤೐೚೩ഊ೤೸

  30. Ꮳጆೲ೚

  31. ೚೧೤ೌഝ

  32. Ꮳጆ⽐7೘ഄ೥

  33. ೚ೠ೤೶7೘ഄ೥

  34. എഝഌೱ೫ഝ

  35. ೾೚ೠഝ

  36. ၻᚡ್೅೪

  37. ೪ഋഔ೐ೌೇഔೠഝ೽ഝ೪

  38. 9XH೴ഝഌ

  39. None

  40. ᄘಃ䊈䈫

  41. ܸ೨೗೅ഔၖᜯ಑ᴑ಄ᐙಲ౾಍ಌಥᐲಣద ⮀ᄦဵ౯9XH)HV-DSDQಎ㛻ಧ౺ಂᾌ㯒 䈲‗ᓠഗ‗ኟ䈳

  42. ੺ᢗ㱨ಎ೶ഋഝഊഔ೚ಋ౺ಉ಑ᩏ಑᜘࿂ಒㇳ಄ಂ ੺ಌ౶ಡಊೌഔ೶ೂ഍ഔ೚಑㜠ವ⎀ತಮ಑౮ ੺266ಛ಑㛧❡ಋೌഔ೶ೂ഍ഔ೚ಛ಑㛧❡ಒ⋌ለ౯㤎౩ ܸೌഔ೶ೂ഍ഔ೚౯೚ೕ೅ಋ㕷౧ಂ౧ಲ౴ಊಒ಍౲థ㛧❡಑ⵗᩮಧᭊ㔵಍೚೎ഌ౯㤎౩

  43. ೨೗೅ഔೢഝഁ಑᫟፥  

  44. ಍౿)LJPDವ㤩ಶಃ಑౮ :K\ZHFKRVH䇡JPD" 

  45. ᢗಒ၀ᩏಥ‒ክಒ $GREH;'ಊ೨೗೅ഔ౺ಉ౧ಂ

  46. $GREH;'ಊ⧣㳬౺ಂ㗾㶉 ೶ೂ೅ഌಎᣠ౺ಉᐝᾌಎ೨೗೅ഔಊ౰಍౧ ೶ೂ೅ഌ೺ഝ೚ሬ‘಑㰱⢶ 㓧Ỷဵ಑$GREH,'ⲻ⟨౯᜼ᜤ $GREH&&ವ᝚ⶡ౺ಉ౧಍౧೉ഔ೙೬ೃಋ಑㣧Ḿ ೔ഔ೾ഝ೮ഔ೩಑ᵮ᜼ജ⹺ᣰ౯ಊ౰಍౧䈲᫳ᾌ䈳

  47. )LJPDಊಌ౩ᜤಲಆಂ౮ ೶ೂ೅ഌಎᣠ౺ಉᐝᾌಎ೨೗೅ഔಊ౰಍౧ ೶ೂ೅ഌ೺ഝ೚ሬ‘಑㰱⢶ 㓧Ỷဵ಑$GREH,'ⲻ⟨౯᜼ᜤ $GREH&&ವ᝚ⶡ౺ಉ౧಍౧೉ഔ೙೬ೃಋ಑㣧Ḿ ೔ഔ೾ഝ೮ഔ೩಑ᵮ᜼ജ⹺ᣰ౯ಊ౰಍౧䈲᫳ᾌ䈳 ߞ༫ሬᐝ⹏㲈 ߞ༫3DJH)UDPH ߞਛംഝഌ೺ഝ೚ ߞ༫࿅㔵

    ߞ༫ಊ౰ಮ

  48. ᢗ㱨಑೶ೂ೅ഌ

  49. ೥ഝഌವᜤ౫ಉಥᜤಲಬ಍౧౶ಋ ೨೗೅ഔ౼ಮ࿂ಊ಑ഌഝഌವႧಮ ೌഔ೸౮ಬ಑⯸⍩㗺ಢವ᫟㔵౺಍౧ ೌഔ೸ಎᐢ౮಍౧೔ഀആ೬೒ഝ೘ഈഔವ⟨㕨౼ಮ

  50. ೨೗೅೫ഝಫథ ೨೗೅ഔ೥ഝഌ಑ᜯಎኖಫ䈫

  51. ၀ᬣಎᐢ౴ಉ )RUWKH)XWXUH 

  52. ၀ᩏ಑⧟∱ಒ౭౭ಣಐ㤍᳝⸮ ੺೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ ੺9XHMVಬ౺౧ೃ೬ംഝ೘ഈഔ ੺9XH)HV6WRUH䈲೑೤೛㛫᜘ಎಫಮ㨅㪞⦕㛧❡䈳

  53. ೔ഀആ೬೧ೄಎ౭౴ಮ೨೗೅ഔ ੺ἃ፥ಧⷚ㹮౯㤎౩ဵಂ಄ಎಫಮ೨೗೅ഔ಑എഝഌഃ೨ഌ ੺೔ഀആ೬೧ೄಛ಑㛧❡ವಌ౩㖶პ౼ಮ౮䉉

  54. ⎵ボ⩮త#MS ŀ ĺ