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

Green Academy Seminar 2019

Avatar for yamoo9 yamoo9
September 06, 2019
Education
1
63

Green Academy Seminar 2019

Front-End 디자인/개발 러닝 가이드

Avatar for yamoo9

yamoo9

September 06, 2019
Tweet

More Decks by yamoo9

See All by yamoo9
WCAG
Avatar for yamoo9 yamoo9
0
320
접근성/SEO를 고려한 프론트엔드 프레임워크 개발
Avatar for yamoo9 yamoo9
0
120
패러다임 전환 - FrontEnd Dev.
Avatar for yamoo9 yamoo9
0
250
2018 웹 테크 콘서트 - JavaScript 천천히 시작하기
Avatar for yamoo9 yamoo9
0
300
모바일 UI 레이아웃 디자인 (CSS Grid + Frameworks) 2018
Avatar for yamoo9 yamoo9
0
1.2k

Other Decks in Education

See All in Education
中間活動報告会 人材育成WG・技術サブWG / 20250808-oidfj-eduWG-techSWG
Avatar for OpenID Foundation Japan oidfj
0
590
Online Privacy
Avatar for Takahito Sakamoto takahitosakamoto
0
100
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.1k
情報科学類で学べる専門科目38選
Avatar for Mutsuha Asada momeemt
0
570
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
Avatar for takashi takashi_toyosaki
1
210
プレゼンテーション実践
Avatar for リスナビ takenawa
0
14k
ANS-C01_２回不合格から合格までの道程
Avatar for amarelo_n24 amarelo_n24
1
310
Open Source Summit Japan 2025のボランティアをしませんか
Avatar for Kujiraitakahiro kujiraitakahiro
0
820
Alumnote inc. Company Deck
Avatar for Alumnote yukinumata
0
1.6k
仮説の取扱説明書/User_Guide_to_a_Hypothesis
Avatar for florets1 florets1
4
340
（キラキラ）人事教育担当のつらみ～教育担当として知っておくポイント～
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
130
質のよいアウトプットをできるようになるために～「読む・聞く、まとめる、言葉にする」を読んで～
Avatar for amarelo_n24 amarelo_n24
0
200

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k

Transcript

  1. (3&&/"$"%&.: 
 'SPOU&OE%FTJHO%FW
 -FBSOJOH(VJEF 4&.*/"3

  2. !ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ঠޖ ZBNPP ٣੗ੋ੹ҕ .BKPSJO%FTJHO ѐߊ੗ীѱѐߊ оܰ஖חъࢎ *OTUSVDUPSXIP EFWFMPQTEFWFMPQFS

  3. !ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ٣੗ੋࢲ %FTJHOCPPL ѐߊࢲ %FWFMPQCPPL ѐߊࢲ %FWFMPQCPPL

  4. ৡۄੋبࢲ &#PPL VJEHJUCPPLJPDTTHSJE

  5. ZBNPPHJUCPPLJPXDBH ৡۄੋبࢲ &#PPL

  6. BZHJUCPPLJPHSBQIJDTBSJB ৡۄੋبࢲ &#PPL

  7. աܳ҅ߊೞחѪ਷ য়ט੄ӝ۾ীࢲद੘ػ׮ — 야무 —

  8. ٣੗੉ց ѐߊ੗
 ৵׮ోө :".00/*/&!ZBNPPZBNPP!OBWFSDPN

  9. ߄ۄࠁח
 ҙ੼੄ର੉

  10. ٣੗੉ցח
 ѐߊ੗ח $PNQPTJUJPO %FDPNQPTJUJPO ҳࢿ ࠙೧

  11. ٣੗੉ցҙ੼ ѐߊ੗ҙ੼

  12. ٣੗੉ցח
 ѐߊ੗ח 0SJHJOBMJUZ 3FVTBCJMJUZ ةହࢿ ੤ࢎਊࢿ

  13. ٣੗੉ցࢿೱ ѐߊ੗ࢿೱ ݒಕ੉૑݃׮
 ର߹ചغחةହ੸ੋ
 ҳࢿ੉೙ਃ೧ ݒಕ੉૑݃׮
 ৈ۞ߣ੤ࢎਊоמೠ
 ҳࢿ੉೙ਃ೧

  14. ই౭झ౟ࢿೱ

  15. ࢎ੉঱౭झ౟ࢿೱ

  16. ٣੗੉ցח
 ѐߊ੗ח &NPUJPO -PHJD хࢿ ֤ܻ

  17. ٣੗੉ց੄ब੢ ѐߊ੗੄ब੢ хࢿ
 &NPUJPO ֤ܻ
 -PHJD

  18. ٣੗੉ցചߨ ѐߊ੗ചߨ ਷ਬ
 .FUBQIPS ૒ࢸ
 %JSFDU ખ؊ۣࠗ٘Ҋ
 ъೠੋ࢚੄਑૒੐ਸ
 ࠁৈ઱Ҋरযਃ ୡزউ


    FBTJOHчਸ&BTF0VU&MBTUJD
 ਵ۽୊ܻ೧઱ࣁਃ

  19. ٣੗੉ցח
 ই౭झ౟о
 ইתפ׮ Ӓؘ۠ ݈ੑפ׮

  20. ࢠ 'PVOUBJO ]׮׮੉્੉੹੄ࢎഥ੸ ৘ࣿ੸੹ాਸࠗ੿ೞח৘ࣿ਍ز ই౟੄
 ࣁ҅ח
 դ೧ 難解

  21. ই౟੄
 ࣁ҅ח
 դ೧ 難解 ޖઁ VOUJUMF ]௒ۄ઱ୡഅप઱੄׮׮੉્

  22. Ӓې೗बࠅ]ױࣽചܳాೠݫद૑੹׳ബҗ੄ഛ੢ ҕх؀ഋࢿ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  23. ױࣽചҗ੿ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  24. ೗షӒ۔]੄޷ೞחղਊਸ࢚૚੸ਵ۽दпച ૒хਵ۽੉೧ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  25. )FSCFSU"MFYBOEFS4JNPO അઓೞח࢚ടਸ؊ࢶഐೞח࢚ടਵ۽ ߄Բӝਤೠੌ۲੄೯زਸҊউ೧ղח ࢎۈ੉ۄݶ־ҳٚ૑٣੗ੋೠ׮ ੉۞ೠੌ਷যڌѱࠁੌ૑ࡺ݅ইפۄ যڌѱࢎਊغҊٜ݅য૑ח૑ө૑
 Ҋ۰غযঠೠ׮ nೲߡ౟ࢎ੉ݢ बܻ҃ઁ೟੗ ٣੗ੋ

    ੿੄ ٣੗ੋ
 ૑ஜ

  26. ௑బஎÃ࠺઱঴٣੗ੋ ఋ੉ನӒېೖۨ੉ইਓ ௑బஎ ࠺઱঴
 ٣੗ੋ

  27. ௑బஎ ࠺઱঴
 ٣੗ੋ ௑బஎÃ࠺઱঴٣੗ੋ ఋ੉ನӒېೖۨ੉ইਓ

  28. ٣੗ੋ۽૒ җ੿ಽ੉

  29. ٣੗ੋ۽૒਷
 ѐߊ೐۽ࣁझ৬
 ਬࢎ೤פ׮ ֥ۉભ

  30. "SUJTU %FWFMPQFS %FTJHOFS ࢸ҅
 ৔৉ ৘ࣿ
 ৔৉ 難解 明確

  31. "SUJTU %FWFMPQFS ࢸ҅
 ৔৉ ৘ࣿ
 ৔৉ 難解 明確 %FTJHOFS

  32. ٣੗ੋҗѐߊ਷
 ઙ੉ೠ੢ର੉ ੑפ׮

  33. None

  34. ٣੗ੋ਷৘ࣿীоӰ׮Ҋࢤп೧
 ѐߊ੗оߓ਎ࣻহ׮Ҋࠌਵա 
 ݄࢚ҕࠗ೧ࠁפࢸ҅ஏݶীࢲ
 ѐߊҗݒ਋ਬࢎ೮णפ׮ ੿୍਋߅ࢎ

  35. ٣੗ੋҗѐߊ਷
 ߑߨ਷׮ܰ૑݅ 
 ݾ಴חزੌ೤פ׮

  36. 8FCUPPO .PWJF 4503:

  37. ٣੗੉ցоಽযղחߑߨ ѐߊ੗оಽযղחߑߨ <i class="nhn-icon nhn-icon__home" aria-label="֎੉ߡ ക"> </i> <i class="nhn-icon

    nhn-icon__note" aria-label="֎੉ߡ ֢౟"> </i> <i class="nhn-icon nhn-icon__calendar" aria-label="֎੉ߡ ஫ܽ؊"> </i> $PEF 7JTVBM 4&37*$&

  38. $PNQPTJUJPOҳࢿ %FDPNQPTJUJPO࠙೧ 0SJHJOBMJUZ ةହࢿ 3FVTBCJMJUZ੤ࢎਊࢿ &NPUJPOхࢿ -PHJD֤ܻ ࢸ҅੗੄੗૕ %FTJHOFSTRVBMJUJFT

  39. :".00/*/&!ZBNPPZBNPP!OBWFSDPN 디자인에 대해
 알지도 못하면서! 그렇게해서는
 개발할 수 없다고!

  40. :".00/*/&!ZBNPPZBNPP!OBWFSDPN 독창성을 고려하되 재사용을 염두에 두고 디자인에 논리를 부여한다면 독창성을

    존중하고 감성에 공감하며 최대한 구현하도록 노력한다면 ઁ੘੗חযڌѱࠁੌ૑ࡺ݅ইפۄযڌѱࢎਊغҊٜ݅য૑ח૑ө૑Ҋ۰೧ঠೠ׮ ೲߡ౟ࢎ੉ݢ बܻ҃ઁ೟੗

  41. :".00/*/&!ZBNPPZBNPP!OBWFSDPN

  42. ਗೡೠഈসਸ ਤ೧যڃ֢۱ ੉೙ਃೡө

  43. नߊਸ٣੗ੋೞ۰ݶ नߊ੉хऱחߊਸ
 ݢ੷োҳ೧ঠೠ׮

  44. None
  45. None
  46. None

  47. ਢ٣੗ੋਸೞ۰ݶ ਢ࠳ۄ਋੷ജ҃ਸ
 ੉೧೧ঠೠ׮

  48. ನషࢪ਷
 ਢ࠳ۄ਋੷о
 ইתפ׮

  49. None

  50. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  51. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  52. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  53. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  54. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  55. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  56. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  57. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  58. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  59. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  60. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  61. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  62. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  63. ZFTDPN(PPET

  64. ழޭפா੉࣌ਸਤೠ
 Ӓې೗दউਸઁ੘ೞۄ

  65. ੿ܻ
 উػ աࢂ
 दউ

  66. ੿ܻ
 ੜػ જ਷
 दউ

  67. ࢚క
 ୊ܻ જ਷
 दউ

  68. ࢚క
 ୊ܻ જ਷
 दউ

  69. HPPHMQ&'2-"

  70. QIPUPTIPQFUJRVFUUFDPN

  71. Էਸಟ஖ӝ ਤ೧যڃ
 ળ࠺ৈ੿੉
 ೙ਃೡө

  72. ఍఍ೠӝࠄӝ

  73. HPPHMB[H:&

  74. ZBNPPHJUIVCJPGSPOUFOENBTUFS

  75. ZPVUVCFDPNDঠޖ

  76. ়ఠܻࢶ߹উ

  77. MJOFQMVTDPSQDPN

  78. LBLBPCBOLSFDSVJUFSDPLS

  79. ࠽٘স

  80. SPBENBQTIGSPOUFOE ೐ۿ౟ূ٘ѐߊо੉٘ 'SPOU&OE-FBSOJOH(VJEF

  81. HPPHM6YQ#

  82. HPPHMT:;-'

  83. HPPHM9O6F7

  84. पޖҮਭഅ੢ীࢲ
 ׮द݅ժद׮ ঠޖ