Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Project Lab Squirrel #1
Mu-An Chiou
April 27, 2014
Technology
8
670
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
170
Publishing and Hosting on GitHub pages
muan
4
110
Having no patience(Japanese)
muan
1
340
JSDC
muan
2
470
Design with Code
muan
5
480
Having no patience
muan
1
270
Design in GitHub
muan
5
340
Project Lab Squirrel #2
muan
1
440
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
AWS re:Invent 2022で発表された新機能を試してみた ~Cloud OperationとSecurity~ / New Cloud Operation and Security Features Announced at AWS reInvent 2022
yuj1osm
1
200
マイクロサービス宣言から8年 振り返りとこれから / Eight Years After the Microservices Declaration A Look Back and A Look Ahead
eisuke
2
150
ChatGPT for Hacking
anugrahsr
0
4.4k
書籍を書きました。 そう、VS Codeで。
takumanakagame
4
4.4k
FlexScan HD2452Wの 後継を探して
tring
0
6.3k
オンプレk8sとEKSの並行運用の実際
ch1aki
0
270
SSMパラメーターストアでクロススタック参照の罠を回避する
shuyakinjo
0
100
IoTを始めたきっかけの話と個人でできるIoTの今後 / 新年LT会「私の愛するIoT 2023」
you
0
230
エアドロップ for オープンソースプロジェクト
epicsdao
0
390
OVN-Kubernetes-Introduction-ja-2023-01-27.pdf
orimanabu
1
350
ユーザーテストガイドライン VERSION 2.0
kouzoukaikaku
0
1.3k
私見「UNIXの考え方」/20230124-kameda-unix-phylosophy
opelab
0
160
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
37
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
226
130k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
24
4.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
840
Principles of Awesome APIs and How to Build Them.
keavy
117
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
How to Ace a Technical Interview
jacobian
270
21k
Done Done
chrislema
178
14k
In The Pink: A Labor of Love
frogandcode
132
21k
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