$30 off During Our Annual Pro Sale. View Details »

WIP

 WIP

JohoKaigi 情報会議 #2 で発表させていただきました
http://johokaigi.org/

ken_c_lo / TAEKO AKATSUKA

November 12, 2015
Tweet

More Decks by ken_c_lo / TAEKO AKATSUKA

Other Decks in Design

Transcript

  1. Work in Progress
    by @ken_c_lo at esa LLC
    Nov 13, 2015
    JohoKaigi - ৘ใձٞ @ Increments Inc.
    WIP

    View Slide

  2. Hello
    ˡશࣾһ໊
    ɹσβΠφʔͷํ

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. https://esa.io

    View Slide

  7. View Slide

  8. ϚʔΫμ΢ϯͰॻ͚Δɺ
    νʔϜͷͨΊͷ
    υΩϡϝϯτڞ༗αʔϏε
    …͋ͬʂ

    View Slide

  9. å
    esa inspired
    by
    Qiita:Teamɺ޷͖͗ͯ͢࡞ͬͨ

    View Slide

  10. Compare with Qiita:team
    ࢥ૝ͷҧ͍ɺख๏ͷҧ͍
    ׂͱdiff͕͋Δ

    View Slide

  11. ࠓ೔͸ͦͷதͷ1ͭ
    WIP
    ͷ࿩Λ͠·͢

    View Slide

  12. WIP
    ͱ͸ʁ

    View Slide

  13. WIP
    ʹ Work in Progress
    ਐߦதɾ࡞ۀதɾॲཧதɾະ׬੒
    ෆ׬શͰ͋Δ͜ͱΛप஌͢Δه߸ͱͯ͠࢖ΘΕΔ
    řŎŕŲƅ

    View Slide

  14. ͱΓ͋͑ͣɺڞ༗
    ࡶʹڞ༗
    ·ͩͰ͖ͯͳ͍͚Ͳڞ༗

    View Slide

  15. ͜Μͳײ͡ͷ͜ͱΛߟ͑ͯ͸͍Δ͚Ͳɺ
    ·ͩFIX͡Όͳ͍ΜͰɻ
    ͜Ε͔Β΋ͬͱྑ͘ͳΔΜͰɻ
    WIPΛ͚ͭΔͱ͖ͷ͖΋ͪ
    • ͳͷͰࡉ͔͗͢Δποίϛ͸·ͩצหͯ͠Ͷ
    • ͚ͲɺؒҧͬͯͨΒڭ͑ͯͶ
    • ࠔͬͯͨΒॿ͚ͯͶ
    • ΍Δؾ͸͋ͬͯ͜Ε͔Β΍Δͭ΋ΓͰ͸͋ΔΜͩΑ
    • ͬ͘͟Γ͜͏͍͏͜ͱߟ͑ͯΔ͔ΒͳΜͱͳ͘஌ͬͯͯͶ
    • େମ߹ͬͯͨΒ͞Γؾͳ͘΄Ίͯ͘ΕͨΒ΍Δؾग़Δ͔΋
    • ·ͣ͸ࣗ෼ͷϝϞతʹॻ͍ͯΔ͚ͩͳΜͩ

    View Slide

  16. ͭ·ΓɺWIPͱ͸
    ΤΫεΩϡʔζͷҰछ
    ʢݴ͍༁ɾหղʣ
    ͪΐͬͱݴ͍ํѱ͍͚Ͳ
    Excuse me

    View Slide

  17. ʮϙΤϜʯ
    ΋ΤΫεΩϡʔζͷҰछ
    • ϙΤϜ͔ͩΒଟগΏΔ;ΘͰࠜڌബऑͳࣄॻ͍ͯͯ΋ڐͯ͠
    • ϙΤϜ͔ͩΒଟগײ৘తʹͳͬͯͯ΋ڐͯ͠
    • ϙΤϜ͔ͩΒΦν΍݁࿦ͳ͍͚Ͳڐͯ͠
    • ϙΤϜ͔ͩΒओ؍ͨͬ΀ΓͰಥͬ૸ͬͯΔ͚Ͳڐͯ͠
    ͦ͏͍͑͹
    ( ˘ω˘)
    ϙΤϜ͔ͩΒ
    ·͋͠ΐ͏͕ͳ͍ͳ

    View Slide

  18. ਓ͸ɺ
    ݴ͍༁͕ඞཁ
    • ஏ͔͍ͣ͜͠ͱ
    • ݴ͍ͮΒ͍͜ͱ
    • ͩ͘Βͳ͍͜ͱ
    • ෆ׬શͳ͜ͱ/ࣗ৴ͳ͍͜ͱ
    • ࣄ຿తͰͳ͍͜ͱ
    …ͳͲΛݴ͏࣌ʹ

    View Slide

  19. ׶͑ͯͷΤΫεΩϡʔζ΍ҙਤతͳ੍ݶΛ෇Ճ͠ɺ
    ࢓૊Έʹ͋ΔछͷʮϢϧ͞ʯΛ༩͑Δ͜ͱͰɺ
    ʮΏΔ͠ͷσβΠϯʯͱউखʹݺΜͰ͓Γ
    • ࠓ·Ͱݴ͑ͳ͔ͬͨ͜ͱ͕ݴ͑Δ
    • ॻ͚ͳ͔ͬͨਓ͕ॻ͚Δ
    • Ͱ͖ͳ͔ͬͨ͜ͱ͕Ͱ͖Δ
    ݸਓతʹڵຯΛ࣋ͬͯΔ

    View Slide

  20. WIP
    esa.ioͷWIPػೳʹ͍ͭͯ

    View Slide

  21. อଘϘλϯ͕
    2ͭʁʁ

    View Slide

  22. ࡞ۀதͷͱ͖͸ɺWIPͰอଘ
    Qiita:TeamͰ͍͏ͱ͜ΖͷԼॻ͖ʹ͋ͨΔײ͡
    Լॻ͖ஈ֊͔Βଞਓʹݟ͑ΔΑ͏ʹͳͬͯΔ

    View Slide

  23. WIPͰอଘ͢Δͱɺ
    λΠτϧ͕άϨʔΞ΢τ
    • WIPͰߋ৽ͯ͠΋WebhookͰSlackͱ͔ʹ௨஌͕ඈ͹ͳ͍
    • ߋ৽Ұཡʹ͸άϨʔΞ΢τͯ͠ग़ΔʢHomeը໘Ͱ͸ͳ͍ʣ
    • Կ౓΋ߋ৽͢Δ͜ͱ͕Ͱ͖Δʢ㵰+Sʣ
    • ϩʔΧϧͷΤσΟλʹॻ࣌͘Έ͍ͨͳײ͡Ͱॻ͚Δ
    • ΈΜͳʹੵۃతʹ஌Βͤ͸͠ͳ͍͚Ͳɺڵຯ͋Δਓ͸Θ͟Θ͟ݟʹདྷΕ
    ͹ݟΔ͜ͱ͕Ͱ͖Δঢ়ଶ

    View Slide

  24. ͍͍ͩͨͰ͖ͨΒɺShip It!

    View Slide

  25. Ship It! ͢Δͱ
    Webhook ͷ௨஌͕ඈͿ ƻ
    ΈΜͳ͕ݟʹདྷΔ

    View Slide

  26. Almost done? ≠ Done!
    ʮ͍͍ͩͨͰ͖ͨʯ͕ϙΠϯτ
    • ׬੒౓ 70 - 80%͘Β͍ͱ͔Ͱ͍͍ͷ͔΋ʁ
    • ·ͱ·͖͔ͬͯͨΒҰ୴प஌͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰShip it
    • ΋ͬͱϒϥογϡΞοϓ͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰɺWIPʹ໭
    ͢͜ͱ΋Ͱ͖Δʢ݁ߏΑ͘΍Δʣ

    View Slide

  27. Done is better than perfect
    Λମݱͨ͠ػೳ

    View Slide

  28. WIP
    WIP͸esaͷൃ໌͡Όͳ͍

    View Slide

  29. WIPͰڞ༗͢Δ͜ͱͷޮՌɾޮೳΛ
    զʑ͸طʹ։ൃͷݱ৔Ͱ஌͍ͬͯͨ

    View Slide

  30. GitHubͷPull Requestͷ [WIP] ӡ༻
    • Pull Request ͷλΠτϧʹ [WIP] ͱ͚ͭΔ
    • 2013೥͘Β͍͔Β޿·ͬͨʁ
    • GitHub FlowͳνʔϜ։ൃͰ͸ී௨ͳײ͡ʹͳͬͨ

    View Slide

  31. Qiita:Teamͷ೔ใͷ[WIP]ӡ༻
    ग़యΛݟ͚ͭΔ͜ͱ͕Ͱ͖ͳ͔ͬͨΜͰ͕͢ɺͲ͔͜ͰಡΜͩهԱ / 2014೥य़͘Β͍ʢesaΛ࡞Γ͸͡ΊΔલޙʣ
    • ேग़ࣾͨ͠ΒɺQiita:Teamͷ೔ใΛ·্ཱͣͪ͛ͯ
    • λΠτϧͷϓϨϑΟΫεʹ [WIP] ͱ͚ͭΔ
    • ࠓ೔ͷλεΫΛ೔ใʹՕ৚ॻ͖ʹ͢Δ
    • λεΫΛ͜ͳ͢͝ͱʹͦͷઆ໌ͳͲ΋௥ه͍ͯ͘͠
    • ୀࣾ࣌ʹ [WIP] Λ֎ͯ͠ߋ৽
    ࣮ࡍਅࣅͯ͠΍ͬͯΈͨΒ͘͢͝ྑ͍
    ࣗ෼ͷͨΊʹॻ͍ͨTODOϦετ͕ؼΔͱ͖ʹ͸೔ใʹͳͬͯΔʂ

    View Slide

  32. ʮWIPͰڞ༗͸ɺ͍͍ΑͶʯ
    ͱ͍͏ίϯηϯαε͕ɺ͢Ͱʹपғͷ։ൃݱ৔ʹ͸͋ͬͨ
    • ͦͷͨΊͷΑ͍࢓૊Έ͕ͳ͍ͷͰӡ༻ͰΧόʔ
    • λΠτϧͷϓϨϑΟΫεʹ [WIP] ͱ͚ͭͨΓͶ
    • ͳΜͱ͔͏·͍ܗʹUIʹམͱ͍ͨ͠

    View Slide

  33. WIP
    WIP͸ਓͷͨΊͳΒͣ

    View Slide

  34. ࣗ෼ͷͨΊʹ΍ͬͨ͜ͱ͕ɺ
    ୭͔ͷͨΊʹͳΔ͜ͱ͕͋Δ
    ࣗ෼ͷͨΊʹॻ͍ͨTODOϦετ͕ؼΔͱ͖ʹ͸೔ใʹͳͬͯΔʂ
    ͱ͍͏ঢ়ଶ͕ඒ͍͠ɻ
    ʢͳΒͳ͍͜ͱ΋͋Δʣ

    View Slide

  35. ࣗ෼ͷͨΊʹ΍ͬͨ͜ͱ͕ɺ
    ୭͔ͷͨΊʹͳΔ
    • OSS։ൃ
    • ϒϩά΍࡞඼ͷΞ΢τϓοτͱ͔ʢಉਓ׆ಈͱ͔΋ʁʣ
    • WebαʔϏεͷυοάϑʔσΟϯάͱ͔΋
    • esa͕ࣾେ੾ʹ͍ͯ͠Δߦಈࢦ਑ͷͻͱͭͰ΋͋Δ
    • αʔϏε΋άοζ΋ࣗ෼͕ͨͪཉͯ͘͠࡞ͬͯΔ
    ʬ͜ͷݪཧͰ͏·͘ճͬͯΔ΋ͷͨͪʭ

    View Slide

  36. ࣗ෼ͷͨΊʹ΍ͬͨ͜ͱ͕ɺ
    ୭͔ͷͨΊʹͳΔ
    ߦҝͦͷ΋ͷ͕ใुͰ͋Δঢ়ଶ
    Ϟνϕʔγϣϯ͕ߴ͍

    View Slide

  37. motivated teams
    =Α͍νʔϜ

    View Slide

  38. • ϩʔΧϧͷςΩετΤσΟλ
    • ݸਓ༻ͷEvernote
    • ࣗ෼Ѽͯͷϝʔϧ
    ࣗ෼ͷͨΊʹॻ͘ʮυΩϡϝϯτʯ
    උ๨࿥ɾϝϞɾTODOϦετɾاըΞΠσΞɾઃܭΞΠσΞ
    ༩݅ͷ੔ཧɾվળҊɾ೔ࠒࢥ͍ͬͯΔ͜ͱɾ
    ॻ్͖தͷ΋Ζ΋Ζ…
    ྫ͑͹͜Μͳͱ͜Ζʹ

    View Slide

  39. ࣗ෼ͷϩʔΧϧ (͋Δ͍͸೴಺) ʹ͋Δ
    ࣗ෼ͷͨΊͷ΋ͷΛ
    ͳΔ΂͘ૣ͍ஈ֊ͰΠϯλʔωοτʹɺ
    ଞਓʹݟ͑Δ৔ॴʹɻ
    ͦΕΛ΍Γ΍͘͢͢Δ࢓૊Έ͕WIP
    ʮॻ͔ͤΔʯͷͰ͸ͳͯ͘ɺ
    طʹ͋ͳ͕ͨ೔ࠒॻ͍͍ͯΔ͜ͱΛ
    ૣΊʹڞ༗ͯ͘͠ΕΔͱ
    ΋ͬͱΑ͍͜ͱ͕͋Δ͔΋
    ͱ͍͏ελϯε

    View Slide

  40. WIP
    ͲΜͳΑ͍͜ͱ͕͋Δͷʁ

    View Slide

  41. Case:1
    • ࠷ॳʹࡶʹWIPͰͬ͘͟Γॻ͍ͯڞ༗͢ΔͱɺपғͷϑΟʔυόοΫΛड
    ͚ͳ͕Βɺ઴ਐతʹυΩϡϝϯτ΍ΞΠσΞΛྑ͍ͯ͘͘͜͠ͱ͕Ͱ͖Δ
    • ࠷ॳͷҰา͕౿Έग़͠΍͍͢
    • λΠτϧͷΈɺࢥ͍͖ͭΛՕ৚ॻ͖ʹ͢Δ͚ͩͰ΋Α͍
    • ୈ3ऀͷϦΞΫγϣϯΛ΋Β͑Δ͜ͱͰɺϞνϕʔγϣϯ্͕͕Δ
    • ݫ͗͢͠Δ & ࡉ͔͗͢ΔϑΟʔυόοΫΛ๷͛Δ
    Ұؾʹ׬੒౓͕ߴ͍΋ͷΛॻ͘ͷ͸
    ϋʔυϧߴ͍͚ͲɺWIPͩͱॻ͖ग़
    ͠΍͍͢ɻ

    View Slide

  42. Case:2
    • ʮͳΔ΄Ͳɺ͜͏͍͏ϓϩδΣΫτ͕ࠓ౓ಈ͘༧ఆͳͷ͔ʯͱ͍͏प஌͕Ͱ͖Δ
    • ࢓ࣄΛҰาਐΊͨײ͕ग़Δ
    • WIPʹ˒͕໯͑ΔͱɺʮͦͷௐࢠͰOKʯʮ͍͍ͶʂʯʮݟͯΔΑʂʯͷαΠϯ
    • ΍ΔΑʂ΍Ζ͏Αʂ ΛपғʹॊΒ͔͘Ξϐʔϧ → पΓ΋৺ͷ४උ͕Ͱ͖Δ
    • اը͕ॊΒ͔͍͏͔ͪΒΈΜͳ͕౰ࣄऀʹͳΕΔ༨஍͕Ͱ͖Δ
    • ʮ΋ͬͱૣ͘ݴͬͯ͘ΕΕ͹Α͔ͬͨͷʹʯʮͦΜͳٸʹݴΘΕͯ΋ࠔΔ…ʯ
    ࢀߟʣϝυϨʔ͞ΜͷΠϯλϏϡʔ : https://docs.esa.io/posts/153
    ͋Δاը্ཱ͕͕ͪͬͨͱ͖ʹɺৄࡉ
    ͕ܾ·ͬͯͳͯ͘΋ɺ·ͣ͸λΠτϧͩ
    ͚ͰWIPͷυΩϡϝϯτΛ࡞͓ͬͯ͘ɻ

    View Slide

  43. Case:3
    • ೔ใͷTODOʹॻ͍ͯ͋Ε͹ɺΘ͟Θ্͕࢘͟ਐḿ֬ೝΛ͠ͳͯ͘͢Ή
    • WIPͰڞ༗͢Δ͜ͱʹΑͬͯɺ୭͕ԿΛ΍Δͭ΋Γͳͷ͔ɺ΍͍ͬͯΔͷ͔Λ΍Μ
    ΘΓ೺ѲͰ͖Δ
    • ·ͩ΍ͬͯͳ͍͚Ͳ΍Δͭ΋ΓͰ͸͋ΔΜͩΑɺͱ͍͏͞Γ͛ͳ͍ΞϐʔϧʹͳΔ
    • Θ͟Θ͟఻͑ʹ͍͘·ͰͰ΋ͳ͍Μ͚ͩͲɺͪΐͬͱ೰ΜͰΔͱ͜Ζ΍͍͍᪴ͯΔ
    ͱ͜ΖͳͲ΋ॻ͖΍͍͢
    XXX͞Μ͸·ͩΞΫγϣϯͳ͍͚ͲɺWIPͷ
    ೔ใͷTODOϦετΛݟΔͱɺ͜ͷ݅TODO
    ͱͯͪ͠ΌΜͱೝࣝͯ͘͠ΕͯΔΜͩͳɻ

    View Slide

  44. Case:4
    • WIPͱॻ͍ͯ͋Δͱɺॻ͖खͷߟ͑Λ಄͔Β൱ఆ͠ͳ͘ͳΔ
    • ͜Ε͔Βࡉ͔͍ͱ͜ΖΑ͍ͯͭ͘͘͠΋ΓͳͷͩΖ͏ͱ͍͏͜ͱΛલఏʹ઀͢Δ͜ͱ
    ͕Ͱ͖Δ
    • ʮ·ͩॻ͍ͯͳ͍͚͔ͩ΋͠Εͳ͍͚Ͳɺ͕̋̋଍Γͯͳ͍͔΋ʙʯˠ ࢦఠ΋ࣗવʹ
    ؾΛ࢖ͬͨײ͡ʹͳΔ
    • ੠͕େ͖͍ਓɾϋʔτ͕ڧ͍ਓҎ֎΋ൃ৴͠΍͘͢ͳΔ
    • WIPͩͱ૬खʹ༏͘͠ͳΕΔ → ॏཁ
    πϝ͕؁͍ΞΠσΞ͚ͩͲɺ·͋
    WIP͔ͩΒࡉ͔͍ποίϛΛೖΕΔ
    ͷ΋ͳʔ

    View Slide

  45. WIP
    ·ͱΊ: શ͕ͯWIPʹͳΔ

    View Slide

  46. ͜Ε͸FIXͰ͔͢ʁ
    ֬ఆࣄ߲Ͱ͔͢ʁ
    ݱ৔ͰΑ͋͘Δ࣭໰

    View Slide

  47. ͔֬ʹ࢓ࣄΛ͢Δ্Ͱɺ
    ʮ͜ΕͰ֬ఆ(FIX)ʯ͸ݐલ্ඞཁɻ
    ͳ͍ͱ্ख͘ճΒͳ͍ɻ
    ͚ΕͲຊདྷɺ
    શͯͷ΋ͷ͝ͱ͸ෆ׬શͰɺ
    ൃల్্Ͱɺ
    Ͳͷ࣌఺͔ΒͰ΋มΘ͍͚ͬͯΔ͠ɺ
    ΋ͬͱྑ͘͢Δ͜ͱ͕
    Ͱ͖ΔͷͰ͸ͳ͍͔ʁ

    View Slide

  48. WIP
    ͜Ε͔Β΋ͬͱ΋ͬͱྑ͘ͳΔՄೳੑ͕
    ͋Δͱ͍͏͜ͱ

    View Slide

  49. શ͕ͯWIPͱͯ͠
    ίϛϡχέʔγϣϯͰ͖ΔΑ͏ʹͳΔͱɺ
    ΑΓࣗ཯తͰ͍͖͍͖ͱͨ͠
    Α͍΋ͷ͕࡞ΕΔνʔϜʹͳΕΔͷ͔΋

    View Slide

  50. Team in Progress
    Thank you (\( ⁰⊖⁰)/)

    View Slide