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
320
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
Avatar for 448jp | OKI Yoshiya 448jp
0
3.9k
合意形成のためのFigma活用術
Avatar for 448jp | OKI Yoshiya 448jp
0
140
書く・即・DONEな仕組みをNuxtで作る
Avatar for 448jp | OKI Yoshiya 448jp
0
390
神速でワイヤーフレームを作るためのライブラリ
Avatar for 448jp | OKI Yoshiya 448jp
1
870
Figmaで神速ドキュメント作成術
Avatar for 448jp | OKI Yoshiya 448jp
3
2.5k
今から始めるFigma超入門
Avatar for 448jp | OKI Yoshiya 448jp
0
1.7k
零細Web制作会社のリモートワーク事情
Avatar for 448jp | OKI Yoshiya 448jp
0
430
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
Avatar for 448jp | OKI Yoshiya 448jp
2
770

Other Decks in Design

See All in Design
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
350
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
190
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
160
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
850
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
630
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.4k
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
140
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
150
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.6k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
560
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
260
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
3
160
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

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 ŀ ĺ