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.1k
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.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
デザイナー兼プロダクトオーナーのススメ
ken_c_lo
48
6k
たのしいesa #esa_io #devKan
ken_c_lo
12
3.4k
Other Decks in Design
See All in Design
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
株式会社バクタム 会社説明資料
bactum
0
260
Liquid Iron
mcduckyart
1
110
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
530
sachi_y_portfolio
sachi337
0
370
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
440
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
810
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
270
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
670
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
4 Signs Your Business is Dying
shpigford
184
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The Invisible Side of Design
smashingmag
301
51k
Faster Mobile Websites
deanohume
308
31k
Balancing Empowerment & Direction
lara
1
460
It's Worth the Effort
3n
185
28k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Into the Great Unknown - MozCon
thekraken
40
1.9k
The Cult of Friendly URLs
andyhume
79
6.5k
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ֶԂ ଞଟͷίϛϡχςΟར༻