Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Project Lab Squirrel #1

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

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
290
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
身近なCSVを活用する！AWSのデータ分析基盤アーキテクチャ
Avatar for Kotaro.S koosun
0
1.2k
ある編集者のこれまでとこれから —— 開発者コミュニティと歩んだ四半世紀
Avatar for 稲尾尚徳 inao
5
3.2k
[CV勉強会@関東 ICCV2025] WoTE: End-to-End Driving with Online Trajectory Evaluation via BEV World Model
Avatar for Shin-kyoto shinkyoto
0
270
Javaコミュニティの歩き方 ～参加から貢献まで、すべて教えます～
Avatar for Daishi Tabata tabatad
0
120
機密情報の漏洩を防げ！ Webフロントエンド開発で意識すべき漏洩パターンとその対策
Avatar for mizdra mizdra
PRO
9
3.5k
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
4
1.3k
第65回コンピュータビジョン勉強会
Avatar for TSUKAMOTO Kenji tsukamotokenji
0
150
「O(n log(n))のパフォーマンス」の意味がわかるようになろう
Avatar for dhirabayashi dhirabayashi
0
170
生成AIではじめるテスト駆動開発
Avatar for puku0x puku0x
0
120
[CV勉強会@関東 ICCV2025 読み会] World4Drive: End-to-End Autonomous Driving via Intention-aware Physical Latent World Model (Zheng+, ICCV 2025)
Avatar for abemii_ abemii
0
220
⽣成 AI で進化する AWS オブザーバビリティ
Avatar for o11yfes o11yfes2023
0
130
バクラクの AI-BPO を支える AI エージェント 〜とそれを支える Bet AI Guild〜
Avatar for Tomoaki tomoaki25
2
770

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k

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 