Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Project Lab Squirrel #1
Search
Mu-An Chiou
April 27, 2014
Technology
8
810
Project Lab Squirrel #1
Location: My home
Time: 26 April 2014 (Sat)
Mu-An Chiou
April 27, 2014
Tweet
Share
More Decks by Mu-An Chiou
See All by Mu-An Chiou
Details on <details>
muan
0
290
Publishing and Hosting on GitHub pages
muan
4
130
Having no patience(Japanese)
muan
1
360
JSDC
muan
2
530
Design with Code
muan
5
530
Having no patience
muan
1
290
Design in GitHub
muan
5
360
Project Lab Squirrel #2
muan
1
570
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
170
[Ruby] Develop a Morse Code Learning Gem & Beep from Strings
oguressive
1
170
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
200
20241220_S3 tablesの使い方を検証してみた
handy
4
630
ハイテク休憩
sat
PRO
2
170
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
180
生成AIのガバナンスの全体像と現実解
fnifni
1
190
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
開発生産性向上! 育成を「改善」と捉えるエンジニア育成戦略
shoota
2
400
私なりのAIのご紹介 [2024年版]
qt_luigi
1
120
MLOps の現場から
asei
7
650
サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team
cybozuinsideout
PRO
5
38k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Making Projects Easy
brettharned
116
5.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
Designing for Performance
lara
604
68k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Being A Developer After 40
akosma
87
590k
4 Signs Your Business is Dying
shpigford
181
21k
The Pragmatic Product Professional
lauravandoore
32
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Transcript
ḱᙿᖳᔚᩲ Project Lab Squirrel #1
NOTES http://goo.gl/kMDtjt
ቝ᮱᧣ᡦᥭፖᙚ HOW DO WEBSITES WORK?
Domain - IP Server - Browser ቝኍ᳒ ᑽᏘᫌ ᇧᄸ Ộᙈ
IP
Domain google.com IP 192.168.0.0
SERVER ᑽᏘᫌ BROWSER Chrome, Firefox, IE
څզhttp://muan.co/doge.html ɼڅ㟬 ᔒ༗ഝݸ౦ 200 404 http status
codes oR
CODE ᩔᙚሳ DATABASE ᥫᇋນ LIVE ON A SERVER
FRONT-END ᧸ၭ DATABASE ᥫᇋນ BACK-END ἦၭ
FRONT-END ᧸ၭ HTML CSS JAVASCRIPT
FRONT-END ᧸ၭ HTML CSS JAVASCRIPT
BACK-END ἦၭ RUBY PYTHON PHP
programming languageS ᩔᙚ᜔ᜡ
SYNTAX ᜔
᱅የฒᶝᙎ᜔ᜡ HTML HyperText Markup Language <title>My WEBSITE</title>
༽ UJUMF.Z8*5&UJUMF ᵶ༽ ျᠤ
༽ EJWDMBTTOBNFNVBOEJW ᵶ༽ ျᠤ ATTRIBUTE VALUE ᐠิ
CPYIFJHIUDMBTTTIJQQFEUPIPNF PWFSXFJHIUJECPYGPSCPPLT CPPLT CPY ༽ ᵶ༽ ျᠤ ATTRIBUTE VALUE ᐠิ
BISFGᅿ࿈໊݁B IେඪI I෭ඪI IதඪI IখඪI V༗ఈઢతࣈV TUSPOHૈᱪతࣈTUSPOH JNHTSDᅷยᅿBMUᅷยղᬶJNH CS
Ყᰘᜀᙚᶡ CSS Cascading Style Sheets TABLE { COLOR: RED }
ᶝ UBCMF\DPMPSSFEQBEEJOHQY^ VALUE KEY VALUE KEY ᐠิ
EJWDMBTTSFEJENVBOTOBNF .6"/$)*06 EJW EJW\DPMPSCMVF^ SFE\DPMPSSFE^ NVBOTOBNF\DPMPSQVSQMF^ HTML CSS Hey HUMAN!
Hey GIRL! Hey MU-AN! There might be 20 HUMANS. There might be 10 GIRLs. There is only one person called Mu-AN! So this rules!
NESTING/ INDENTION ᪫ᖂ᱾፮
EJWDMBTTQMBUF TQBODMBTTpTI'*4)TQBO EJW QMBUFpTI\ DPMPSCMVF ^ HTML CSS
GitHub Pages ڗڅશʂੈʂքʂ
Git REPOSITORY ఔࣜࢿྉᇄ BRANCH ࢧฏߦੈք COMMIT ঝఏަ
DIFF ࠩҟ
PAGES.github.com github.com/lab-squrriel
᷀ᮈ Project Lab Squirrel #1