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
310
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
860
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
760

Other Decks in Design

See All in Design
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
310
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
3.9k
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
470
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for SmartBank smartbank
1
300
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
100
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.6k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
150
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
600
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.1k
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
550
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
830
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
113
20k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k

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