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
830
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
310
Publishing and Hosting on GitHub pages
muan
4
130
Having no patience(Japanese)
muan
1
370
JSDC
muan
2
530
Design with Code
muan
5
540
Having no patience
muan
1
290
Design in GitHub
muan
5
360
Project Lab Squirrel #2
muan
1
590
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
AIエージェント開発における「攻めの品質改善」と「守りの品質保証」 / 2024.04.09 GPU UNITE 新年会 2025
smiyawaki0820
0
250
こんなデータマートは嫌だ。どんな? / waiwai-data-meetup-202504
shuntak
3
860
AWS CDK コントリビュート はじめの一歩
yendoooo
1
140
ウォンテッドリーにおける Platform Engineering
bgpat
0
180
大規模プロジェクトにおける 品質管理の要点と実践 / 20250327 Suguru Ishii
shift_evolve
0
320
Langchain4j y Ollama - Integrando LLMs con programas Java @ Commit Conf 2025
deors
0
100
Re:VIEWで書いた「Compose で Android の edge-to-edge に対応する」をRoo Codeで発表資料にしてもらった
tomoya0x00
0
240
入社後SREチームのミッションや課題の整理をした話
morix1500
1
230
Spice up your notifications/try!Swift25
noppefoxwolf
2
140
バックエンド留学した話/Backend study abroad story
kaonavi
0
140
OCI Database with PostgreSQLのご紹介
rkajiyama
0
130
出前館を支えるJavaとKotlin
demaecan
0
150
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
69
4.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Into the Great Unknown - MozCon
thekraken
36
1.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Building Adaptive Systems
keathley
41
2.5k
How to train your dragon (web standard)
notwaldorf
91
6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Visualization
eitanlees
146
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
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