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

U-lab HTML&CSSL&JSハンズオン2021 第1回

usuyuki
May 08, 2021
0
1.1k

U-lab HTML&CSSL&JSハンズオン2021 第1回

usuyuki

May 08, 2021
Tweet

More Decks by usuyuki

See All by usuyuki
毎年殺されるPHPとは何か
usuyuki
0
230
新卒1ヶ月半の邁進と変化
usuyuki
1
600
5分で理解するWebAssemblyのWebの外の話 PHPはマイコンの夢を見るか？
usuyuki
3
710
Git -研究室ミーティング2023/12/1資料-
usuyuki
0
560
非公式内定者懇親会 LT たのしい企業理念クイズ！
usuyuki
0
700
技育展2023 ブロック予選関東① かどで日記
usuyuki
0
690
サポーターズエンジニア1on1面談イベント10月自己紹介
usuyuki
0
1.8k
U-lab定期LT10月 古代技術と現代技術の融合VSCodeVimのススメ
usuyuki
0
1.2k
PHPerと就活
usuyuki
0
1.3k

Featured

See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Speed Design
sergeychernyshev
27
810
Designing Experiences People Love
moore
140
23k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Adopting Sorbet at Scale
ufuk
74
9.2k
How STYLIGHT went responsive
nonsquared
98
5.4k

Transcript

  1. 2021 2021/5/8 HTML&CSS&JSハンズオン 1

  2. 2021/5/8 HTML&CSS&JSハンズオン 2

  3. 2021/5/8 HTML&CSS&JSハンズオン 3

  4. 2021/5/8 HTML&CSS&JSハンズオン 4

  5. 2021/5/8 HTML&CSS&JSハンズオン 5

  6. 1 デザイン 基礎の基礎 2 HTML CSS 2021/5/8 HTML&CSS&JSハンズオン 6

  7. 3 CSS レスポンシブ 4 JavaScript 2021/5/8 HTML&CSS&JSハンズオン 7

  8. 5 全体 総括 Git入門 2021/5/8 HTML&CSS&JSハンズオン 8

  9. 1 デザイン 基礎の基礎 2 3 4 5 2021/5/8 HTML&CSS&JSハンズオン 9

  10. 2021/5/8 HTML&CSS&JSハンズオン 10

  11. 2021/5/8 HTML&CSS&JSハンズオン 11

  12. 2021/5/8 HTML&CSS&JSハンズオン 12

  13. 2021/5/8 HTML&CSS&JSハンズオン 13

  14. 2021/5/8 HTML&CSS&JSハンズオン 14

  15. 2021/5/8 HTML&CSS&JSハンズオン 15

  16. 2021/5/8 HTML&CSS&JSハンズオン 16

  17. 触れることが目的！ 2021/5/8 HTML&CSS&JSハンズオン 17

  18. 2021/5/8 HTML&CSS&JSハンズオン 18

  19. Done is better than perfetctで行きます。 2021/5/8 HTML&CSS&JSハンズオン 19 ※著作権の都合により画像削除

  20. 実名(よみがな) 2021/5/8 HTML&CSS&JSハンズオン 20 株式会社サクシード デジタルマーケティングチーム アルバイト つばめソリューション エンジニア アルバイト(4月まで)

    学歴 バイト歴 Twitter ポートフォリオ GitHub https://github.com/Usuyuki @usuyuki26 https://portfolio.usuyuki.net/ 宇都宮大学 工学部 基盤工学科 情報電子オプティクスコース 情報科学分野 2年 島根県立浜田高等学校 全日制 理数科 U-lab(一応)共同代表 宇都宮市立陽西中学校 サポートスタッフ(アルバイト)

  21. 2021/5/8 HTML&CSS&JSハンズオン 21 ※代表の方に使用許可を得ています

  22. 2021/5/8 HTML&CSS&JSハンズオン 22 単純なのはつまらない。 実際に動いているものの方がいい。

  23. 2021/5/8 HTML&CSS&JSハンズオン 23

  24. 2021/5/8 HTML&CSS&JSハンズオン 24 CSS楽しいよっていうのを伝えたい！

  25. 2021/5/8 HTML&CSS&JSハンズオン 25 あと、自分が携わってない！

  26. 2021/5/8 HTML&CSS&JSハンズオン 26

  27. 2021/5/8 HTML&CSS&JSハンズオン 27 見やすい クリック しやすい 目線が とどまり にくい クリック

    しにくい

  28. 2021/5/8 HTML&CSS&JSハンズオン 28

  29. 2021/5/8 HTML&CSS&JSハンズオン 29

  30. 2021/5/8 HTML&CSS&JSハンズオン 30

  31. 2021/5/8 HTML&CSS&JSハンズオン 31

  32. 2021/5/8 HTML&CSS&JSハンズオン 32

  33. 2021/5/8 HTML&CSS&JSハンズオン 33

  34. 2021/5/8 HTML&CSS&JSハンズオン 34

  35. 2021/5/8 HTML&CSS&JSハンズオン 35

  36. 2021/5/8 HTML&CSS&JSハンズオン 36

  37. 2021/5/8 HTML&CSS&JSハンズオン 37

  38. 2021/5/8 HTML&CSS&JSハンズオン 38

  39. 2021/5/8 HTML&CSS&JSハンズオン 39

  40. 2021/5/8 HTML&CSS&JSハンズオン 40

  41. 2021/5/8 HTML&CSS&JSハンズオン 41

  42. 2021/5/8 HTML&CSS&JSハンズオン 42

  43. 2021/5/8 HTML&CSS&JSハンズオン 43

  44. 2021/5/8 HTML&CSS&JSハンズオン 44

  45. 2021/5/8 HTML&CSS&JSハンズオン 45

  46. 2021/5/8 HTML&CSS&JSハンズオン 46

  47. 2021/5/8 HTML&CSS&JSハンズオン 47

  48. 2021/5/8 HTML&CSS&JSハンズオン 48 ※著作権の都合により画像削除

  49. 2021/5/8 HTML&CSS&JSハンズオン 49

  50. 2021/5/8 HTML&CSS&JSハンズオン 50 ※著作権の都合により画像削除

  51. 2021/5/8 HTML&CSS&JSハンズオン 51

  52. 2021/5/8 HTML&CSS&JSハンズオン 52

  53. 2021/5/8 HTML&CSS&JSハンズオン 53

  54. 2021/5/8 HTML&CSS&JSハンズオン 54 ※著作権の都合により画像削除

  55. 2021/5/8 HTML&CSS&JSハンズオン 55 ※著作権の都合により画像削除

  56. 2021/5/8 HTML&CSS&JSハンズオン 56

  57. 2021/5/8 HTML&CSS&JSハンズオン 57 Hello World

  58. 2021/5/8 HTML&CSS&JSハンズオン 58 Hello World

  59. 2021/5/8 HTML&CSS&JSハンズオン 59 Hello World 5/8

  60. 2021/5/8 HTML&CSS&JSハンズオン 60

  61. 2021/5/8 HTML&CSS&JSハンズオン 61

  62. 2021/5/8 HTML&CSS&JSハンズオン 62 <p>ここに文章</p>

  63. 2021/5/8 HTML&CSS&JSハンズオン 63 <パン> 具材 </パン>

  64. 2021/5/8 HTML&CSS&JSハンズオン 64 <p> 文章 </p> <div> 要素 </div>

  65. 2021/5/8 HTML&CSS&JSハンズオン 65 <img src=“”>

  66. 2021/5/8 HTML&CSS&JSハンズオン 66 <img src=“”>

  67. 2021/5/8 HTML&CSS&JSハンズオン 67 <img src=“”>

  68. 2021/5/8 HTML&CSS&JSハンズオン 68 <section> <header> <footer> <p> <img> <form>

  69. 2021/5/8 HTML&CSS&JSハンズオン 69 <section> <header> <footer> <p> <img> <form>

  70. 2021/5/8 HTML&CSS&JSハンズオン 70 <!DOCTYPE html> <html lang=“ja"> <head> <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device- width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

  71. 2021/5/8 HTML&CSS&JSハンズオン 71 <ホモサピエンス> <人間> <頭> </頭> <体> </体> </人間>

  72. 2021/5/8 HTML&CSS&JSハンズオン 72

  73. 2021/5/8 HTML&CSS&JSハンズオン 73

  74. 2021/5/8 HTML&CSS&JSハンズオン 74

  75. 2021/5/8 HTML&CSS&JSハンズオン 75

  76. 2021/5/8 HTML&CSS&JSハンズオン 76 同じ勉強をしていて、なぜ差がつくのか? 「自分の頭で考える子」に変わる10のマジックワード レイアウト・デザインの教科書 思考の整理学

  77. 2021/5/8 HTML&CSS&JSハンズオン 77

  78. 2021/5/8 HTML&CSS&JSハンズオン 78 こんなスタイルでよければ、次回も 参加してもらえると嬉しいです。