20090912 CSSNite Lp7

  • 3,364 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,364
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
114
Comments
0
Likes
14

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Chiaki Hayashi
  • 2. About loftwork & myself Chiaki Hayashi
  • 3. loftwork.jp CMS, WEB, Mobile, Print Big Project Chiaki Hayashi
  • 4. loftwork.com 13,000 Chiaki Hayashi
  • 5. loftwork Directors Creators Clients Chiaki Hayashi
  • 6. Chiaki Hayashi Chiaki Hayashi
  • 7. Chiaki Hayashi Chiaki Hayashi
  • 8. noosphere & Web Direction Chiaki Hayashi
  • 9. What is noosphere? Chiaki Hayashi
  • 10. 239,611,111 Websites “July 2009 Web Server Survey” by netcraft
  • 11. Chiaki Hayashi
  • 12. Chiaki Hayashi 11
  • 13. Chiaki Hayashi 11
  • 14. Chiaki Hayashi 11
  • 15. Chiaki Hayashi
  • 16. Chiaki Hayashi
  • 17. Chiaki Hayashi
  • 18. Chiaki Hayashi
  • 19. Question: Chiaki Hayashi
  • 20. Answer: Chiaki Hayashi
  • 21. !"#$!#"%&'!()!*++,-+,-.*!.*/+,!01! 3. 23456789: ;-.< =>! ! !"#$%&'()*+,-.,/&01234567)89:;<=>?@<?A(BA+ ,-.,/&CD"E*FG)HI?J6KALMNOPQRSTUOV<MWAXY#Z[ ]^_O`a)bW7c<defghide&j2kl;<&*mnSA3o&pe8q) rVO*stuvwxyS@<z{&MWA+,-.,/)4<defg|}2~•#)€• ;^‚)A{c2ƒ„;<…†‡ˆ‡‰Š‹Œ/•‡ŽŠ••ˆ-‘’“A…”•–—^V˜™— 2š›;<œ^SAde&j2kl_MLLdefgh2•ž6ŸALM ¡01&¢£2¤ ¥;<œ^)45A¦§¨©&j2ªWA«¬#pe&'(2-˜z! ! +,-.,/®¯°? ± ²"E&MWA³´µ¶?·u<^¸D#)¹º-»,ufg2¼½ uVœ^?¾Vz! ! •½*¿ÀÁÂÃ&ÄÅ#udeSÆA+,-.,/Ç&³´^V˜ÈÉÊSpeË?ÌÍ) uUOr5AÎÏÐSÑÒuÓ|?fÔ_OV<z! ! ÕÖ&deSÆAµ¶°Šµ¶ÀÁ)45³´×ØiÙÚ?ÙÛSÜPÝ?ÞVMWA®¯° ?ÙÚ)ßVàºáâŽ)•;ãAäå&àºáâŽ)æ˜4˜)de2çè_Oã7fg; <œ^?¾KAÓ|&éêiëêì•?¾KfÔ_OV<z! ! ¿ÀÁ&•í.,/SÆAî+,-.,/ïðàñŽ»ò)@<óæ*AïðàñŽ»&C Dôõ?ö^÷&MWA{&.,/)ø0?@<Mù)áúûì,ü&µ¶?@5Aéê^u UOV<z! ! ýZ[þÿ,û&!"&+,-.,/)rVO*AÓ#°&•$ÿà%ÿ&&V)4<ñ'» ˆð)(?@5Ade2)_*7VÆ&?@<z! ! ! ! ;-*< 234567?@A! ! ”•– š›)4<defg9&•ž!! ! Š+,udefg)45 -.•– &8q2/7_WA01‡ü2&•ž!! ! ŠZ[#3i45‚6u7A89°?/5MVde2:;)<=<!! ! >éZ[°??@)St<4˜uA45!"#uòA&de³´B&•ž!! ! Š”•– š›A(óÇ&CD)45EFfGu7de³´B&•ž!! ! ŠïHº‡IJ,HK»ˆð&•ž)45Ade)<L_i;K;<!! ! ŠMN9&•ž)45Ade2)_i;K;<!! ! ŠO–– &PQuRgu7(B& STU VºŽ)bW7c<W&'(!! ! 45X3&ªVpeéY&;Z!! ! Š”•– š›)45A45X3#upe|}2'(zX3&ªVpe8q2'(;<! ! ! ! ;-;< BCDECF! ! ä冇ˆ‡‰2[©_L^W<œ^z! ! ]&|}X^&_`)ab;<œ^z! ! ”•– Ç&cTdefgºÿ&hÄ^cTÒ§2i;)ÄWA,iã)cTÓ|2'$;<œ^z! ! ! ! ! "! Copyright © 2009 loftwork Inc. All Rights Reserved. ! Chiaki Hayashi
  • 22. Chiaki Hayashi
  • 23. Chiaki Hayashi
  • 24. !!" "#" $%" ./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK" &'()*+,-" L-MI(CNOE3PQINR35" TUVWW*2EJ3+XYCDIZ/[" !S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK" opqrsW'5E3tu`vw" !SVi%jklC&mDE+CnT$" {|}'~$•(&e" xIyz+" €•XY‚ƒc„-…" NOE3†‡" $ˆ‰IŠz+NOE3$$‹MI(6{ŒB) o’“”w+z&‚•z–I‚5' $L-MI(NOE3$$$•|MI(Ž•" I—K˜ZCNOE3wTUC™C /QI&" QINR35" š›‚Q303œ"C•cFGHI JKžfŸ" $L-MI(QINR35$•MI() $‘%MI(QINR35$•|MI(Ž•" ¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;" 3¡ŠI*" ®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;" “²°±$$$V${||³´µ+¶µ+" ]·¸/¹(HIKº»" ¼½‚ŠEK/+I3h¾¿ÀÁ›ÃĦÅÆ‚ÇÈ/¹(HIKhÉÊÀÁ›ÃËÌ E3+B" &'()*+°±" oÙÚÛÜÝÞßh“²C/¹(H IKwàáÑÒŸ) 6ŠEK/+I3B" µ;µµ$ÍEÎIˆÏIÐÑÒ" $;µµ$ˆ‰IŠz+NOE3ÓÔµ" $$$""ÕÖÓÔµ" µ;µ$$ I/QINR35“×" $;µµ$NOE3ÓÔµ" $;µµ$QINR35ÑØ" !" ! Chiaki Hayashi
  • 25. !!" "#" ./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK" &'()*+,-" L-MI(CNOE3PQINR35" TUVWW*2EJ3+XYCDIZ/[" !S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK" !SVi%jklC&mDE+CnT$" {|}'~$•(&e" xIyz+" €•XY‚ƒc„-…" NOE3†‡" $ˆ‰IŠz+NOE3$$‹MI(6{ŒB) $L-MI(NOE3$$$•|MI(Ž•" /QI&" QINR35" $L-MI(QINR35$•MI() $‘%MI(QINR35$•|MI(Ž•" Chiaki Hayashi ¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;" 3¡ŠI*" ®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;"
  • 26. Chiaki Hayashi
  • 27. Chiaki Hayashi
  • 28. Chiaki Hayashi
  • 29. Chiaki Hayashi
  • 30. Chiaki Hayashi
  • 31. Chiaki Hayashi
  • 32. Chiaki Hayashi
  • 33. Chiaki Hayashi
  • 34. Chiaki Hayashi
  • 35. Chiaki Hayashi
  • 36. : 3 Chiaki Hayashi
  • 37. Web Web Chiaki Hayashi
  • 38. hikikomorix http://www.flickr.com/photos/hikikomori/157532512/
  • 39. 100 CMS CoporateSite Base Structure Chiaki Hayashi
  • 40. Chiaki Hayashi
  • 41. Chiaki Hayashi
  • 42. Chiaki Hayashi
  • 43. Chiaki Hayashi