Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Project Lab Squirrel #1

Avatar for Mu-An Chiou Mu-An Chiou
April 27, 2014
Technology
8
870

Project Lab Squirrel #1

Location: My home
Time: 26 April 2014 (Sat)

Avatar for Mu-An Chiou

Mu-An Chiou

April 27, 2014
Tweet

More Decks by Mu-An Chiou

See All by Mu-An Chiou
Details on <details>
Avatar for Mu-An Chiou muan
0
350
Publishing and Hosting on GitHub pages
Avatar for Mu-An Chiou muan
4
150
Having no patience(Japanese)
Avatar for Mu-An Chiou muan
1
380
JSDC
Avatar for Mu-An Chiou muan
2
550
Design with Code
Avatar for Mu-An Chiou muan
5
550
Having no patience
Avatar for Mu-An Chiou muan
1
300
Design in GitHub
Avatar for Mu-An Chiou muan
5
370
Project Lab Squirrel #2
Avatar for Mu-An Chiou muan
1
630
A girl with no patience
Avatar for Mu-An Chiou muan
18
1.9k

Other Decks in Technology

See All in Technology
How native lazy objects will change Doctrine and Symfony forever
Avatar for Benjamin Eberlei beberlei
1
380
「え？！それ今ではHTMLだけでできるの！？」驚きの進化を遂げたモダンHTML
Avatar for Riya Amemiya riyaamemiya
10
4.4k
M5UnifiedとPicoRubyで楽しむM5シリーズ
Avatar for Katsuhiko Kageyama kishima
0
110
Oracle Cloud Infrastructure：2025年11月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
1
110
手動から自動へ、そしてその先へ
Avatar for Sammy(MoritaMasami) moritamasami
0
180
Multimodal AI Driving Solutions to Societal Challenges
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
1
120
Docker, Infraestructuras seguras y Hardening
Avatar for José Juan Sánchez Hernández josejuansanchez
0
140
私のRails開発環境
Avatar for Yasuo Honda yahonda
0
180
pmconf2025 - 他社事例を"自社仕様化"する技術_iRAFT法
Avatar for yamachi｜@yamapiya_ daichi_yamashita
0
490
21st ACRi Webinar - AMD Presentation Slide (Nao Sumikawa)
Avatar for Nao Sumikawa nao_sumikawa
0
200
Noを伝える技術2025: 爆速合意形成のためのNICOフレームワーク速習 #pmconf2025
Avatar for Aki / @LoveIdahoBurger aki_iinuma
2
1k
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
110

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
69k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k

Transcript

  1.  ḱᙿᖳᔚᩲ᤼࿴ Project Lab Squirrel #1 

  2. NOTES  http://goo.gl/kMDtjt

  3. ቝ᮱᧣ᡦᥭፖᙚ HOW DO WEBSITES WORK?

  4. Domain - IP Server - Browser ቝ᜼ኍ᳒ ᑽᏘ࿣ᫌ࿸ ᇧᄸ࿣ Ộᙈ

    IP

  5. Domain google.com IP 192.168.0.0

  6. SERVER ᑽᏘ࿣ᫌ࿸ BROWSER Chrome, Firefox, IE  

  7.   څզhttp://muan.co/doge.html ޷ɼڅ㟬 ᔒ༗ഝݸ౦੢ 200 404  http status

    codes oR

  8. CODE ᩔᙚሳ   DATABASE ᥫᇋນ LIVE ON A SERVER

  9. FRONT-END ᧸ၭ   DATABASE ᥫᇋນ BACK-END ἦၭ 

  10. FRONT-END ᧸ၭ  HTML CSS JAVASCRIPT

  11. FRONT-END ᧸ၭ  HTML CSS JAVASCRIPT

  12. BACK-END ἦၭ  RUBY PYTHON PHP

  13. programming languageS ᩔᙚ᜔ᜡ

  14. SYNTAX ᜔᎚

  15. ᱅የฒᶝᙎ᜔ᜡ HTML HyperText Markup Language <title>My WEBSITE</title>

  16. ෺༽ UJUMF.Z8&#4*5&UJUMF ᵶ༽ ျᠤ

  17. ෺༽ EJWDMBTTOBNFNVBOEJW ᵶ༽ ျᠤ ATTRIBUTE VALUE ᐠิ

  18. CPYIFJHIUDMBTTTIJQQFEUPIPNF PWFSXFJHIUJECPYGPSCPPLT CPPLT CPY ෺༽ ᵶ༽ ျᠤ ATTRIBUTE VALUE ᐠิ

  19. BISFG໢ᅿ࿈໊݁᜝B IେඪI I෭ඪI IதඪI IখඪI V༗ఈઢతࣈV TUSPOHૈᱪతࣈTUSPOH JNHTSDᅷย໢ᅿBMUᅷยղᬶJNH CS

  20. Ყᰘᜀᙚᶡ CSS Cascading Style Sheets TABLE { COLOR: RED }

  21. ኷ᶝ UBCMF\DPMPSSFEQBEEJOHQY^ VALUE KEY VALUE KEY ᐠิ

  22. 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!

  23. NESTING/ INDENTION ᪫ᖂ᱾፮

  24. EJWDMBTTQMBUF TQBODMBTTpTI'*4)TQBO EJW QMBUFpTI\ DPMPSCMVF ^ HTML CSS

  25. GitHub Pages ෼ڗڅશʂੈʂքʂ

  26. Git  REPOSITORY ఔࣜࢿྉᇄ  BRANCH ෼ࢧฏߦੈք  COMMIT ঝ୚ఏަ

     DIFF ࠩҟ

  27. PAGES.github.com github.com/lab-squrriel

  28. ᷀ᮈ฼ Project Lab Squirrel #1 