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

XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2

1

770

0

590

法律の脱レガシーに学ぶフロントエンド刷新

5

730

パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い

3

670

Honoとフロントエンドの型安全性について

4

250

Domain-Driven Transformation

2

1.9k

プログラミング言語学習のススメ / why-do-i-learn-programming-language

0

120

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

5

690

一休.com のログイン体験を支える技術〜Web Components x Vue.js 活用事例と最適化について〜

0

110

Grafana Cloudとソラカメ

0

140

ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介

2

300

Djangoアプリケーション運用のリアル〜問題発生から可視化、最適化への道〜 #pyconshizu

1

230

Featured

See All Featured

ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020

114

50k

Bootstrapping a Software Product

305

110k

GraphQLの誤解/rethinking-graphql

68

10k

Learning to Love Humans: Emotional Interface Design

273

40k

Designing for humans not robots

250

25k

How To Stay Up To Date on Web Technology

790

250k

Designing Dashboards & Data Visualisations in Web Apps

231

53k

Into the Great Unknown - MozCon

35

1.6k

The Cult of Friendly URLs

78

6.2k

86

9.5k

How to Ace a Technical Interview

276

23k

Bash Introduction

610

210k

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Λ࢖ͬͯ ͘ ΕΑͳ ʂ ॏཁ ͘ Ε͙Ε΋*&ͳΜͯ࢖Θͳ͍Α ͏ʹ
ʂ ʂ ʂ