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
23k
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
8k
The esa way - Creating a Profitable Product from a Hobby Project
ken_c_lo
1
490
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
ken_c_lo
186
82k
esaのデザインの話 - 自分たちのWebサービスを作るデザイナーとしてやっていること / Design Talk of esa
ken_c_lo
50
11k
ノンデザイナーのためのコンセプト & ロゴ作り実践講座 feat. savanna.io
ken_c_lo
46
10k
esa.io - 趣味から育てるWebサービスの、仲間・会社・お金のつくりかた
ken_c_lo
33
7.7k
esaとRubyistとわたし
ken_c_lo
12
5.1k
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6k
Other Decks in Design
See All in Design
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
740
Cards | Storyboards
giofortuna_story
0
130
OLTA株式会社/デザイン紹介資料
taxy
0
200
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
300
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
280
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
270
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
570
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
370
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
7
74k
portfolio_YumiYasuda
yum0418
0
140
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
970
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
Featured
See All Featured
Making Projects Easy
brettharned
116
6.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
Thoughts on Productivity
jonyablonski
69
4.5k
Being A Developer After 40
akosma
90
590k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
Writing Fast Ruby
sferik
628
61k
It's Worth the Effort
3n
184
28k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
What's in a price? How to price your products and services
michaelherold
245
12k
Practical Orchestrator
shlominoach
187
10k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
610
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 (\( ⁰⊖⁰)/)