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
esaのWIPの話 2019 / wip-2019
Search
ken_c_lo / TAEKO AKATSUKA
June 29, 2019
Design
6
2.6k
esaのWIPの話 2019 / wip-2019
とちぎRuby会議08でお話させていただきました。
http://regional-gh.rubykaigi.org/tochigi08/
https://esa.io
ken_c_lo / TAEKO AKATSUKA
June 29, 2019
Tweet
Share
More Decks by ken_c_lo / TAEKO AKATSUKA
See All by ken_c_lo / TAEKO AKATSUKA
認知パターンから考えるesaらしさのデザイン / Thinking esa-like design
ken_c_lo
35
8.2k
The esa way - Creating a Profitable Product from a Hobby Project
ken_c_lo
1
510
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
ken_c_lo
188
84k
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.8k
esaとRubyistとわたし
ken_c_lo
12
5.1k
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6k
たのしいesa #esa_io #devKan
ken_c_lo
12
3.4k
Other Decks in Design
See All in Design
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
730
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
510
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
960
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
freee + Product Design FY25Q4
freee
4
14k
NAHO SHIMONO_Portfolio2025
nahohphp
0
860
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
470
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
620
AIで加速するアクセシビリティのこれから
magi1125
3
540
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
280
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Thoughts on Productivity
jonyablonski
69
4.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Statistics for Hackers
jakevdp
799
220k
Docker and Python
trallard
44
3.5k
Visualization
eitanlees
146
16k
How GitHub (no longer) Works
holman
314
140k
Transcript
esaͷWIPͷ 2019 by @ken_c_lo at esa LLC June 29, 2019
ͱͪ͗Rubyձٞ 08 WIP
!2 • ௩ ົࢠ • @ken_c_lo (@taea) • esa LLC
• ۀऀɾσβΠφʔ • ΤϯδχΞ2ਓ + σβΠφʔ1ਓ • ࠷ॳझຯͰαʔϏεΛ࡞͍ͬͯͨ • 5લ͔Β๏ਓԽ
https://esa.io
• MarkdownͰॻ͚Δใڞ༗αʔϏε • Wikiతͳ͍ํ͕Ͱ͖Δ esaΛ͝ଘͷํʁ ůŢ
None
esaͷWIPͷ 2019 by @ken_c_lo at esa LLC June 29, 2019
ͱͪ͗Rubyձٞ 08 WIP
WIP ͱʁ
WIP ʹ Work in Progress ਐߦதɾ࡞ۀதɾॲཧதɾະ ෆશͰ͋Δ͜ͱΛप͢Δه߸ͱͯ͠ΘΕΔ řŎŕŲƅ
ͱΓ͋͑ͣɺڞ༗ ࡶʹڞ༗ ·ͩશ෦Ͱ͖ͯͳ͍͚Ͳڞ༗
͜Μͳײ͡ͷ͜ͱΛਐΊ͍ͯΔ͚Ͳɺ ·ͩ͡Όͳͯ͘ɺ ͜Ε͔Βͬͱྑ͘ͳΔΜͰ… [WIP] Λ͚ͭͯԿ͔Λڞ༗͢Δͱ͖ͷ͖ͪ • ͳͷͰݫ͗͢͠Δποίϛ·ͩצหͯ͠Ͷ • ͚Ͳɺؒ͘͢͝ҧͬͯͨΒڭ͑ͯͶ •
ࠔͬͯͨΒॿ͚ͯͶ • Δؾ͋ͬͯ͜Ε͔ΒΔͭΓͰ͋ΔΜͩΑ • ͬ͘͟Γ͜͏͍͏͜ͱͬͯΔ͔ΒͳΜͱͳͬͯͯ͘Ͷ • ͞Γؾͳ͘΄Ίͯ͘ΕͨΒΔؾग़Δ͔ • ·ͣࣗͷϝϞతʹॻ͍ͯΔ͚ͩͳΜͩ …ׂͱɺݴ͍༁͕·͍͔͠͠Εͳ͍ʂ
ͭ·ΓɺWIPͱ ΤΫεΩϡʔζͷҰछ ʢݴ͍༁ɾหղɾݐલʣ Excuse me
ਓɺ ݴ͍༁ɾݐલ͕ඞཁ • ஏ͔͍ͣ͜͠ͱ • ݴ͍ͮΒ͍͜ͱ • ͩ͘Βͳ͍͜ͱ • ෆશͳ͜ͱ/ࣗ৴ͳ͍͜ͱ
• ࣄతͰͳ͍͜ͱ …ͳͲΛݴ͏࣌ʹ
ͪͳΈʹ…ʮϙΤϜʯҰछͷΤΫεΩϡʔζ • pplog.net • ࠷৽ͷهࣄ͔͠ެ։Ͱ͖ ͳ͍ϒϩάͷΑ͏ͳͷ • ʮϙΤϜʯΛॻ͘ॴ • ϙΤϜ͔ͩΒ
• Web্ʹΒͳ͍͔Β ݴ͍ʹ͍͘͜ͱɺஏͣ ͔͍͜͠ͱɺϙΤϜ ͳΒݴ͑Δοʂ
ΤΫεΩϡʔζҙਤతͳ੍ݶΛՃ͠ɺ Έʹ͋ΔछͷʮϢϧ͞ʯΛ༩͑Δ͜ͱͰɺ ʮΏΔ͠ͷσβΠϯʯͱউखʹݺΜͰ͓Γ • ࠓ·Ͱݴ͑ͳ͔ͬͨ͜ͱ͕ݴ͑Δ • ॻ͚ͳ͔ͬͨਓ͕ॻ͚Δ • Ͱ͖ͳ͔ͬͨ͜ͱ͕Ͱ͖Δ ݸਓతʹڵຯΛ࣋ͬͯΔ
WIP esa.ioͷWIPػೳʹ͍ͭͯ
อଘϘλϯ͕ 2ͭʁʁ
࡞ۀதͷͱ͖ɺWIPͰอଘ ϒϩάͳͲͰ͍͏ͱ͜ΖͷԼॻ͖ʹ͋ͨΔײ͡ Լॻ͖ஈ֊͔Βଞਓʹݟ͑ΔΑ͏ʹͳͬͯΔ
WIPͰอଘ͢Δͱɺ λΠτϧ͕άϨʔΞτ • WIPͰߋ৽ͯ͠WebhookͰSlackͱ͔ʹ௨͕ඈͳ͍ • ߋ৽ҰཡʹάϨʔΞτͯ͠ग़ΔʢHomeը໘Ͱͳ͍ʣ • Կߋ৽͢Δ͜ͱ͕Ͱ͖Δʢ㵰+Sʣ • ΈΜͳʹੵۃతʹΒͤ͠ͳ͍͚Ͳɺڵຯ͋ΔਓΘ͟Θ͟ݟʹདྷΕ
ݟΔ͜ͱ͕Ͱ͖Δঢ়ଶ
͍͍ͩͨͰ͖ͨΒɺShip It!
Ship It! ͢Δͱ Webhook ͷ௨͕ඈͿ ƻ ΈΜͳ͕ݟʹདྷΔ
Almost done? ≠ Done! ʮ͍͍ͩͨͰ͖ͨʯ͕ϙΠϯτ • 70 - 80%͘Β͍ͱ͔Ͱ͍͍ͷ͔ʁ
• ·ͱ·͖͔ͬͯͨΒҰ୴प͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰShip it • ͬͱϒϥογϡΞοϓ͍ͨ͠ͳʔͱࢥͬͨλΠϛϯάͰɺWIPʹ ͢͜ͱͰ͖Δʢ݁ߏΑ͘Δʣ
WIP ͰใΛॻ͍ͯΈΔ Case Study
ग़ࣾͨ͠Β…WIPͰใΛॻ͘ śŰżŖ લͷใΛίϐʔͯ͠ฤू ͬΆ͍ࣈ͕λΠτϧʹೖͬͯΔهࣄΛί ϐʔ͢Δͱɺউखʹࠓͷʹͯ͘͠ΕΔ TODOϦετΛॻ͘ w <>ˠ<Y>ͰνΣοΫϘοΫεॻ͚Δ w ࠓΔ༧ఆͷ͜ͱ͕ࣗͰ၆ᛌͰ͖Δ
w Ϧετʹॻ͍͓ͯ͘ͱɺΕͯΔΘ͚͡Όͳ͘ ͯɺΔͭΓ͋ΔΜͩͳͬͯ͜ͱΘΔ
ࣄத… ใΛԿߋ৽ ŹŞŹŞʜ λεΫΛ͜ͳͨ͢ͼɺใΛߋ৽ w 50%0ϦετʹνΣοΫΛೖΕΔ w ਵ͢ΔղઆඋɺϋϚͬͨͱ͜Ζݒ೦ɺ ͦͷ࣌ͷؾ࣋ͪͳͲه͠ͱ͘ͱศར w
ಥൃతͳλεΫՃͯ͠ߋ৽ w ͷऴΘΓʹʮࠓԿ͚ͬͨͬʜʯͬͯͳΒ ͣʹࡁΉ
ୀࣾ࣌ʹ…ใΛShip It! śŨŜƀŖ SlackͳͲʹ௨͕ඈΜͰɺΈΜͳ͕ݟʹདྷΔ ࠓͷॴײ૯ׅΛॻ͍ͯɺShip It!
ͦͷଞͷใTIPS • ใλΠτϧʹࠓͬͨ͜ͱɺࠓͷؾ࣋ ͪΛॻ͘ਓ͍Δ • ࠓͷϥϯνɺࠓͷςʔϚۂΛॻ͘ਓ • ͋ͱͰͲΜͳ͔ͩͬͨࢥ͍ग़ͤͯศར • ୀࣾ࣌ʹ໌ͷใΛWIPͰॻ͍͓ͯ͘έʔε
͋Δ • ໌ͷݟ௨ཱ͕ͯ͠ΒΕͯศར • ேձͳͲͰɺࡢͱࠓͷใΛڞ༗ͯ͠ɺͦ ΕΛݟͳ͕Βใڞ༗૬ஊΛͨ͠Γ͢Δ • ʮॴײʯίʔφʔʢϑϦʔςΩετͷ෦ʣͰ ࣌ંΓ্͕ͬͨΓ͢Δ
WIPͰใΛॻ͘ͱ… ŬŕŴƅŖ ேɺࣗͷͨΊʹॻ͍ͨTODOϦετ͕ɺ ؼΔͱ͖ʹΈΜͳʹڞ༗Ͱ͖Δใʹʂ w ʮใࠂɾڞ༗ͷͨΊͷυΩϡϝϯτʯΛॻ͔ͳͯ͘ྑ͘ͳΔΜͰ͢Ͷ w ಉ͡Α͏ͳײ͡ͰɺʮΞδΣϯμʯ͕ձٞऴΘΔࠒʹʮٞࣄʯʹͳͬͨΓ͠·͢
WIP ใ͚ͩ͡Όͳ͍ɺ͍ΖΜͳΑ͍͜ͱ
Case 1: WIPͰॻ͘ͱɺணख͍͢͠ • ࣄલʹෆ࣮֬ͳཁૉͷଟ͍ࣄ΄ͲɺखΛ͚ͭΔͷ͕ԯ߷ʢεϥΠυͱ͔ʂʣ • WIPͳΒ࠷ॳͷҰา͕౿Έग़͍͢͠ • ࠷ॳλΠτϧͷΈɺࢥ͍͖ͭΛՕॻ͖ʹ͢Δ͚ͩͰΑ͍ •
࠷ॳʹࡶʹWIPͰͬ͘͟Γॻ͍ͯڞ༗͢ΔͱɺपғͷϑΟʔυόοΫΛड͚ͳ͕ ΒɺঃʑʹυΩϡϝϯτΞΠσΞΛྑ͍ͯ͘͘͜͠ͱ͕Ͱ͖Δ • ్தͰୈࡾऀͷϦΞΫγϣϯΛΒ͑ΔͱɺϞνϕʔγϣϯ্͕Δ Ұؾʹ͕ߴ͍ͷΛॻ͘ͷ ϋʔυϧߴ͍͚ͲɺWIPͩͱղ૾͕ ͍ঢ়ଶ͔Βॻ͖ग़͍͢͠ɻ
Case 2: WIPͰެ։͢ΔͱɺपΓͷཧղΛಘ͍͢ • ʮͳΔ΄Ͳɺ͜͏͍͏ϓϩδΣΫτ͕ࠓಈ͘༧ఆͳͷ͔ʯͱ͍͏प͕Ͱ͖Δ • ΔΑʂΖ͏Αʂ ΛपғʹॊΒ͔͘Ξϐʔϧ → पΓ৺ͷ४උ͕Ͱ͖Δ
• اը͕ॊΒ͔͍͏͔ͪΒΈΜͳ͕ࣄऀʹͳΕΔ༨͕Ͱ͖Δ • ݻ·͔ͬͯΒݴ͏ͱˠʮͬͱૣ͘ݴͬͯ͘ΕΕ…ʯʮͦΜͳٸʹݴΘΕͯ ࠔΔ…ʯ ࢀߟʣϝυϨʔ͞ΜͷΠϯλϏϡʔ : https://docs.esa.io/posts/153 اը্ཱ͕͕ͪͬͨͱ͖ʹɺৄࡉ͕ܾ ·ͬͯͳͯ͘ɺ·ͣλΠτϧ͚ͩ ͷWIPͷυΩϡϝϯτΛ࡞͓ͬͯ͘ɻ
• WIPͱॻ͍ͯ͋Δͱɺॻ͖खͷߟ͑Λ಄͔Β൱ఆ͠ͳ͘ͳΔ • ͜Ε͔Βࡉ͔͍ͱ͜ΖΛྑ͍ͯͭ͘͘͠ΓͳͷͩΖ͏ɺͱ͍͏͜ͱ Λલఏʹ͢Δ͜ͱ͕Ͱ͖Δ • ʮ·ͩॻ͍ͯͳ͍͚͔ͩ͠Εͳ͍͚Ͳɺ͕̋̋Γͯͳ͍͔ʙʯ ˠ ࢦఠࣗવʹؾΛͬͨײ͡ʹͳΔ •
͕େ͖͍ਓɾϋʔτ͕ڧ͍ਓҎ֎ൃ৴͘͢͠ͳΔ ☺ Case 3: WIPͩͱɺಡΈख͕༏͘͠ͳΕΔ ͪΐͬͱπϝ͕͍ΞΠσΞ͚ͩͲɺ ·͋WIP͔ͩΒ͋Μ·ΓποίϛΛೖ ΕΔͷͳ͊…
WIP WIPਓͷͨΊͳΒͣ
• ϩʔΧϧͷςΩετΤσΟλ • ݸਓ༻ͷEvernote • ࣗѼͯͷϝʔϧ ࣗͷͨΊʹॻ͘ʮυΩϡϝϯτʯ උɾϝϞɾTODOϦετɾاըΞΠσΞɾઃܭΞΠσΞ ༩݅ͷཧɾվળҊɾࠒࢥ͍ͬͯΔ͜ͱɾ ॻ్͖தͷΖΖ…
ྫ͑͜Μͳͱ͜Ζʹ
ࣗͷϩʔΧϧ (͋Δ͍) ʹ͋Δ ࣗͷͨΊͷͷΛɺ ૣ͍ஈ֊ͰνʔϜϝΠτʹݟ͑Δॴʹɻ ͦΕΛΓ͘͢͢ΔΈ͕WIP ΈΜͳॻ͍ͯͳ͍Θ͚͡Όͳ͍ɻ ਓʹݟͤͯͳ͍͚ͩͳΜͩʂ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ͜ͱ͕͋Δ ࣗͷͨΊʹॻ͍ͨTODOϦετ͕ؼΔͱ͖ʹใʹͳͬͯΔʂ ʢͳΒͳ͍͜ͱ͋Δʣ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ • OSSͷϓϩδΣΫτɺݸਓ։ൃ • ϒϩά࡞ͷΞτϓοτɺಉਓ׆ಈͱ͔ʁ • WebαʔϏεͷυοάϑʔσΟϯάͱ͔ • esa͕ࣾେʹ͍ͯ͠Δߦಈࢦͷͻͱͭ
• ʮ͕ࣗͨͪࣗཉ͍͠ͷɾ͏ͷΛͭ͘Δʯ • αʔϏεάοζ͕ࣗͨͪཉͯ͘͠࡞ͬͯΔ ʬ͜ͷݪཧͰճ͍ͬͯͦ͏ͳͷͨͪʭ
ࣗͷͨΊʹͬͨ͜ͱ͕ɺ ୭͔ͷͨΊʹͳΔ ߦҝͦͷͷ͕ใुͰ͋Δঢ়ଶ Ϟνϕʔγϣϯ͕ߴ͍ ͦΕͧΕ͕ࣗతʹಈ͚ΔνʔϜ
ࣗతͳνʔϜ = Α͍νʔϜ …ͩͱesaߟ͑ͯΔ
WIP ·ͱΊ: શ͕ͯWIPʹͳΔ
͜ΕFIXͰ͔͢ʁ ֬ఆࣄ߲Ͱ͔͢ʁ ݱͰΑ͋͘Δ࣭
͔֬ʹࣄΛ͢Δ্Ͱɺ ʮ͜ΕͰ֬ఆ(FIX)ʯݐલ্ඞཁɻ ͳ͍ͱ্ख͘ճΒͳ͍ɻ ͚ΕͲຊདྷɺ શͯͷͷ͝ͱෆશͰɺ ൃల్্Ͱɺ Ͳͷ͔࣌ΒͰมΘ͍͚ͬͯΔ͠ɺ ͬͱྑ͘͢Δ͜ͱ͕ Ͱ͖ΔͷͰͳ͍͔ʁ
WIP ͜Ε͔Βͬͱͬͱྑ͘ͳΔՄೳੑ͕ ͋Δͱ͍͏͜ͱ ͋Εʁ࣮ੈͷதͷ৭Μͳͷɺ͍͍ͩͨ8*1ʹͰ͖ΔͷͰʁ
શ͕ͯWIPͱͯ͠ ίϛϡχέʔγϣϯͰ͖ΔΑ͏ʹͳΔͱɺ ΑΓࣗతͰ͍͖͍͖ͱͨ͠ Α͍ͷ͕࡞ΕΔνʔϜʹͳΕΔͷ͔
Everything is in Progress Thank you (\( ⁰⊖⁰)/)