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
830

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
310
Publishing and Hosting on GitHub pages
Avatar for Mu-An Chiou muan
4
140
Having no patience(Japanese)
Avatar for Mu-An Chiou muan
1
370
JSDC
Avatar for Mu-An Chiou muan
2
540
Design with Code
Avatar for Mu-An Chiou muan
5
540
Having no patience
Avatar for Mu-An Chiou muan
1
290
Design in GitHub
Avatar for Mu-An Chiou muan
5
360
Project Lab Squirrel #2
Avatar for Mu-An Chiou muan
1
600
A girl with no patience
Avatar for Mu-An Chiou muan
18
1.9k

Other Decks in Technology

See All in Technology
計測による継続的なCI/CDの改善
Avatar for SansanTech sansantech
PRO
7
2.2k
PCNW20250514(情シスはAIとどう向き合う？事例から学ぶ活用法)
Avatar for Suguru Ohishi suguru0719
0
100
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
Avatar for Hiroto Ryushima hryushm
1
520
非同期処理でも分散トレーシングしたい！- OpenTelemetry × Pub/Sub -
Avatar for Tomonori Hayashi phaya72
1
100
10年もののアプリケーションを運用・開発するアプリケーションエンジニアのDatadog活用術
Avatar for miyamu miyamu
0
120
計装を見直してアプリケーションパフォーマンスを改善させた話
Avatar for Kazuki Obata donkomura
2
180
ゆるくはじめるSLI・SLO
Avatar for Mirai Yato (yato) yatoum
1
120
経済メディア編集部の実務に小さく刺さるAI / small-ai-with-editorial
Avatar for Yukiya Nakagawa nkzn
2
500
kernelvm-brain-net
Avatar for らすぴー raspython3
0
660
Ruby on Rails の楽しみ方
Avatar for morihirok morihirok
6
3.1k
Next.jsと状態管理のプラクティス
Avatar for uhyo uhyo
6
2.4k
Google Cloud Next 2025 Recap マーケティング施策の運用及び開発を支援するAIの活用 / Use of AI to support operation and development of marketing campaign
Avatar for Atsushi Yoshikawa atsushiyoshikawa
0
390

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
105
19k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
19
1.2k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
268
20k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k

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 