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

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

Avatar for usuyuki usuyuki
May 08, 2021
0
1.4k

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

Avatar for usuyuki

usuyuki

May 08, 2021
Tweet

More Decks by usuyuki

See All by usuyuki
(予告版)令和でもブログを自宅サーバで @大吉祥寺.pm 2025 前夜祭
Avatar for usuyuki usuyuki
1
570
令和でもブログを自宅サーバで@大吉祥寺.pm 2025
Avatar for usuyuki usuyuki
1
1.7k
味噌汁作り あるいは仕事の学び
Avatar for usuyuki usuyuki
0
1.6k
毎年殺されるPHPとは何か
Avatar for usuyuki usuyuki
0
590
新卒1ヶ月半の邁進と変化
Avatar for usuyuki usuyuki
1
1k
5分で理解するWebAssemblyのWebの外の話 PHPはマイコンの夢を見るか？
Avatar for usuyuki usuyuki
3
1.1k
Git -研究室ミーティング2023/12/1資料-
Avatar for usuyuki usuyuki
0
910
非公式内定者懇親会 LT たのしい企業理念クイズ！
Avatar for usuyuki usuyuki
0
1.1k
技育展2023 ブロック予選関東① かどで日記
Avatar for usuyuki usuyuki
0
1k

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
33
2.3k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k

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