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.1k

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

Avatar for usuyuki

usuyuki

May 08, 2021
Tweet

More Decks by usuyuki

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

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
268
20k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
5
570
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k

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