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
820
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
300
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
580
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
180
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
110
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
290
全文検索+セマンティックランカー+LLMの自然文検索サ−ビスで得られた知見
segavvy
2
130
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
2.7k
偏光画像処理ライブラリを作った話
elerac
1
130
Goで作って学ぶWebSocket
ryuichi1208
3
2.3k
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
150
なぜ私は自分が使わないサービスを作るのか? / Why would I create a service that I would not use?
aiandrox
0
890
クラウドサービス事業者におけるOSS
tagomoris
3
960
OpenID BizDay#17 みんなの銀行による身元確認結果の活用 / 20250219-BizDay17-KYC-minna-no-ginko
oidfj
0
160
深層学習と古典的画像アルゴリズムを組み合わせた類似画像検索内製化
shutotakahashi
1
270
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Designing Experiences People Love
moore
140
23k
Code Review Best Practice
trishagee
67
18k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
A Philosophy of Restraint
colly
203
16k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Building an army of robots
kneath
303
45k
Thoughts on Productivity
jonyablonski
69
4.5k
Designing for humans not robots
tammielis
250
25k
A Tale of Four Properties
chriscoyier
158
23k
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