Webサイトを作ろう！ / Let's make Website

March 05, 2019

270

Webサイトを作ろう！ / Let's make Website

要約
・Webサイトがどうやってできてるか
・プログラミング初心者にはWebサイト作成から入るのがおすすめ。
・Progateはいいぞ
・モダンブラウザを使え

ちげ

March 05, 2019

Tweet

More Decks by ちげ

See All by ちげ

今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking

5

870

Stol - UNISYS hackathon

0

310

BranCo! 2021 4位チーム「研究の虫」発表スライド / branco-2021-slide

2

2k

0

190

Nuxtはいいぞ2 / nuxtjs is good 2

0

240

よさみなロゴの選び方 / yosami-na-logo-no-erabikata

2

620

夢LT発表スライド / yume-LT

0

310

フォント入門 / intro-font

3

960

Mille Feuille app - HackU2019Osaka | team:forkbomb

1

310

Other Decks in Programming

See All in Programming

2024年のkintone API振り返りと2025年 / kintone API look back in 2024

0

210

『GO』アプリバックエンドサーバのコスト削減

0

130

CNCF Project の作者が考えている OSS の運営

5

690

個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!

0

340

Open source software: how to live long and go far

0

620

Amazon ECS とマイクロサービスから考えるシステム構成

2

490

Grafana Loki によるサーバログのコスト削減

1

110

ARA Ansible for the teams

0

150

Linux && Docker 研修/Linux && Docker training

23

4.5k

2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン

6

5.1k

TokyoR116_BeginnersSession1_環境構築

0

110

Pythonでもちょっとリッチな見た目のアプリを設計してみる

1

480

Featured

See All Featured

Building Applications with DynamoDB

93

6.2k

We Have a Design System, Now What?

51

7.4k

Building Better People: How to give real-time feedback that sticks.

366

19k

Bash Introduction

610

210k

Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure

44

9.4k

Mobile First: as difficult as doing things right

223

9.3k

CSS Pre-Processors: Stylus, Less & Sass

356

29k

10 Git Anti Patterns You Should be Aware of

656

59k

What's in a price? How to price your products and services

244

12k

Cheating the UX When There Is Nothing More to Optimize - PixelPioneers

stephaniewalter

280

13k

Easily Structure & Communicate Ideas using Wireframe

193

16k

Designing Dashboards & Data Visualisations in Web Apps

231

53k

Transcript

None
None
8FCαΠ τͬ ͯ Ͳ͏΍ͬ ͯग़དྷ͍ͯ Δ ʁ
<body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
</p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ஡</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ஡
<body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
</p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ஡</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ஡
h1 { background: gray; color: white; } p { text-decoration:
underline; } ul { list-style-type: decimal; } λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ̍ ण࢘ ͖͢ম͖ ຣ஡
var roop = 5 var hoge = "ϗήϗήʙ" var foo
= "ϑΡʙʙ ʂ " for(var i=0; i < roop; i++){ if(i==3){ console.log(foo); }else{ console.log(hoge+i); } } ϗήϗήʙ ϗήϗήʙ ϗήϗήʙ ϑ Ρʙʙ ʂ ϗήϗήʙ̐
ϓϩήʔ τ Ͱֶ΂Δ αΠ τ੍࡞ͷୈҰา͸ ͜Ε͕ϕε τͩͱࢥ͏ɻ
Ͱ΋͓ߴ͍ΜͰ͠ ΐ ʁ
͍͍͑ɺ ແྉͰ͢ QSPHDPN
࠷ॳͷελʔ τ͸͍͕ͭ͜Ұ൪Θ͔Γ ΍͍͢ αΠ τ࡞Γ ΍ͬͯΈΑ ͏͔ͳ ͬͯਓ͸ ͍ͭͰ΋๻ʹฉ͍ͯͶ
࠷ۙͷ8FCࣄ৘
None
None
࠷ۙͷ8FCࣄ৘
None
None
None
ϓϩ άϥ ϛ ϯ άॳ৺ऀͷ͔ͨ΁
8FC͔Β͕͓͢͢Ί
ͱ Γ ͋͑ͣձһొ࿥ QSPHDPN
ϒϥ΢β͸(PPHMF$ISPNF 'JSF'PY 4BGBSJΛ࢖ͬͯ ͘ ΕΑͳ ʂ ॏཁ ͘ Ε͙Ε΋*&ͳΜͯ࢖Θͳ͍Α ͏ʹ
ʂ ʂ ʂ