Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
WIP
Search
ken_c_lo / TAEKO AKATSUKA
November 12, 2015
Design
24k
21
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WIP
JohoKaigi 情報会議 #2 で発表させていただきました
http://johokaigi.org/
ken_c_lo / TAEKO AKATSUKA
November 12, 2015
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.8k
認知パターンから考えるesaらしさのデザイン / Thinking esa-like design
ken_c_lo
35
8.9k
The esa way - Creating a Profitable Product from a Hobby Project
ken_c_lo
1
590
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
ken_c_lo
190
91k
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
8.1k
esaとRubyistとわたし
ken_c_lo
12
5.4k
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6.2k
Other Decks in Design
See All in Design
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
210
Webデザイナー中田美穂_ポートフォリオ
omy
0
140
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
190
decksh object reference
ajstarks
2
1.8k
ポートフォリオ_あやの
ngyenmazt1412
0
1.9k
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
330
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
320
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
290
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2k
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
100
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
190
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
930
Featured
See All Featured
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
780
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
How STYLIGHT went responsive
nonsquared
100
6.3k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
420
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
750
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
BBQ
matthewcrist
89
10k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
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 (\( ⁰⊖⁰)/)