Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
870
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
350
Publishing and Hosting on GitHub pages
muan
4
150
Having no patience(Japanese)
muan
1
380
JSDC
muan
2
550
Design with Code
muan
5
560
Having no patience
muan
1
300
Design in GitHub
muan
5
370
Project Lab Squirrel #2
muan
1
640
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
学習データって増やせばいいんですか?
ftakahashi
2
440
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
初めてのDatabricks AI/BI Genie
taka_aki
0
200
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
yushin_n
0
230
生成AIを利用するだけでなく、投資できる組織へ / Becoming an Organization That Invests in GenAI
kaminashi
0
100
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
130
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
hhiroshell
0
120
IAMユーザーゼロの運用は果たして可能なのか
yama3133
1
440
「図面」から「法則」へ 〜メタ視点で読み解く現代のソフトウェアアーキテクチャ〜
scova0731
0
300
ガバメントクラウド利用システムのライフサイクルについて
techniczna
0
190
WordPress は終わったのか ~今のWordPress の制作手法ってなにがあんねん?~ / Is WordPress Over? How We Build with WordPress Today
tbshiki
1
800
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
730
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Raft: Consensus for Rubyists
vanstee
141
7.2k
Thoughts on Productivity
jonyablonski
73
5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Building an army of robots
kneath
306
46k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Become a Pro
speakerdeck
PRO
31
5.7k
Faster Mobile Websites
deanohume
310
31k
Keith and Marios Guide to Fast Websites
keithpitt
413
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