20091024 CSS Nite in Ishikawa

1,557 views
1,402 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,557
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
28
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • 20091024 CSS Nite in Ishikawa

    1. 1. Chiaki Hayashi
    2. 2. About loftwork & myself Chiaki Hayashi
    3. 3. loftwork.jp CMS, WEB, Mobile, Print Big Project Chiaki Hayashi
    4. 4. loftwork.com 13,000 Chiaki Hayashi
    5. 5. loftwork Directors Creators Clients Chiaki Hayashi
    6. 6. Chiaki Hayashi Chiaki Hayashi
    7. 7. Chiaki Hayashi
    8. 8. Agenda 1 2 3 Chiaki Hayashi
    9. 9. What is Project Management? Chiaki Hayashi
    10. 10. What is Project Management? Chiaki Hayashi
    11. 11. Chiaki Hayashi
    12. 12. Project Management Chiaki Hayashi
    13. 13. Chiaki Hayashi
    14. 14. Chiaki Hayashi
    15. 15. Project Management Body of Knowledge Chiaki Hayashi
    16. 16. web direction = project management? Chiaki Hayashi
    17. 17. DESIGN FLASH HTML web direction Chiaki Hayashi
    18. 18. DESIGN FLASH HTML web direction Chiaki Hayashi
    19. 19. DESIGN FLASH HTML IA Accessibility SEO Security Usability Design CSS Strategy Marketing System Social Chiaki Hayashi
    20. 20. DESIGN FLASH HTML IA Accessibility SEO Security Usability Design CSS Project Management Strategy Marketing System Social Chiaki Hayashi
    21. 21. Agenda 1 2 3 Chiaki Hayashi
    22. 22. Chiaki Hayashi
    23. 23. Chiaki Hayashi
    24. 24. Chiaki Hayashi
    25. 25. Chiaki Hayashi
    26. 26. Chiaki Hayashi
    27. 27. Chiaki Hayashi
    28. 28. Chiaki Hayashi
    29. 29. Chiaki Hayashi
    30. 30. Chiaki Hayashi
    31. 31. Chiaki Hayashi
    32. 32. Chiaki Hayashi
    33. 33. Chiaki Hayashi
    34. 34. Chiaki Hayashi
    35. 35. Agenda 1 2 3 Chiaki Hayashi
    36. 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. 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. 38. Chiaki Hayashi
    39. 39. Chiaki Hayashi
    40. 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. 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. 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. 43. Chiaki Hayashi
    44. 44. Chiaki Hayashi
    45. 45. Chiaki Hayashi
    46. 46. Chiaki Hayashi
    47. 47. Chiaki Hayashi
    48. 48. Chiaki Hayashi
    49. 49. Chiaki Hayashi
    50. 50. Chiaki Hayashi
    51. 51. Chiaki Hayashi
    52. 52. Chiaki Hayashi
    53. 53. Chiaki Hayashi
    54. 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. 55. Chiaki Hayashi
    56. 56. Chiaki Hayashi
    57. 57. Chiaki Hayashi
    58. 58. 1: 2: PMBOK Web 3: PMP 4: chiaki@loftwork.com twitter: chiaki Chiaki Hayashi
    59. 59. thank you Chiaki Hayashi

    ×