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
760
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
240
Publishing and Hosting on GitHub pages
muan
4
120
Having no patience(Japanese)
muan
1
350
JSDC
muan
2
490
Design with Code
muan
5
520
Having no patience
muan
1
280
Design in GitHub
muan
5
350
Project Lab Squirrel #2
muan
1
520
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
270
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
270
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
1k
Cypress or Playwright?
rainerhahnekamp
0
170
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
150
MapLibreとAmazon Location Service
dayjournal
1
190
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
510
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
1k
20分で完全に理解するGrafanaダッシュボード
hamadakoji
5
890
Handling focus in 2024
tahia910
0
220
Amplify 🩷 Bedrock 〜生成AI入門〜
minorun365
PRO
8
650
Featured
See All Featured
Code Review Best Practice
trishagee
56
15k
Navigating Team Friction
lara
179
13k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Thoughts on Productivity
jonyablonski
60
3.9k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Music & Morning Musume
bryan
41
5.6k
The Mythical Team-Month
searls
216
42k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
The Cost Of JavaScript in 2023
addyosmani
20
3.9k
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