• Like
20091024 CSS Nite in Ishikawa
Upcoming SlideShare
Loading in...5
×

20091024 CSS Nite in Ishikawa

  • 1,103 views
Uploaded on

 

  • 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
1,103
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
26
Comments
0
Likes
3

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
  • 8. Agenda 1 2 3 Chiaki Hayashi
  • 9. What is Project Management? Chiaki Hayashi
  • 10. What is Project Management? Chiaki Hayashi
  • 11. Chiaki Hayashi
  • 12. Project Management Chiaki Hayashi
  • 13. Chiaki Hayashi
  • 14. Chiaki Hayashi
  • 15. Project Management Body of Knowledge Chiaki Hayashi
  • 16. web direction = project management? Chiaki Hayashi
  • 17. DESIGN FLASH HTML web direction Chiaki Hayashi
  • 18. DESIGN FLASH HTML web direction Chiaki Hayashi
  • 19. DESIGN FLASH HTML IA Accessibility SEO Security Usability Design CSS Strategy Marketing System Social Chiaki Hayashi
  • 20. DESIGN FLASH HTML IA Accessibility SEO Security Usability Design CSS Project Management Strategy Marketing System Social Chiaki Hayashi
  • 21. Agenda 1 2 3 Chiaki Hayashi
  • 22. Chiaki Hayashi
  • 23. Chiaki Hayashi
  • 24. Chiaki Hayashi
  • 25. Chiaki Hayashi
  • 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. Agenda 1 2 3 Chiaki Hayashi
  • 36. !"#$!#"%&'!()!*++,-+,-.*!.*/+,!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
  • 37. 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! Chiaki Hayashi ! ]&|}X^&_`)ab;<œ^z!
  • 38. Chiaki Hayashi
  • 39. Chiaki Hayashi
  • 40. !!" "#" $%" ./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
  • 41. !!" "#" ./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¢=¨¬¯@;"
  • 42. !!" "#" ./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¢=¨¬¯@;"
  • 43. Chiaki Hayashi
  • 44. Chiaki Hayashi
  • 45. Chiaki Hayashi
  • 46. Chiaki Hayashi
  • 47. Chiaki Hayashi
  • 48. Chiaki Hayashi
  • 49. Chiaki Hayashi
  • 50. Chiaki Hayashi
  • 51. Chiaki Hayashi
  • 52. Chiaki Hayashi
  • 53. Chiaki Hayashi
  • 54. !""#$%%$!&'()*+,-* ABC ABCDEF GH IJ KLMN OKPQ RSTUV WX % YZ[]^_`aU %$% bcdefg[ hiYZ[jdklmcdenopKLqhiprs Ltu v>@ wA !""#$%%$% %$x yze{|[}~e•€[•‚ƒ yze{|[„…p†U‡ˆ‰Š‹•€[ Œ•Ltu ŽŽ= wA !""#$%%$• %$• YZ[‘•ƒ<.’C_`ƒ YZ[“‘•”•–—€y˜d[™Lš—€y˜d[“IJpU› Œ•Ltu ŽŽ= wA !""#$%%$&" ! jœZ€•ž !$% |fŸZ— ¡¢€£y[¤d[ jœZ€•ž¥¦§¨©“ª«¬p-®‡ˆ‰Š‹•€[ Ltu ŽŽ= wA !""¯$%$%" !$! jœZ€°€y f±‹d²³´“jœZ€pµ¶‡ˆ§·“jœZ€¸ Ltu :Ž¹ wA !""¯$%$%% !$& jœZ€jdk -Uq§jœZ€jdk Ltu ŽCº wA !""¯$%$%! & .’C™» yz¼½¾ &$! .’Cyz¼½¾jdknN ¿Àq§.’C“yz¼½¾jdk Œ•Ltu wA A-ÃÄ->-++@-!$&%“g[˜dejdk ÁÂZ³ ÉÊËÌp|f²q©ÍˆÎÏpÇȇˆ§·“—g[¿ÐÇÈ &$• ÅKµÆÇȃ Œ•Ltu v>@ wA ƒ • RS‰Š‹•€[ •$% jœZ€ÑZ‰½Z€ jœZ€ÑZ‰½Z€Ò?xYZÓš%"cdeÔQÕ Œ•Ltu ŽŽ= wA •$! ²|£¤Öf— ÑZ‰½Z€ ²|£¤Öf— ÑZ‰½Z€Ò?xYZÓš%"cdeÔQÕ Œ•Ltu ŽŽ= wA Chiaki Hayashi •$& ×Ø}±‹²³ A-Ã}gkd«Ù×Ø}±‹²³Ò?xYZÓš&"cdeÔQÕ Œ•Ltu ŽŽ= wA
  • 55. Chiaki Hayashi
  • 56. Chiaki Hayashi
  • 57. Chiaki Hayashi
  • 58. 1: 2: PMBOK Web 3: PMP 4: chiaki@loftwork.com twitter: chiaki Chiaki Hayashi
  • 59. thank you Chiaki Hayashi