Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

ゆるく学ぼう!現在のフロントエンドまとめ Slide 1 ゆるく学ぼう!現在のフロントエンドまとめ Slide 2 ゆるく学ぼう!現在のフロントエンドまとめ Slide 3 ゆるく学ぼう!現在のフロントエンドまとめ Slide 4 ゆるく学ぼう!現在のフロントエンドまとめ Slide 5 ゆるく学ぼう!現在のフロントエンドまとめ Slide 6 ゆるく学ぼう!現在のフロントエンドまとめ Slide 7 ゆるく学ぼう!現在のフロントエンドまとめ Slide 8 ゆるく学ぼう!現在のフロントエンドまとめ Slide 9 ゆるく学ぼう!現在のフロントエンドまとめ Slide 10 ゆるく学ぼう!現在のフロントエンドまとめ Slide 11 ゆるく学ぼう!現在のフロントエンドまとめ Slide 12 ゆるく学ぼう!現在のフロントエンドまとめ Slide 13 ゆるく学ぼう!現在のフロントエンドまとめ Slide 14 ゆるく学ぼう!現在のフロントエンドまとめ Slide 15 ゆるく学ぼう!現在のフロントエンドまとめ Slide 16 ゆるく学ぼう!現在のフロントエンドまとめ Slide 17 ゆるく学ぼう!現在のフロントエンドまとめ Slide 18 ゆるく学ぼう!現在のフロントエンドまとめ Slide 19 ゆるく学ぼう!現在のフロントエンドまとめ Slide 20 ゆるく学ぼう!現在のフロントエンドまとめ Slide 21 ゆるく学ぼう!現在のフロントエンドまとめ Slide 22 ゆるく学ぼう!現在のフロントエンドまとめ Slide 23 ゆるく学ぼう!現在のフロントエンドまとめ Slide 24 ゆるく学ぼう!現在のフロントエンドまとめ Slide 25 ゆるく学ぼう!現在のフロントエンドまとめ Slide 26 ゆるく学ぼう!現在のフロントエンドまとめ Slide 27 ゆるく学ぼう!現在のフロントエンドまとめ Slide 28 ゆるく学ぼう!現在のフロントエンドまとめ Slide 29 ゆるく学ぼう!現在のフロントエンドまとめ Slide 30 ゆるく学ぼう!現在のフロントエンドまとめ Slide 31 ゆるく学ぼう!現在のフロントエンドまとめ Slide 32 ゆるく学ぼう!現在のフロントエンドまとめ Slide 33 ゆるく学ぼう!現在のフロントエンドまとめ Slide 34 ゆるく学ぼう!現在のフロントエンドまとめ Slide 35 ゆるく学ぼう!現在のフロントエンドまとめ Slide 36 ゆるく学ぼう!現在のフロントエンドまとめ Slide 37 ゆるく学ぼう!現在のフロントエンドまとめ Slide 38 ゆるく学ぼう!現在のフロントエンドまとめ Slide 39 ゆるく学ぼう!現在のフロントエンドまとめ Slide 40 ゆるく学ぼう!現在のフロントエンドまとめ Slide 41 ゆるく学ぼう!現在のフロントエンドまとめ Slide 42 ゆるく学ぼう!現在のフロントエンドまとめ Slide 43 ゆるく学ぼう!現在のフロントエンドまとめ Slide 44 ゆるく学ぼう!現在のフロントエンドまとめ Slide 45 ゆるく学ぼう!現在のフロントエンドまとめ Slide 46 ゆるく学ぼう!現在のフロントエンドまとめ Slide 47 ゆるく学ぼう!現在のフロントエンドまとめ Slide 48 ゆるく学ぼう!現在のフロントエンドまとめ Slide 49 ゆるく学ぼう!現在のフロントエンドまとめ Slide 50 ゆるく学ぼう!現在のフロントエンドまとめ Slide 51 ゆるく学ぼう!現在のフロントエンドまとめ Slide 52 ゆるく学ぼう!現在のフロントエンドまとめ Slide 53 ゆるく学ぼう!現在のフロントエンドまとめ Slide 54 ゆるく学ぼう!現在のフロントエンドまとめ Slide 55 ゆるく学ぼう!現在のフロントエンドまとめ Slide 56 ゆるく学ぼう!現在のフロントエンドまとめ Slide 57 ゆるく学ぼう!現在のフロントエンドまとめ Slide 58 ゆるく学ぼう!現在のフロントエンドまとめ Slide 59 ゆるく学ぼう!現在のフロントエンドまとめ Slide 60 ゆるく学ぼう!現在のフロントエンドまとめ Slide 61 ゆるく学ぼう!現在のフロントエンドまとめ Slide 62 ゆるく学ぼう!現在のフロントエンドまとめ Slide 63 ゆるく学ぼう!現在のフロントエンドまとめ Slide 64 ゆるく学ぼう!現在のフロントエンドまとめ Slide 65 ゆるく学ぼう!現在のフロントエンドまとめ Slide 66 ゆるく学ぼう!現在のフロントエンドまとめ Slide 67 ゆるく学ぼう!現在のフロントエンドまとめ Slide 68 ゆるく学ぼう!現在のフロントエンドまとめ Slide 69 ゆるく学ぼう!現在のフロントエンドまとめ Slide 70 ゆるく学ぼう!現在のフロントエンドまとめ Slide 71 ゆるく学ぼう!現在のフロントエンドまとめ Slide 72 ゆるく学ぼう!現在のフロントエンドまとめ Slide 73 ゆるく学ぼう!現在のフロントエンドまとめ Slide 74 ゆるく学ぼう!現在のフロントエンドまとめ Slide 75 ゆるく学ぼう!現在のフロントエンドまとめ Slide 76 ゆるく学ぼう!現在のフロントエンドまとめ Slide 77 ゆるく学ぼう!現在のフロントエンドまとめ Slide 78 ゆるく学ぼう!現在のフロントエンドまとめ Slide 79 ゆるく学ぼう!現在のフロントエンドまとめ Slide 80 ゆるく学ぼう!現在のフロントエンドまとめ Slide 81 ゆるく学ぼう!現在のフロントエンドまとめ Slide 82 ゆるく学ぼう!現在のフロントエンドまとめ Slide 83 ゆるく学ぼう!現在のフロントエンドまとめ Slide 84 ゆるく学ぼう!現在のフロントエンドまとめ Slide 85 ゆるく学ぼう!現在のフロントエンドまとめ Slide 86 ゆるく学ぼう!現在のフロントエンドまとめ Slide 87 ゆるく学ぼう!現在のフロントエンドまとめ Slide 88 ゆるく学ぼう!現在のフロントエンドまとめ Slide 89 ゆるく学ぼう!現在のフロントエンドまとめ Slide 90 ゆるく学ぼう!現在のフロントエンドまとめ Slide 91 ゆるく学ぼう!現在のフロントエンドまとめ Slide 92 ゆるく学ぼう!現在のフロントエンドまとめ Slide 93 ゆるく学ぼう!現在のフロントエンドまとめ Slide 94 ゆるく学ぼう!現在のフロントエンドまとめ Slide 95 ゆるく学ぼう!現在のフロントエンドまとめ Slide 96 ゆるく学ぼう!現在のフロントエンドまとめ Slide 97 ゆるく学ぼう!現在のフロントエンドまとめ Slide 98 ゆるく学ぼう!現在のフロントエンドまとめ Slide 99 ゆるく学ぼう!現在のフロントエンドまとめ Slide 100 ゆるく学ぼう!現在のフロントエンドまとめ Slide 101 ゆるく学ぼう!現在のフロントエンドまとめ Slide 102 ゆるく学ぼう!現在のフロントエンドまとめ Slide 103 ゆるく学ぼう!現在のフロントエンドまとめ Slide 104 ゆるく学ぼう!現在のフロントエンドまとめ Slide 105 ゆるく学ぼう!現在のフロントエンドまとめ Slide 106 ゆるく学ぼう!現在のフロントエンドまとめ Slide 107 ゆるく学ぼう!現在のフロントエンドまとめ Slide 108 ゆるく学ぼう!現在のフロントエンドまとめ Slide 109 ゆるく学ぼう!現在のフロントエンドまとめ Slide 110 ゆるく学ぼう!現在のフロントエンドまとめ Slide 111 ゆるく学ぼう!現在のフロントエンドまとめ Slide 112 ゆるく学ぼう!現在のフロントエンドまとめ Slide 113 ゆるく学ぼう!現在のフロントエンドまとめ Slide 114 ゆるく学ぼう!現在のフロントエンドまとめ Slide 115 ゆるく学ぼう!現在のフロントエンドまとめ Slide 116 ゆるく学ぼう!現在のフロントエンドまとめ Slide 117 ゆるく学ぼう!現在のフロントエンドまとめ Slide 118 ゆるく学ぼう!現在のフロントエンドまとめ Slide 119 ゆるく学ぼう!現在のフロントエンドまとめ Slide 120 ゆるく学ぼう!現在のフロントエンドまとめ Slide 121 ゆるく学ぼう!現在のフロントエンドまとめ Slide 122 ゆるく学ぼう!現在のフロントエンドまとめ Slide 123 ゆるく学ぼう!現在のフロントエンドまとめ Slide 124 ゆるく学ぼう!現在のフロントエンドまとめ Slide 125 ゆるく学ぼう!現在のフロントエンドまとめ Slide 126 ゆるく学ぼう!現在のフロントエンドまとめ Slide 127 ゆるく学ぼう!現在のフロントエンドまとめ Slide 128 ゆるく学ぼう!現在のフロントエンドまとめ Slide 129 ゆるく学ぼう!現在のフロントエンドまとめ Slide 130 ゆるく学ぼう!現在のフロントエンドまとめ Slide 131 ゆるく学ぼう!現在のフロントエンドまとめ Slide 132 ゆるく学ぼう!現在のフロントエンドまとめ Slide 133 ゆるく学ぼう!現在のフロントエンドまとめ Slide 134 ゆるく学ぼう!現在のフロントエンドまとめ Slide 135 ゆるく学ぼう!現在のフロントエンドまとめ Slide 136 ゆるく学ぼう!現在のフロントエンドまとめ Slide 137 ゆるく学ぼう!現在のフロントエンドまとめ Slide 138 ゆるく学ぼう!現在のフロントエンドまとめ Slide 139 ゆるく学ぼう!現在のフロントエンドまとめ Slide 140 ゆるく学ぼう!現在のフロントエンドまとめ Slide 141 ゆるく学ぼう!現在のフロントエンドまとめ Slide 142 ゆるく学ぼう!現在のフロントエンドまとめ Slide 143 ゆるく学ぼう!現在のフロントエンドまとめ Slide 144 ゆるく学ぼう!現在のフロントエンドまとめ Slide 145 ゆるく学ぼう!現在のフロントエンドまとめ Slide 146 ゆるく学ぼう!現在のフロントエンドまとめ Slide 147 ゆるく学ぼう!現在のフロントエンドまとめ Slide 148 ゆるく学ぼう!現在のフロントエンドまとめ Slide 149 ゆるく学ぼう!現在のフロントエンドまとめ Slide 150 ゆるく学ぼう!現在のフロントエンドまとめ Slide 151 ゆるく学ぼう!現在のフロントエンドまとめ Slide 152 ゆるく学ぼう!現在のフロントエンドまとめ Slide 153 ゆるく学ぼう!現在のフロントエンドまとめ Slide 154 ゆるく学ぼう!現在のフロントエンドまとめ Slide 155 ゆるく学ぼう!現在のフロントエンドまとめ Slide 156 ゆるく学ぼう!現在のフロントエンドまとめ Slide 157 ゆるく学ぼう!現在のフロントエンドまとめ Slide 158 ゆるく学ぼう!現在のフロントエンドまとめ Slide 159 ゆるく学ぼう!現在のフロントエンドまとめ Slide 160 ゆるく学ぼう!現在のフロントエンドまとめ Slide 161 ゆるく学ぼう!現在のフロントエンドまとめ Slide 162 ゆるく学ぼう!現在のフロントエンドまとめ Slide 163 ゆるく学ぼう!現在のフロントエンドまとめ Slide 164
Upcoming SlideShare
プロジェクトマネジメントは仕組み化が9割
Next
Download to read offline and view in fullscreen.

17 Likes

Share

Download to read offline

ゆるく学ぼう!現在のフロントエンドまとめ

Download to read offline

『HTML5感。 ~今使われているHTML5。今知っておきたいHTML5のすごい技術。~』の資料 2016.7.24

2017.05.10 タイトルを更新

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

ゆるく学ぼう!現在のフロントエンドまとめ

  1. 1. ~ 2016.08 taskey
  2. 2. • • • 25 • @Taskey.inc • html, css, javascript, ruby, node, google app script,,
  3. 3. 2 • twitter: @fukamiiiiinmin i 5 • GO !!!!! !!!!
  4. 4. taskey
  5. 5. html zine
  6. 6. html5 html css
  7. 7. We are startup company!
  8. 8. 2
  9. 9. html
  10. 10. slim
  11. 11. css
  12. 12. Sass css
  13. 13. js
  14. 14. ES2015 js
  15. 15. not working
  16. 16.
  17. 17. HTML
  18. 18. HTML • html4 html5 •
  19. 19. HTML5? HTML4? • HTML
  20. 20. HTML5? • HTML • HTML5 • header, main, footer…
  21. 21. HTML5? •
  22. 22. HTML5? •
  23. 23. HTML5? • PC
  24. 24. HTML5? • SEO
  25. 25. HTML5? •
  26. 26. HTML5? •
  27. 27. A html5 B class=“header” <header>
  28. 28. • html • html • html
  29. 29. html • class=“”
  30. 30. pug •
  31. 31. pug html
  32. 32. pug • html
  33. 33. pug class, id
  34. 34. html
  35. 35. A B pug rails slim C html
  36. 36. CSS
  37. 37. CSS • CSS • CSS bootstrap, purecss • Sass SASS, SCSS , Less, Stylus • CSS BEM, OOCSS, FLOCSS
  38. 38. CSS CSS
  39. 39. CSS • CSS
  40. 40. A css B CSS html
  41. 41. CSS • web class CSS
  42. 42. class ?
  43. 43. 2
  44. 44. 1
  45. 45. CSS
  46. 46. float box-wrap div float box , padding class clear html box-wrap clear
  47. 47. float
  48. 48. .box
  49. 49. .clear
  50. 50. before → after
  51. 51. .wrap-float • div float • float • float .wrap-float
  52. 52. web
  53. 53. CSS
  54. 54. ex)bootstrap! purees! etc…
  55. 55. bootstrap • •
  56. 56. bootstrap class
  57. 57. purecss • •
  58. 58. • class • class class style •
  59. 59. CSS
  60. 60. A css B bootstrap purecss
  61. 61. CSS • CSS • CSS • •
  62. 62. Sass • Sass 2 • SASS .sass • SCSS .scss • CSS Sass SASS
  63. 63. Sass
  64. 64. DEMO
  65. 65. Sass
  66. 66. web
  67. 67. css .css
  68. 68. CSS
  69. 69. A CSS B Sass SASS stylus stylus
  70. 70. CSS BEM, SMACSS, OOCSS, FLOCSS • CSS •
  71. 71. CSS .header{} .header-logo{} .header-menus{} .header-menus .header-menu{}
  72. 72. The
  73. 73. level1
  74. 74. flocss
  75. 75. A CSS B FLOCSS css css html
  76. 76. javascript • javascript • jquery • ajax • JS • ECMAScript2015(ES6)
  77. 77. javascript • Web DOM html
  78. 78. DOM •
  79. 79. DOM • id=“boxes”
  80. 80. javascript
  81. 81. jquery • DOM
  82. 82. DOM •
  83. 83. DOM • id=“boxes”
  84. 84. jquery
  85. 85. A jquery B DOM
  86. 86. Ajax •
  87. 87. Google map •
  88. 88. map •
  89. 89. • facebook etc…etc…etc…
  90. 90. Ajax • SPA Single Page Application • DOM html •
  91. 91. DOM
  92. 92. jquery
  93. 93. jquery DOM DOM
  94. 94. Web A Ajax html .html() Web B 1 1 10 Web A Web B javascript html Web A
  95. 95. Web B
  96. 96. Web B ajax ajax html html Web B
  97. 97. Web A Web B div js html html js Web B sex div div Web B
  98. 98. web B javascript html
  99. 99. web B javascript html
  100. 100. Web B web B web A web A
  101. 101. JS web A,B
  102. 102. JS javascript html html web A,B
  103. 103. JS • DOM • knockout • react, angular vue
  104. 104. microsoft Facebook google
  105. 105. microsoft Facebook google
  106. 106. • javascript jquery html • html
  107. 107. • • •
  108. 108. ES6 ES2015 • Javascript
  109. 109. class let const var () etc…
  110. 110. function () var say = function(){ console.log(‘hello!’) } var say = () => { console.log(‘hello!’) } say() // hello!
  111. 111. var say = function(greeting){ if(greeting == undefined){ greeting = ‘hello!’ } console.log(greeting); } var say = (greeting = ‘hello!’) => { console.log(greeging) } say() // hello!
  112. 112. 2mm
  113. 113. web
  114. 114. es6 es5
  115. 115. es6 es5
  116. 116. DEMO
  117. 117. A ES6 B JavaScript ES2015 JavaScript class
  118. 118. • • • • Sass ES6
  119. 119. gulp grunt
  120. 120. • ○○ xx • index.html •
  121. 121. 2,3 index.scss index.css →Sass CSS index.es6 index.js →ES6 ES5
  122. 122. • index.scss, index.es6 index.css, index.js • index.css, index.js
  123. 123. DEMO
  124. 124. A B gulp Sass gulp
  125. 125. A B html pug css sass FLOCSS js es6 react gulp
  126. 126. A A B html pug css sass FLOCSS js es6 react gulp
  127. 127. • • • • JS
  • atsuyanakata

    Jan. 11, 2019
  • mr_shin

    Mar. 6, 2018
  • ssuser98e349

    Nov. 11, 2017
  • KenichiTakahashi1

    Sep. 24, 2017
  • takashifuruya

    Sep. 18, 2017
  • YuriAkita

    Sep. 9, 2017
  • earlgraymk

    Aug. 29, 2017
  • KoukiMiyakubo

    Jul. 18, 2017
  • kyoheisaito9

    Apr. 23, 2017
  • ChizuruMisawa

    Mar. 31, 2017
  • but8

    Nov. 26, 2016
  • Sin_Kamisiro

    Nov. 18, 2016
  • mititea1

    Nov. 16, 2016
  • keigofushimi

    Nov. 16, 2016
  • MaYodel

    Nov. 15, 2016
  • shouheitai

    Nov. 14, 2016
  • masakazufukami

    Nov. 14, 2016

『HTML5感。 ~今使われているHTML5。今知っておきたいHTML5のすごい技術。~』の資料 2016.7.24 2017.05.10 タイトルを更新

Views

Total views

7,140

On Slideshare

0

From embeds

0

Number of embeds

3,127

Actions

Downloads

23

Shares

0

Comments

0

Likes

17

×