Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WIP
Search
ken_c_lo / TAEKO AKATSUKA
November 12, 2015
Design
21
22k
WIP
JohoKaigi 情報会議 #2 で発表させていただきました
http://johokaigi.org/
ken_c_lo / TAEKO AKATSUKA
November 12, 2015
Tweet
Share
More Decks by ken_c_lo / TAEKO AKATSUKA
See All by ken_c_lo / TAEKO AKATSUKA
esaのWIPの話 2019 / wip-2019
ken_c_lo
6
2.5k
認知パターンから考えるesaらしさのデザイン / Thinking esa-like design
ken_c_lo
35
7.9k
The esa way - Creating a Profitable Product from a Hobby Project
ken_c_lo
1
480
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
ken_c_lo
185
81k
esaのデザインの話 - 自分たちのWebサービスを作るデザイナーとしてやっていること / Design Talk of esa
ken_c_lo
50
10k
ノンデザイナーのためのコンセプト & ロゴ作り実践講座 feat. savanna.io
ken_c_lo
46
9.9k
esa.io - 趣味から育てるWebサービスの、仲間・会社・お金のつくりかた
ken_c_lo
33
7.6k
esaとRubyistとわたし
ken_c_lo
12
5k
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
5.9k
Other Decks in Design
See All in Design
Personal Story Sequence - Vendetta(WIP)
elrns88
0
340
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.8k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
370
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
210
portfolio
amitnk
1
160
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
470
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
230
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
ZKK_001.pdf
nicholaspegu
0
1.4k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.5k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Unsuck your backbone
ammeep
669
57k
Speed Design
sergeychernyshev
25
670
Code Review Best Practice
trishagee
65
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Adopting Sorbet at Scale
ufuk
73
9.1k
A Tale of Four Properties
chriscoyier
157
23k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
The Language of Interfaces
destraynor
154
24k
Transcript
Work in Progress by @ken_c_lo at esa LLC Nov 13,
2015 JohoKaigi - ใձٞ @ Increments Inc. WIP
Hello ˡશࣾһ໊ ɹσβΠφʔͷํ
None
None
None
https://esa.io
None
ϚʔΫμϯͰॻ͚Δɺ νʔϜͷͨΊͷ υΩϡϝϯτڞ༗αʔϏε …͋ͬʂ
å esa inspired by Qiita:Teamɺ͖͗ͯ͢࡞ͬͨ
Compare with Qiita:team ࢥͷҧ͍ɺख๏ͷҧ͍ ׂͱdiff͕͋Δ
ࠓͦͷதͷ1ͭ WIP ͷΛ͠·͢
WIP ͱʁ
WIP ʹ Work in Progress ਐߦதɾ࡞ۀதɾॲཧதɾະ ෆશͰ͋Δ͜ͱΛप͢Δه߸ͱͯ͠ΘΕΔ řŎŕŲƅ
ͱΓ͋͑ͣɺڞ༗ ࡶʹڞ༗ ·ͩͰ͖ͯͳ͍͚Ͳڞ༗
͜Μͳײ͡ͷ͜ͱΛߟ͍͑ͯΔ͚Ͳɺ ·ͩFIX͡Όͳ͍ΜͰɻ ͜Ε͔Βͬͱྑ͘ͳΔΜͰɻ WIPΛ͚ͭΔͱ͖ͷ͖ͪ • ͳͷͰࡉ͔͗͢Δποίϛ·ͩצหͯ͠Ͷ • ͚ͲɺؒҧͬͯͨΒڭ͑ͯͶ • ࠔͬͯͨΒॿ͚ͯͶ
• Δؾ͋ͬͯ͜Ε͔ΒΔͭΓͰ͋ΔΜͩΑ • ͬ͘͟Γ͜͏͍͏͜ͱߟ͑ͯΔ͔ΒͳΜͱͳͬͯͯ͘Ͷ • େମ߹ͬͯͨΒ͞Γؾͳ͘΄Ίͯ͘ΕͨΒΔؾग़Δ͔ • ·ͣࣗͷϝϞతʹॻ͍ͯΔ͚ͩͳΜͩ
ͭ·ΓɺWIPͱ ΤΫεΩϡʔζͷҰछ ʢݴ͍༁ɾหղʣ ͪΐͬͱݴ͍ํѱ͍͚Ͳ Excuse me
ʮϙΤϜʯ ΤΫεΩϡʔζͷҰछ • ϙΤϜ͔ͩΒଟগΏΔ;ΘͰࠜڌബऑͳࣄॻ͍ͯͯڐͯ͠ • ϙΤϜ͔ͩΒଟগײతʹͳͬͯͯڐͯ͠ • ϙΤϜ͔ͩΒΦν݁ͳ͍͚Ͳڐͯ͠ • ϙΤϜ͔ͩΒओ؍ͨͬΓͰಥͬͬͯΔ͚Ͳڐͯ͠
ͦ͏͍͑ ( ˘ω˘) ϙΤϜ͔ͩΒ ·͋͠ΐ͏͕ͳ͍ͳ
ਓɺ ݴ͍༁͕ඞཁ • ஏ͔͍ͣ͜͠ͱ • ݴ͍ͮΒ͍͜ͱ • ͩ͘Βͳ͍͜ͱ • ෆશͳ͜ͱ/ࣗ৴ͳ͍͜ͱ
• ࣄతͰͳ͍͜ͱ …ͳͲΛݴ͏࣌ʹ
͑ͯͷΤΫεΩϡʔζҙਤతͳ੍ݶΛՃ͠ɺ Έʹ͋ΔछͷʮϢϧ͞ʯΛ༩͑Δ͜ͱͰɺ ʮΏΔ͠ͷσβΠϯʯͱউखʹݺΜͰ͓Γ • ࠓ·Ͱݴ͑ͳ͔ͬͨ͜ͱ͕ݴ͑Δ • ॻ͚ͳ͔ͬͨਓ͕ॻ͚Δ • Ͱ͖ͳ͔ͬͨ͜ͱ͕Ͱ͖Δ ݸਓతʹڵຯΛ࣋ͬͯΔ
WIP esa.ioͷWIPػೳʹ͍ͭͯ
อଘϘλϯ͕ 2ͭʁʁ
࡞ۀதͷͱ͖ɺWIPͰอଘ Qiita:TeamͰ͍͏ͱ͜ΖͷԼॻ͖ʹ͋ͨΔײ͡ Լॻ͖ஈ֊͔Βଞਓʹݟ͑ΔΑ͏ʹͳͬͯΔ
WIPͰอଘ͢Δͱɺ λΠτϧ͕άϨʔΞτ • WIPͰߋ৽ͯ͠WebhookͰSlackͱ͔ʹ௨͕ඈͳ͍ • ߋ৽ҰཡʹάϨʔΞτͯ͠ग़ΔʢHomeը໘Ͱͳ͍ʣ • Կߋ৽͢Δ͜ͱ͕Ͱ͖Δʢ㵰+Sʣ • ϩʔΧϧͷΤσΟλʹॻ࣌͘Έ͍ͨͳײ͡Ͱॻ͚Δ
• ΈΜͳʹੵۃతʹΒͤ͠ͳ͍͚Ͳɺڵຯ͋ΔਓΘ͟Θ͟ݟʹདྷΕ ݟΔ͜ͱ͕Ͱ͖Δঢ়ଶ
͍͍ͩͨͰ͖ͨΒɺShip It!
Ship It! ͢Δͱ Webhook ͷ௨͕ඈͿ ƻ ΈΜͳ͕ݟʹདྷΔ
Almost done? ≠ Done! ʮ͍͍ͩͨͰ͖ͨʯ͕ϙΠϯτ • 70 - 80%͘Β͍ͱ͔Ͱ͍͍ͷ͔ʁ
• ·ͱ·͖͔ͬͯͨΒҰ୴प͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰShip it • ͬͱϒϥογϡΞοϓ͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰɺWIPʹ ͢͜ͱͰ͖Δʢ݁ߏΑ͘Δʣ
Done is better than perfect Λମݱͨ͠ػೳ
WIP WIPesaͷൃ໌͡Όͳ͍
WIPͰڞ༗͢Δ͜ͱͷޮՌɾޮೳΛ զʑطʹ։ൃͷݱͰ͍ͬͯͨ
GitHubͷPull Requestͷ [WIP] ӡ༻ • Pull Request ͷλΠτϧʹ [WIP] ͱ͚ͭΔ
• 2013͘Β͍͔Β·ͬͨʁ • GitHub FlowͳνʔϜ։ൃͰී௨ͳײ͡ʹͳͬͨ
Qiita:Teamͷใͷ[WIP]ӡ༻ ग़యΛݟ͚ͭΔ͜ͱ͕Ͱ͖ͳ͔ͬͨΜͰ͕͢ɺͲ͔͜ͰಡΜͩهԱ / 2014य़͘Β͍ʢesaΛ࡞Γ͡ΊΔલޙʣ • ேग़ࣾͨ͠ΒɺQiita:TeamͷใΛ·্ཱͣͪ͛ͯ • λΠτϧͷϓϨϑΟΫεʹ [WIP] ͱ͚ͭΔ
• ࠓͷλεΫΛใʹՕॻ͖ʹ͢Δ • λεΫΛ͜ͳ͢͝ͱʹͦͷઆ໌ͳͲه͍ͯ͘͠ • ୀࣾ࣌ʹ [WIP] Λ֎ͯ͠ߋ৽ ࣮ࡍਅࣅͯͬͯ͠ΈͨΒ͘͢͝ྑ͍ ࣗͷͨΊʹॻ͍ͨTODOϦετ͕ؼΔͱ͖ʹใʹͳͬͯΔʂ
ʮWIPͰڞ༗ɺ͍͍ΑͶʯ ͱ͍͏ίϯηϯαε͕ɺ͢Ͱʹपғͷ։ൃݱʹ͋ͬͨ • ͦͷͨΊͷΑ͍Έ͕ͳ͍ͷͰӡ༻ͰΧόʔ • λΠτϧͷϓϨϑΟΫεʹ [WIP] ͱ͚ͭͨΓͶ • ͳΜͱ͔͏·͍ܗʹUIʹམͱ͍ͨ͠
WIP WIPਓͷͨΊͳΒͣ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ͜ͱ͕͋Δ ࣗͷͨΊʹॻ͍ͨTODOϦετ͕ؼΔͱ͖ʹใʹͳͬͯΔʂ ͱ͍͏ঢ়ଶ͕ඒ͍͠ɻ ʢͳΒͳ͍͜ͱ͋Δʣ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ • OSS։ൃ • ϒϩά࡞ͷΞτϓοτͱ͔ʢಉਓ׆ಈͱ͔ʁʣ • WebαʔϏεͷυοάϑʔσΟϯάͱ͔ • esa͕ࣾେʹ͍ͯ͠ΔߦಈࢦͷͻͱͭͰ͋Δ
• αʔϏεάοζ͕ࣗͨͪཉͯ͘͠࡞ͬͯΔ ʬ͜ͷݪཧͰ͏·͘ճͬͯΔͷͨͪʭ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ ߦҝͦͷͷ͕ใुͰ͋Δঢ়ଶ Ϟνϕʔγϣϯ͕ߴ͍
motivated teams =Α͍νʔϜ
• ϩʔΧϧͷςΩετΤσΟλ • ݸਓ༻ͷEvernote • ࣗѼͯͷϝʔϧ ࣗͷͨΊʹॻ͘ʮυΩϡϝϯτʯ උɾϝϞɾTODOϦετɾاըΞΠσΞɾઃܭΞΠσΞ ༩݅ͷཧɾվળҊɾࠒࢥ͍ͬͯΔ͜ͱɾ ॻ్͖தͷΖΖ…
ྫ͑͜Μͳͱ͜Ζʹ
ࣗͷϩʔΧϧ (͋Δ͍) ʹ͋Δ ࣗͷͨΊͷͷΛ ͳΔ͘ૣ͍ஈ֊ͰΠϯλʔωοτʹɺ ଞਓʹݟ͑Δॴʹɻ ͦΕΛΓ͘͢͢ΔΈ͕WIP ʮॻ͔ͤΔʯͷͰͳͯ͘ɺ طʹ͋ͳ͕ͨࠒॻ͍͍ͯΔ͜ͱΛ ૣΊʹڞ༗ͯ͘͠ΕΔͱ
ͬͱΑ͍͜ͱ͕͋Δ͔ ͱ͍͏ελϯε
WIP ͲΜͳΑ͍͜ͱ͕͋Δͷʁ
Case:1 • ࠷ॳʹࡶʹWIPͰͬ͘͟Γॻ͍ͯڞ༗͢ΔͱɺपғͷϑΟʔυόοΫΛड ͚ͳ͕ΒɺਐతʹυΩϡϝϯτΞΠσΞΛྑ͍ͯ͘͘͜͠ͱ͕Ͱ͖Δ • ࠷ॳͷҰา͕౿Έग़͍͢͠ • λΠτϧͷΈɺࢥ͍͖ͭΛՕॻ͖ʹ͢Δ͚ͩͰΑ͍ • ୈ3ऀͷϦΞΫγϣϯΛΒ͑Δ͜ͱͰɺϞνϕʔγϣϯ্͕͕Δ
• ݫ͗͢͠Δ & ࡉ͔͗͢ΔϑΟʔυόοΫΛ͛Δ Ұؾʹ͕ߴ͍ͷΛॻ͘ͷ ϋʔυϧߴ͍͚ͲɺWIPͩͱॻ͖ग़ ͍͢͠ɻ
Case:2 • ʮͳΔ΄Ͳɺ͜͏͍͏ϓϩδΣΫτ͕ࠓಈ͘༧ఆͳͷ͔ʯͱ͍͏प͕Ͱ͖Δ • ࣄΛҰาਐΊͨײ͕ग़Δ • WIPʹ˒͕͑ΔͱɺʮͦͷௐࢠͰOKʯʮ͍͍ͶʂʯʮݟͯΔΑʂʯͷαΠϯ • ΔΑʂΖ͏Αʂ ΛपғʹॊΒ͔͘Ξϐʔϧ
→ पΓ৺ͷ४උ͕Ͱ͖Δ • اը͕ॊΒ͔͍͏͔ͪΒΈΜͳ͕ࣄऀʹͳΕΔ༨͕Ͱ͖Δ • ʮͬͱૣ͘ݴͬͯ͘ΕΕΑ͔ͬͨͷʹʯʮͦΜͳٸʹݴΘΕͯࠔΔ…ʯ ࢀߟʣϝυϨʔ͞ΜͷΠϯλϏϡʔ : https://docs.esa.io/posts/153 ͋Δاը্ཱ͕͕ͪͬͨͱ͖ʹɺৄࡉ ͕ܾ·ͬͯͳͯ͘ɺ·ͣλΠτϧͩ ͚ͰWIPͷυΩϡϝϯτΛ࡞͓ͬͯ͘ɻ
Case:3 • ใͷTODOʹॻ͍ͯ͋ΕɺΘ͟Θ্͕࢘͟ਐḿ֬ೝΛ͠ͳͯ͘͢Ή • WIPͰڞ༗͢Δ͜ͱʹΑͬͯɺ୭͕ԿΛΔͭΓͳͷ͔ɺ͍ͬͯΔͷ͔ΛΜ ΘΓѲͰ͖Δ • ·ͩͬͯͳ͍͚ͲΔͭΓͰ͋ΔΜͩΑɺͱ͍͏͞Γ͛ͳ͍ΞϐʔϧʹͳΔ • Θ͟Θ͑͟ʹ͍͘·ͰͰͳ͍Μ͚ͩͲɺͪΐͬͱΜͰΔͱ͜Ζ͍͍᪴ͯΔ
ͱ͜ΖͳͲॻ͖͍͢ XXX͞Μ·ͩΞΫγϣϯͳ͍͚ͲɺWIPͷ ใͷTODOϦετΛݟΔͱɺ͜ͷ݅TODO ͱͯͪ͠ΌΜͱೝࣝͯ͘͠ΕͯΔΜͩͳɻ
Case:4 • WIPͱॻ͍ͯ͋Δͱɺॻ͖खͷߟ͑Λ಄͔Β൱ఆ͠ͳ͘ͳΔ • ͜Ε͔Βࡉ͔͍ͱ͜ΖΑ͍ͯͭ͘͘͠ΓͳͷͩΖ͏ͱ͍͏͜ͱΛલఏʹ͢Δ͜ͱ ͕Ͱ͖Δ • ʮ·ͩॻ͍ͯͳ͍͚͔ͩ͠Εͳ͍͚Ͳɺ͕̋̋Γͯͳ͍͔ʙʯˠ ࢦఠࣗવʹ ؾΛͬͨײ͡ʹͳΔ
• ͕େ͖͍ਓɾϋʔτ͕ڧ͍ਓҎ֎ൃ৴͘͢͠ͳΔ • WIPͩͱ૬खʹ༏͘͠ͳΕΔ → ॏཁ πϝ͕͍ΞΠσΞ͚ͩͲɺ·͋ WIP͔ͩΒࡉ͔͍ποίϛΛೖΕΔ ͷͳʔ
WIP ·ͱΊ: શ͕ͯWIPʹͳΔ
͜ΕFIXͰ͔͢ʁ ֬ఆࣄ߲Ͱ͔͢ʁ ݱͰΑ͋͘Δ࣭
͔֬ʹࣄΛ͢Δ্Ͱɺ ʮ͜ΕͰ֬ఆ(FIX)ʯݐલ্ඞཁɻ ͳ͍ͱ্ख͘ճΒͳ͍ɻ ͚ΕͲຊདྷɺ શͯͷͷ͝ͱෆશͰɺ ൃల్্Ͱɺ Ͳͷ͔࣌ΒͰมΘ͍͚ͬͯΔ͠ɺ ͬͱྑ͘͢Δ͜ͱ͕ Ͱ͖ΔͷͰͳ͍͔ʁ
WIP ͜Ε͔Βͬͱͬͱྑ͘ͳΔՄೳੑ͕ ͋Δͱ͍͏͜ͱ
શ͕ͯWIPͱͯ͠ ίϛϡχέʔγϣϯͰ͖ΔΑ͏ʹͳΔͱɺ ΑΓࣗతͰ͍͖͍͖ͱͨ͠ Α͍ͷ͕࡞ΕΔνʔϜʹͳΕΔͷ͔
Team in Progress Thank you (\( ⁰⊖⁰)/)