ディレクターは「準備」と「調整」がすべて！ 〜制作現場の「もやもや」を吹き飛ばそう〜

044a0481dff208eade9ac1bdf30bf460?s=47 kobatatakayuki
February 26, 2017
Technology
0
240

ディレクターは「準備」と「調整」がすべて！ 〜制作現場の「もやもや」を吹き飛ばそう〜

様々なケースから学ぶ。Webディレクターのキャリア戦略@関西 Vol.3 講演資料

044a0481dff208eade9ac1bdf30bf460?s=128

kobatatakayuki

February 26, 2017
Tweet

More Decks by kobatatakayuki

See All by kobatatakayuki
044a0481dff208eade9ac1bdf30bf460?s=48 kobatatakayuki
0
600
044a0481dff208eade9ac1bdf30bf460?s=48 kobatatakayuki
0
590
044a0481dff208eade9ac1bdf30bf460?s=48 kobatatakayuki
1
630
044a0481dff208eade9ac1bdf30bf460?s=48 kobatatakayuki
0
270

Other Decks in Technology

See All in Technology
953fe5f1a04d8944ead78db3991cfa6a?s=48 anoriqq
0
200
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
160
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
1.9k
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
0
250
Cc8a208e174943d1da814783841abd50?s=48 shinodogg
2
220
93fc2d713bc4d0e9c594bf8c9e6bcc62?s=48 oztick139
0
120
553784f5490e80cde79ef80ee70b5ed2?s=48 takamii228
1
130
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
590
8434e5fcdb11033234455d4b2bfb6bb3?s=48 voyage_tech
0
520
457ada693e168bd1102fec3914040b5d?s=48 uipath_friends
0
160
Eeedbe91225c0207014a46f09eea1d30?s=48 nearmugi
1
150
A8b79d304b5184e5a5b0a109590f6683?s=48 dpreussler
0
210

Featured

See All Featured
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
510
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
123
20k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
191
8.3k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
54
6k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
10
630
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
325
15k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
60k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
197
9.5k
79acae287842acf29084005533a7fb3b?s=48 hursman
104
9.1k

Transcript

  1. σΟϨΫλʔ͸ʮ४උʯͱʮௐ੔ʯ ͕͢΂ͯʂ ʙ੍࡞ݱ৔ͷʮ΋΍΋΍ʯΛਧ͖ඈ͹ͦ͏ʙ 2017-02-25 @kobatatakayuki - Takayuki Kobata

  2. ΞδΣϯμ • ࣗݾ঺հ • ४උฤ • ௐ੔ฤ • ·ͱΊ

  3. ΞδΣϯμ • ࣗݾ঺հ • ४උฤ • ௐ੔ฤ • ·ͱΊ

  4. None

  5. খാλΧϢΩ

  6. 37ࡀ

  7. γχΞςΫχΧϧσΟϨΫλʔ

  8. 150ϖʔδҎ্

  9. 2ϲ݄Ҏ্

  10. ͍ΘΏΔதɾେن໛Ҋ݅ ʢ৽نߏஙͱӡ༻ʣ

  11. ໿ 8ׂ

  12. ࣗࣾΞϓϦ ʢӡ༻ͱ։ൃʣ

  13. ໿ 2ׂ

  14. γχΞςΫχΧϧσΟϨΫλʔ

  15. ࣾ಺֎ʹ͓͚Δ ४උͱௐ੔͕ओͳ࢓ࣄ

  16. ʲ४උʳ ͙͢औΓ͔͔ΕΔঢ়ଶ

  17. ४උʹඞཁͳ΋ͷ 1. ΤϏσϯε 1. ܖ໿ॻ 2. ٞࣄ࿥ 2. ཁ݅ఆٛ 1.

    ϨΪϡϨʔγϣϯ 2. ٕज़తཁ݅ 3. ߏ଄ઃܭ 1. αΠτϚοϓ 2. σΟϨΫτϦϚοϓ

  18. ʲௐ੔ʳ ਖ਼ৗঢ়ଶʹ߹ΘͤΔ͜ͱ

  19. ௐ੔ʹඞཁͳ΋ͷ 1. ࣾ಺֎ௐ੔ 1. ίϛϡχέʔγϣϯ 2. ֎෦ύʔτφʔ؅ཧ 2. ਐḿ؅ཧ 1.

    λεΫ؅ཧ 2. ޻਺؅ཧ 3. ࢓૊ΈԽ 1. ϦϚΠϯμʔͷ׆༻ 2. ৼΓฦΓձ

  20. ϑϩϯτΤϯυग़਎

  21. ۀքྺ 15೥

  22. ϑϩϯτΤϯυग़਎ͷ σΟϨΫλʔ͕গͳ͍

  23. ΩϟϦΞύε

  24. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ

  25. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ

  26. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ

  27. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ •

    2004೥ ίʔμʔ

  28. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ •

    2004೥ ίʔμʔ • 2005೥ ϚʔΫΞοϓΤϯδχΞ

  29. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ •

    2004೥ ίʔμʔ • 2005೥ ϚʔΫΞοϓΤϯδχΞ • 2006೥ ϚʔΫΞοϓσβΠϯΤϯδχΞ

  30. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ •

    2004೥ ίʔμʔ • 2005೥ ϚʔΫΞοϓΤϯδχΞ • 2006೥ ϚʔΫΞοϓσβΠϯΤϯδχΞ • 2010೥ ϑϩϯτΤϯυΤϯδχΞ

  31. • 1998೥ झຯͰϗʔϜϖʔδ੍࡞Λ࢝ΊΔ • 2002೥ WebΫϦΤΠλʔ • 2003೥ WebσβΠφʔ •

    2004೥ ίʔμʔ • 2005೥ ϚʔΫΞοϓΤϯδχΞ • 2006೥ ϚʔΫΞοϓσβΠϯΤϯδχΞ • 2010೥ ϑϩϯτΤϯυΤϯδχΞ • 2013೥ γχΞςΫχΧϧσΟϨΫλʔ

  32. ͋ͳͨ͸ͲͷΑ͏ͳ ΩϟϦΞύεΛඳ͖·͔͢ʁ

  33. ʲ༨ஊʳ ࣗ෼ͷ୨Է͠Λͯ͠ΈΔ

  34. ϚΠϯυϚοϓͰࢥߟΛ੔ཧ͢Δ • ίϯηϓτΛཱͯΔ • ͍ͭ·Ͱʹୡ੒ͤ͞Δ͔Λ໌ه͢Δ • ୡ੒ͤ͞Δʹ͸Կ͕ඞཁ͔ʁ • ͜ͷઃܭਤΛ೔ʑϝϯςφϯε͍ͯ͘͠ •

    ࣗ෼ͷ୨Է͠Λ͢Δ͜ͱͰɺࠓͷཱͪҐஔ͕Θ͔Δ

  35. ͜Ε͕ΩϟϦΞΞοϓͷۙಓ

  36. ·ͣ͸ࣗ෼Λ஌Δ͜ͱ͔Β࢝ΊΑ͏

  37. ࠓ೔ͷΰʔϧ

  38. ४උͱௐ੔Ͱ੍࡞ݱ৔ͷ ΋΍΋΍Λਧ͖ඈ͹ͦ͏

  39. ΞδΣϯμ • ࣗݾ঺հ • ४උฤ • ௐ੔ฤ • ·ͱΊ

  40. ʲ४උʳ ͙͢औΓ͔͔ΕΔঢ়ଶ

  41. ४උʹඞཁͳ΋ͷ 1. ΤϏσϯε 1. ܖ໿ॻ 2. ٞࣄ࿥ 2. ཁ݅ఆٛ 1.

    ϨΪϡϨʔγϣϯ 2. ٕज़తཁ݅ 3. ߏ଄ઃܭ 1. αΠτϚοϓ 2. σΟϨΫτϦϚοϓ

  42. ४උͷ΋΍΋΍

  43. ʢίϛϡχέʔγϣϯͷ໰୊ʣ

  44. ϓϩδΣΫτͰى͜Δ໰୊ͷ 9ׂ͸ίϛϡχέʔγϣϯ

  45. ΞϨͲ͏ͳͬͨʁ

  46. ͜ͷલɺ఻͑ͨΑͶ

  47. ͦΜͳΜฉ͍ͯͳ͍͠

  48. ΤϏσϯεΛ࢒͠·͠ΐ͏

  49. ʢཁ͕݅֬ఆ͍ͯ͠ͳ͍ʣ

  50. ର৅ϒϥ΢βͲ͏ͳͬͨʁ

  51. ϨεϙϯγϒରԠʁ

  52. jQueryͷόʔδϣϯ͸ʁ

  53. ཁ݅Λ֬ఆͤ͞·͠ΐ͏

  54. ʢHTMLΛ஌Βͳ͍ʣ

  55. ͜ͷϫΠϠʔ จॻߏ଄͓͔͘͠Ͷʁ

  56. ΞΫηγϏϦςΟߟ͑ͯΔʁ

  57. HTMLΛษڧ͠·͠ΐ͏

  58. ;Θͬͱͨ͠·· ਐߦ͢ΔͱࣄނΔ

  59. ΤϏσϯε

  60. ূڌ

  61. 1. ܖ໿ॻ 2. ࢓༷ॻ 3. QAγʔτ 4. ٞࣄ࿥ 5. ϝʔϧ

  62. ܖ໿ॻ͸௒େࣄ

  63. ݟͨ͜ͱͳ͍ਓ

  64. None

  65. ඞͣ֬ೝ͍ͯͩ͘͠͞

  66. 1. ᘥᙪ୲อظؒ 1. ظؒͷ֬ೝ 2. ໰୊ʹͳΓ΍͍͢ 2. લఏ৚݅ͷఏࣔ 1. ݕऩɺೲ඼ํ๏

    2. ΍Βͳ͍͜ͱΛϦετΞοϓ 3. ੒Ռ෺ͷ໌ࣔԽ 1. ೲ඼ൣғʢϓϩάϥϜΛؚΉͷ͔౳ʣ

  67. 1. ೲ඼෺ʹೖͬͯΔͱࢥͬͯͨ 2. ରԠൣғʹͳͬͯΔͱࢥͬͯͨ 3. ᘥᙪ୲อظؒͩͱࢥͬͯͨ 4. ࢓༷ͷதʹೖͬͯΔͱࢥͬͯͨ

  68. ʙͱʮࢥͬͯͨʯ͸ةݥ

  69. ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷ࢓༷มߋɹʻ ʉ^Y^Y^Y^Y^Y^Y^ʉ

  70. ΤϯδχΞʹͱͬͯ͸ ࢮ׆໰୊

  71. None

  72. ࣗ෼ͷ਎ʢձࣾʣΛ कΔͨΊʹඞཁ

  73. ΤϏσϯεΛ࢒͠·͠ΐ͏

  74. ΞʔΩςΫνϟμΠΞάϥϜ

  75. ઃܭॻ

  76. 2005೥ࠒʹ։ൃ

  77. ཁ݅Λ֬ఆͤ͞Δ΋ͷ

  78. ϓϩδΣΫτͷ ։࢝ͱಉ࣌ʹ࡞੒

  79. Google Spreadsheet

  80. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ

  81. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ

  82. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ 3. ϑΝΠϧ͸ৗʹΫϥ΢υʹ͋Δ

  83. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ 3. ϑΝΠϧ͸ৗʹΫϥ΢υʹ͋Δ 4. ӾཡݖݶΛ༩͑Δ͜ͱ͕Ͱ͖Δ

  84. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ 3. ϑΝΠϧ͸ৗʹΫϥ΢υʹ͋Δ 4. ӾཡݖݶΛ༩͑Δ͜ͱ͕Ͱ͖Δ

    5. ඞཁ͕͋Ε͹ɺExcelϑΝΠϧʹΤΫεϙʔτͰ͖Δ

  85. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ 3. ϑΝΠϧ͸ৗʹΫϥ΢υʹ͋Δ 4. ӾཡݖݶΛ༩͑Δ͜ͱ͕Ͱ͖Δ

    5. ඞཁ͕͋Ε͹ɺExcelϑΝΠϧʹΤΫεϙʔτͰ͖Δ 6. ڞ௨ೝࣝΛ࣋ͭ͜ͱ͕Ͱ͖Δ

  86. Google SpreadsheetΛ࢖͏ཧ༝ 1. ڞ༗Ͱ͖Δ 2. ڞಉ࡞ۀ͕Ͱ͖Δ 3. ϑΝΠϧ͸ৗʹΫϥ΢υʹ͋Δ 4. ӾཡݖݶΛ༩͑Δ͜ͱ͕Ͱ͖Δ

    5. ඞཁ͕͋Ε͹ɺExcelϑΝΠϧʹΤΫεϙʔτͰ͖Δ 6. ڞ௨ೝࣝΛ࣋ͭ͜ͱ͕Ͱ͖Δ 7. ίϛϡχέʔγϣϯͷ૬ҧΛ๷͙͜ͱ͕Ͱ͖Δ
  87. None

  88. 1. ϨΪϡϨʔγϣϯʢجຊ࢓༷ʣ 2. αΠτϚοϓ 3. σΟϨΫτϦϚοϓ 4. meta৘ใ 5. ਐḿ؅ཧ

    6. σόοάγʔτ

  89. Ҋ݅ʹԠͯ͡ΧελϚΠζ

  90. HTMLΛ஌Δ

  91. HTML͸࠷௿ݶͷ஌ࣝ

  92. HTMLΛॻ͍ͨ͜ͱ͋Δਓ

  93. σΟϨΫλʔͦ͜ HTMLͷ஌͕ࣝඞཁ

  94. HTML͕ཧղͰ͖Δͱ ࢓ࣄ͕͓΋͠Ζ͘ͳΔʂ

  95. 1. ਖ਼͍͠จॻߏ଄ 2. SEO 3. ΞΫηγϏϦςΟ 4. ϢʔβϏϦςΟ 5. ϑϩϯτΤϯυଆͱձ࿩͕Ͱ͖Δ

  96. ਆ࡚ઌੜͷ͘͝؆୯ͳHTML ͷઆ໌͸ඞಡ ࢀߟɿ͘͝؆୯ͳHTMLͷઆ໌ʢ֎෦ϦϯΫʣ

  97. None

  98. ·ͣ͸7ͭͷཁૉ͚ͩʂ

  99. 1. ݟग़͠ʢϒϩοΫཁૉʣ 2. ςΩετʢϒϩοΫཁૉɾΠϯϥΠϯཁૉʣ 3. ϦετʢϒϩοΫཁૉʣ 4. ද૊ΈʢϒϩοΫཁૉʣ 5. ը૾ʢΠϯϥΠϯཁૉʣ

    6. ϦϯΫʢΠϯϥΠϯཁૉʣ 7. άϧʔϓԽʢϒϩοΫཁૉɾΠϯϥΠϯཁૉʣ

  100. ϫΠϠʔ࡞੒ʹ΋໾ཱͭ

  101. Webͷࠜװ͸HTMLͱ͍͏͜ ͱΛ๨Εͯ͸ͳΒͳ͍

  102. ͔ͬ͠Γͱ४උ͠·͠ΐ͏

  103. ΞδΣϯμ • ࣗݾ঺հ • ४උฤ • ௐ੔ฤ • ·ͱΊ

  104. ʲௐ੔ʳ ਖ਼ৗঢ়ଶʹ߹ΘͤΔ͜ͱ

  105. ௐ੔ʹඞཁͳ΋ͷ 1. ࣾ಺֎ௐ੔ 1. ίϛϡχέʔγϣϯ 2. ֎෦ύʔτφʔ؅ཧ 2. ਐḿ؅ཧ 1.

    λεΫ؅ཧ 2. ޻਺؅ཧ 3. ࢓૊ΈԽ 1. ϦϚΠϯμʔͷ׆༻ 2. ৼΓฦΓձ

  106. ʲ࣭໰ʳ ௐ੔͸͍ͭ΍Δ΋ͷʁ

  107. 1. ໰୊͕ى͜Δલ 2. ໰୊͕ىͬͨ͜ޙ

  108. ໰୊͕ൃ͔֮ͯ͠ΒͰ͸஗͍ʂ

  109. ʲ౴͑ʳ ໰୊͕ى͜Δલ

  110. Ͱ͸ɺͲ͏͢Ε͹ྑ͍ʁ

  111. ໰୊͕ى͜Γʹ͍͘ ࢓૊ΈΛ࡞Δ

  112. ࢀߟεϥΠυ https://www.slideshare.net/ ikeharu/9-58134344

  113. None

  114. ௐ੔ͷ΋΍΋΍

  115. ʢεέδϡʔϧͷ໰୊ʣ

  116. ࢥ͍௨Γʹਐߦ͠ͳ͍

  117. ظݶ͕ܾΊΒΕͯͳ͍

  118. ๨Εͯͨ

  119. క੾Λৗʹҙࣝ͢Δ ࢓૊ΈΛͭ͘Δ

  120. ϦϚΠϯμʔΛ࢖͍·͠ΐ͏

  121. ʢಉ͡աͪΛ܁Γฦ͢໰୊ʣ

  122. ͜ͷલ΋ಉ͡ϛεͨ͠ΑͶ

  123. ଞͷҊ݅Ͱ΋ ಉ͡ࣄ৅͕ى͖ͨΑͶ

  124. ໰୊Λڞ༗͢Δ ࢓૊ΈΛͭ͘Δ

  125. ৼΓฦΓձΛߦͳ͍·͠ΐ͏

  126. ϦϚΠϯμʔ

  127. ϦϚΠϯμʔΛ࢖ͬͯΔਓ

  128. 1. Todoist 2. Google Calendar 3. Slack Reminderػೳ

  129. ظݶ͕໌ه͞Εͯͳ͍ͷ͸ λεΫͱݺ΂ͳ͍

  130. ୭͕͍ͭ·ͰʹԿΛ͢Δ͔ Λ໌֬ʹ͓ͯ͘͠

  131. ͦΜͳͷ֮͑ͯΒΕͶ͐ʔʂ

  132. πʔϧʹཔΓ·͠ΐ͏

  133. ৼΓฦΓձ

  134. ৘ใ͸ڞ༗͢Δ͜ͱʹ Ձ஋͕͋Δ

  135. ΋΍΋΍ձ

  136. ΋΍΋΍Λॻ͖ग़͢ձ

  137. 1. Ҋ݅લͷ΋΍΋΍ 2. Ҋ݅தͷ΋΍΋΍ 3. Ҋ݅ޙͷ΋΍΋΍

  138. None

  139. ϓϩδΣΫτΛৼΓฦΔ

  140. 1. Keepʢྑ͔ͬͨ͜ͱʣ 2. Problemʢѱ͔ͬͨ͜ͱʣ 3. Tryʢ࣍ʹࢼ͢͜ͱʣ

  141. None

  142. 1೔ͷऴΘΓΛৼΓฦΔ

  143. 1. Ͱ͖ͨ͜ͱϦετΛͭ͘Δ 2. ໌೔ͷTaskΛ੔ཧ͢Δ 3. ׂ࣌ؒΛͭ͘Δ

  144. ೔ʑௐ੔͢Δ͜ͱ͕େࣄ

  145. ΞδΣϯμ • ࣗݾ঺հ • ४උฤ • ௐ੔ฤ • ·ͱΊ

  146. ࠓ೔ͷΰʔϧ

  147. ४උͱௐ੔Ͱ੍࡞ݱ৔ͷ ΋΍΋΍Λਧ͖ඈ͹ͦ͏

  148. ४උͷ΋΍΋΍ • ίϛϡχέʔγϣϯͷ໰୊ • ཁ͕݅֬ఆ͍ͯ͠ͳ͍ • HTMLΛ஌Βͳ͍

  149. ղܾ͢Δʹ͸ɺɺɺ • ΤϏσϯε • ΞʔΩςΫνϟμΠΞάϥϜ • HTMLΛ஌Δ

  150. ௐ੔ͷ΋΍΋΍ • εέδϡʔϧͷ໰୊ • ಉ͡աͪΛ܁Γฦ͢໰୊

  151. ղܾ͢Δʹ͸ɺɺɺ • ໰୊͕ى͜Γʹ͍͘࢓૊ΈΛ࡞Δ • ϦϚΠϯμʔ • ৼΓฦΓձ

  152. ࣄྫΛަ͓͑ͯ࿩͔ͨͬͨ͠Ͱ͕͢ ·ͨ࣍ͷػձʹ

  153. ͥͻ࣋ͪؼͬͯ ݄༵೔͔Β࣮ફͯ͠Έ͍ͯͩ͘͞

  154. ײ૝ͳͲ΋͓଴͓ͪͯ͠Γ·͢

  155. @kobatatakayuki

  156. PR

  157. ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ http://frontend-x.github.io/

  158. Thank you! http://www.kobatatakayuki.com @kobatatakayuki