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.6k
認知パターンから考えるesaらしさのデザイン / Thinking esa-like design
ken_c_lo
35
8.3k
The esa way - Creating a Profitable Product from a Hobby Project
ken_c_lo
1
520
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
ken_c_lo
190
85k
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.9k
esaとRubyistとわたし
ken_c_lo
12
5.2k
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6k
Other Decks in Design
See All in Design
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
730
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
290
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
130
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
250
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
290
mento Design Team Portfolio
mento0fficial
1
680
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.8k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
310
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
120
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
For a Future-Friendly Web
brad_frost
180
9.9k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Done Done
chrislema
185
16k
How to train your dragon (web standard)
notwaldorf
96
6.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
GitHub's CSS Performance
jonrohan
1032
460k
Writing Fast Ruby
sferik
628
62k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
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 (\( ⁰⊖⁰)/)