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とRubyistとわたし
Search
ken_c_lo / TAEKO AKATSUKA
March 21, 2017
Design
12
5k
esaとRubyistとわたし
大江戸Ruby会議06で発表させていただきました
https://asakusarb.github.io/oedo06/
ken_c_lo / TAEKO AKATSUKA
March 21, 2017
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
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
5.9k
たのしいesa #esa_io #devKan
ken_c_lo
12
3.3k
Other Decks in Design
See All in Design
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
56k
Improve a service workshop
mastervicedesign
1
130
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
410
実利の世界で、表現者である
kiyou77
3
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
150
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
33k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.8k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Raft: Consensus for Rubyists
vanstee
137
6.7k
Optimising Largest Contentful Paint
csswizardry
33
3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building Adaptive Systems
keathley
38
2.3k
Mobile First: as difficult as doing things right
swwweet
222
9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
94
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Transcript
@ken_c_lo TAEKO AKATSUKA 2017.03.20 େߐށRubyձٞ06 @ιϥγςΟΧϯϑΝϨϯεηϯλʔ esa ͱ Rubyist ͱ
Θͨ͠
\śŸũƄŪ!/
w ௩ົࢠ w !LFO@D@MP w FTB--$ w σβΠφʔ w ϓϩάϥϚͰͳ͍
w 3VCZJTU
4
5 ΤϯδχΞਓ σβΠφʔਓͷձࣾ FTBJP QQMPHOFUͷ։ൃɾӡӦ
https://esa.io w νʔϜͷͨΊͷυΩϡϝϯτڞ༗αʔϏε w ʮใΛҭ͍ͯͨʯͱ͍͏ίϯηϓτ w ϚʔΫμϯͰॻ͚Δ w ʮॻ్͖தʯͷใΛڞ༗Ͱ͖Δ w
BTBLVTBSCͷӡӦͰ͍͍ͬͯͨͩͯ ·͢
https://pplog.net w ʮϙΤϜʯ͕ॻ͚ΔɺಡΊΔ w هࣄຖͷύʔϚϦϯΫ͕ͳ͍ϒϩά w VTFST w ଟ͘ͷ3VCZJTU͕ϙΤϚʔ ॳΊͯͷਓӈԼͷϗωΛճ͢ͱ
ଟָ͍͠ͱࢥ͍·͢
ಥવࢲࣄͰڪॖͰ͕͢ʜ w ࠷ۙ݁ࠗ͠·ͯ͠ʜ w !UBUTVP4BLVSBJ w ͋ͷϦετ w IUUQBN[OBTJB B0Y#0X-
ͱ͜ΖͰʮ3VCZJTUʯͬͯԿʁ RubyistͬͯԿ͔ͩͬͯΔʁ ͋ΕɺΒͳ͍ͷʁ ͪΌΜͱఆ͕ٛ͋ΔΜͩΑ w ͍Θ͘
3VCZJTUͱ ʮRubyʹରͯ͠୯ͳΔ ͓٬͞ΜҎ্ͷؾ࣋ͪ Λ͍࣋ͬͯΔਓʯ https://www.slideshare.net/ takahashim/how-to-become-a- rubyist
ຊͷझࢫ w QEɺͦͯ͠3VCZJTUୡͱͷग़ձ͍ w ΤϯδχΞͱΜͰαʔϏεΛ࡞ΔΑ͏ʹͳΔ ·Ͱ w ࢲ͕αʔϏεσβΠϯΛ௨ͯ͠Γ͔ͨͬͨ͜ͱ w ˢͱ3VCZίϛϡχςΟͱͷڞ௨ͷ
w ͪΐͬͱ;Θͬͱͨ͠
ݽಠظલ͘Β͍·Ͱ w ϑϦʔϥϯε w ࣗͷ8FCαʔϏεΛ࡞Γ͍ͨ w $BLF1)1ͱ͔ษڧͨ͠Γ w ਓͰαʔϏε࡞ͬͨΓ࠳ંͨ͠Γ w
աఔΛͨ·ʹ#MPHʹॻ͍ͯͨ w 3VCZίϛϡχςΟपลͷσβΠφʔͱΓ߹͏
P4D Programming for Designers w ΤϯδχΞʢ΄ͱΜͲ3VCZJTUʣ ͕σβΠφʔʹ3BJMT(JUΛڭ ͑ͯ͘ΕΔίϛϡχςΟ w લ͘Β͍·Ͱ
1%ͰॳΊͯग़ձͬͨ3VCZJTU ͱ͍͏ਓछ w ଛಘײɺ͓ࣄײ͕ͳ͘ɺͨͩʮ͖͔ͩΒʯͰ ຖिͱִ͔िͱ͔ू·͍ͬͯΔ w ແঈͰ৺ʹσβΠφʔʹ(JU3BJMTΛڭ͑ͯ͘ ΕΔ w ͜Μͳʹʮ͍͍ײ͡ʯͷਓୡΛॳΊͯݟͨ
ͳͥ͋ͷࠒɺ ൴Β͋Μͳʹ ஸೡʹ ࢲୡσβΠφʔʹ(JU3BJMTΛ ڭ͑ͯ͘Ε͍ͯͨͷ͔ʁ ฉ͍ͯΈͨɻ
!QQXPSLTࢯ ΈΜͳ͕ͦ͏͔Βͳ͍͚Ͳɺ ͓Εڭ͑Δͷָ͕͔ͬͨ͠ɻ ָ͔͔ͬͨ͠Βͬͨɻ ָ͍͜͠ͱਓʹڭ͍͑ͨ ͍ͬͯ͏ͷ͋ͬͨɻ ʢRailsʹग़ձ͔ͬͯΒ ϚδͰWeb։ൃָ͘͠ͳͬͨΜͩΑͳ͋ɻʣ
ओ࠵!TBUPDPDPBࢯ ʰ͕͖ࣗͩͱࢥ͏ͷ Λଞͷਓ͖ʹͳͬͯ͘Ε Δͱخ͍͠ʱ ͕Ϟνϕʔγϣϯ͔ͳ͋ɻ
3VCZJTUͱ ʮRubyʹରͯ͠୯ͳΔ ͓٬͞ΜҎ্ͷؾ࣋ͪ Λ͍࣋ͬͯΔਓʯ https://www.slideshare.net/ takahashim/how-to-become-a- rubyist
1%ϋοΧιϯ w σβΠφʔͱϓϩάϥϚਓͰΜͰɺͰαʔ ϏεΛ࡞Δ w ΤϯδχΞɺσβΠφʔͷ͓ޓ͍ͷ͢͝͞࠶ೝࣝ w 8FCαʔϏεΛ࡞Δָ͍ͬͯ͠ʂ w ֤νʔϜϨϕϧߴܹͯ͘త
QEͱग़ձͬͯҎ߱ɺ 3VCZͷΤϯδχΞͱΜͰɺ ৭ʑͳαʔϏεΛ झຯͰ࡞ΔΑ͏ʹͳΔ
2011.12 http://receibo.herokuapp.com w/ @shu0115 w ؆୯ՈܭαʔϏε w ϨδͰͦͷͰೖྗ͢Δ w ϨγʔτΛஷΊͳ͍͍ͯ͘Ոܭ
w 044 ݱࡏٳࢭதͰ͢N @@ N
2013.04 http://ktra.herokuapp.com/ https://github.com/taea/ktra w/ @katton, @ppworks w λεΫཧπʔϧ w ਓ༻1JWPUBM5SBDLFSΈ͍ͨͳ
w ॳΊͯSBJMTOFXͨ͠αʔϏε w 044
2013.09 https://pplog.net w/ @ppworks and Team pplog ॳΊͯͷਓӈԼͷϗωΛճ͢ͱ ଟָ͍͠ͱࢥ͍·͢
2014.05 https://esa.io w/ @fukayatsu
ָͯ͘͠ɺ αʔϏεΛͻͨ͢Β࡞͍ͬͯͨΒɺ ͍ͭͷؒʹ͔झຯ͕ ຊۀʹͳ͍ͬͯͨɻ
ࢲ͕͜ΕΒͷϓϩμΫτ σβΠϯΛ௨ͯ͡ Γ͍ͨ͜ͱ ϓϩμΫτʹ໋Λਧ͖ࠐΉ͜ͱ
ϓϩμΫτ͕͖ͪΜͱσβΠϯ͞ ΕΔͱɺҙࢥ͕॓Δ w ϓϩμΫτ͕ࣗΉํҙࢥΛ͔࣋ͬͨͷΑ͏ʹɺ ͍͖͍͖ͱࣗ͢ΔΑ͏ʹͳΔ w ։ൃνʔϜ͍͖͍͖ͱࣗ͢Δ w σβΠϯʹ͓͍ͯͦͷঢ়ଶ͕࣮ݱग़དྷͨͱָ͖͕͍͠ ؔΘΔਓ͕͍͖͍͖ͱ͢ΔͨΊͷ
ʮϕʔεʯΛ࡞Γ͍ͨ
ʮ͍͖͍͖ʯ
ʰແ໊ͷ࣭ʱ ͋Δத৺తͳ࣭͕ଘࡏ͢ΔɻͦΕਓɺொɺݐɺߥͳͲͷੜ໋ਫ਼ਆ ͷࠜݯతͳنൣͰ͋Δɻ͜ͷ࣭٬؍త͔ͭਖ਼֬Ͱ͋Δ͕ɺ໊͚Δ͜ ͱͰ͖ͳ͍ɻ ͜ͷ࣭Λࣗݾͷੜ໋ʹٻΊΔ͜ͱɺສਓʹͱͬͯͷجຊత໋Ͱ͋Γɺ ͯ͢ͷݸਓͷޠͷཁͰ͋ΔɻͦΕɺ͕ࣗ࠷ੜ͖ੜ͖ͱ͢Δॠؒ گΛٻΊΔ͜ͱͰ͋Δɻ ʢதུʣ ݐொͷແ໊ͷ࣭ɺਓͼͱͷฏຌͳৗੜ׆͔Βؒతʹੜ͞ΕΔ ͚ͩͰɺਓҝతʹͦΕΛͭ͘Δ͜ͱͰ͖ͳ͍ɻͪΐ͏ͲɺՖ͕छ͔Βੜ
͞ΕΔ͚ͩͰɺਓҝతʹͦΕΛͭ͘Εͳ͍ͷͱಉ͡Ͱ͋Δɻ ᴷᴷ C.ΞϨΫαϯμʔஶ ʗ ฏాᷨಹ ༁ ʰ࣌Λӽ͑ͨݐઃͷಓʱ ᴷᴷ ߐߒҰ ஶ ʰύλʔϯɺWikiɺXP ʙ࣌Λӽ͑ͨͷݪଇ P.42 ΑΓ
ʰແ໊ͷ࣭ʱ - ͦͷ֗ʮΒ͠͞ʯΛͪΌΜͱอͪͳ͕Β͢Δ - ্͔Βͷԡ͚͠Ͱͳ͘ - ͋ΔҰఆͷݫ͍͠ϧʔϧ͕͋ΔΘ͚Ͱͳ͘ - ͦΕͧΕ͕ࣗతʹͦΕͧΕͷͤΛٻΊͯಈ͍ͨ݁Ռ -
ؾ͚ͮࣗવͱͦ͏ͳ͍ͬͯΔΑ͏ͳ … ֗ݐγεςϜ͕ Ұఆͷ࣭Λอͬͨ··ɺϘτϜΞοϓͰ উखʹࣗݾ૿৩ɾ͍ͯ͘͠ɻ
ϓϩμΫτʹؔΘΔਓ͕ ʮ͍͖͍͖ʯ͢ΔͨΊͷ ϕʔεΛ࡞Δͷ͕ɺ ࢲʹͱͬͯͷσβΠϯɻ • ίϯηϓτϝΠΩϯάੈք؍ͷৢΛಓʹ͍ͬͯΔͱɺ͋Δ ͔࣌Βͦ͜ʹ֬ݻͨΔنൣ͕ੜ·ΕɺϓϩμΫτ͕ΩϟϥΛ֫ಘ͠ɺ ؔΘΔਓ͕͍͖͍͖ͱ͠͡ΊΔɻ • ϏδϡΞϧɺίʔυؔͳ͘ɺʰ͍͖͍͖ʱͷͨΊʹͰ͖Δ͜ͱΛ
Δ
͍͖͍͖ͱͨ͠ϓϩμΫτ ϢʔβʔʹѪ͞ΕΔ • esaϢʔβʔʹѪ͞Εͯ·͢ΑͶɺͱΑ͘ݴΘΕΔ • ϢʔβʔϓϩμΫτͷੈք؍ʹڞ໐ͯ͠ • ੵۃతʹԠԉͯ͘͠ΕΔ • ָͬͯ͘͘͠ΕΔ
• ϑΟʔυόοΫͳͲΛ௨ͯ͠ҰॹʹϓϩμΫτΛ࡞Δؒ • ʢ͍͍ҙຯͰɺʮ͓٬͞ΜʯͬΆ͘ͳ͍ʁʁʣ • NiceͳϢʔβʔ͞ΜͨͪɾίϛϡχςΟʹकΒΕ͍ͯΔ
3VCZίϛϡχςΟʹɺ ࣅͯΔʁ ʢࣅͯͨΒ͍͍ͳʜʣ
3VCZJTUʹڭΘͬͨσβΠϯ؍ • ࢲ͕σβΠϯͰΓ͔ͨͬͨ͜ͱɺRubyίϛϡχςΟͷதʹ ͋ͬͨ • Rubyistʹग़ձ͍ɺͦͷ͍͖͍͖ͱͨ͠ྑ͞ʹ৮ൃ͞Εͯੜ·Εͨ σβΠϯ؍ɾϓϩμΫτ؍
ؔΘΔਓΛ͍͖͍͖ͱͤ͞Δ 3VCZͷσβΠϯʹɺ σβΠφʔͱͯ͠श͍͍ͨɻ • Matzࢯ = ݴޠσβΠφʔ • σβΠϯͱ͍͏ߦҝຊདྷ͜͏͍͏͜ͱͳΜ͡Όͳ͍͔ •
esapplog·ͨɺRubyΛͬͯ࡞ΓɺRubyίϛϡχςΟͷத Ͱੜ·ΕͨαʔϏε • Matz is nice so we are nice. • ϓϩμΫτσβΠϯRubyֶͷ૬ࣅܗͰ͋Γ͍ͨɻ
͋Γ͕ͱ͏͍͟͝·͢ʂ 3VCZJTUͷΈͳ͞Μ
FTB͔Βͷ͔͞͞ͳԸฦ͠ esaͰOSSίϛϡχςΟٕज़ΧϯϑΝϨϯεʹ͚ͯɺӡӦπʔ ϧͱͯ͠esaͷແঈఏڙʢπʔϧεϙϯαʔʣΛߦ͍ͬͯ·͢ɻ ͝رͷํ͓ؾܰʹ͝૬ஊ͍ͩ͘͞ :) asakusa.rb, RubyKaigi, ౦ژnodeֶԂ ଞଟͷίϛϡχςΟར༻