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

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

usuyuki
May 08, 2021
0
1k

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

usuyuki

May 08, 2021
Tweet

More Decks by usuyuki

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

Featured

See All Featured
Producing Creativity
orderedlist
PRO
341
39k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
Docker and Python
trallard
40
3.1k
Writing Fast Ruby
sferik
627
61k
Side Projects
sachag
452
42k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Typedesign – Prime Four
hannesfritz
40
2.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Happy Clients
brianwarren
98
6.7k
GraphQLとの向き合い方2022年版
quramy
43
13k

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 こんなスタイルでよければ、次回も 参加してもらえると嬉しいです。