Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for usuyuki usuyuki
May 08, 2021
1.9k
0

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

Avatar for usuyuki

usuyuki

May 08, 2021

More Decks by usuyuki

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

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
430
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
600
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
250
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
830
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
530
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
510

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