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
5.2k
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.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
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6k
たのしいesa #esa_io #devKan
ken_c_lo
12
3.4k
Other Decks in Design
See All in Design
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
420
harutaka Vision Deck
zenkigenforrecruit
0
230
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
560
AIで加速するアクセシビリティのこれから
magi1125
4
710
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
mento Design Team Portfolio
mento0fficial
1
830
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
380
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
320
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Why Our Code Smells
bkeepers
PRO
339
57k
Faster Mobile Websites
deanohume
310
31k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
We Have a Design System, Now What?
morganepeng
53
7.8k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building Applications with DynamoDB
mza
96
6.6k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
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ֶԂ ଞଟͷίϛϡχςΟར༻