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
How Github works and How Google works
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
usagi-f
March 17, 2017
Business
0
120
How Github works and How Google works
usagi-f
March 17, 2017
Tweet
Share
More Decks by usagi-f
See All by usagi-f
フロントエンド実装から見たAtomic Design開発のポイント
usagif
3
6.9k
Take into Accessibility in React
usagif
1
690
platoを使ったコードメトリクス生成
usagif
0
310
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagif
1
83
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
110
Frontend summary in 2015 summer
usagif
0
54
なるべく噛み砕いたGit基礎講習
usagif
1
82
position: fixed;を上手に飼う方法
usagif
2
360
Other Decks in Business
See All in Business
Women in Agile Tokyo2026 「個をあるがままに生かす」は綺麗事でも簡単なことでもなかった
nekoyanagi
0
430
(6枚)組織改革とCAFSマトリクス 『フロー&ストック』より
nyattx
PRO
0
300
株式会社ボスコ・テクノロジーズ Company Deck(全職種編)
boscotechrecruit
0
5k
それでも、変えていくーエンタープライズでビジネスと_開発をつなぐアジャイル奮闘記などから学んだAgile Leadership
junki
1
220
ALTURA X Careers Company Deck
altura_x
0
510
【Progmat】Monthly-ST-Market-Report-2026-Feb.
progmat
0
170
Purviewで権限のカタログ化をしてみたかった~データ製品アクセスポリシーとは?~
ryuseiiida
0
120
GA4時代の制作会社サバイバルガイド
addixfaro
0
150
QAコーチと学ぶ テスト戦略
satohiroyuki
0
200
株式会社ネオキャリア_採用ピッチ資料_20260128
neo_recruit
0
4.1k
enechain company deck
enechain
PRO
10
160k
クリヤマホールディングス㈱採用資料
uemura2024
0
6.6k
Featured
See All Featured
Done Done
chrislema
186
16k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
300
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
200
Become a Pro
speakerdeck
PRO
31
5.8k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
63
Why Our Code Smells
bkeepers
PRO
340
58k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
120
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
470
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
74
Transcript
)PX(JUIVC8PSLT BOE )PX(PPHMF8PSLT ᴷ Ishibashi Keita 2017.03.17
(PPHMFͱ(JUIVC৫ͷҧ͍
ΦϑΟεΛॆ࣮Խͯ͠ɺ ΤϯδχΞͷָԂΛͭͬͨ͘ɻ (PPHMF
Ͳ͜ʹ͍ͯ ࣄ͕Ͱ͖ΔΑ͏ʹͨ͠ɻ (JUIVC
)PX(JUIVC8PSLT
)PVSTBSF#VMMTIJU
ۀʹ͓͚ΔޮԽʹ͍ͭͯݚڀΛͨ݁͠Ռ ʮ࣌ۚͳΓʯ ͘ࣄΛ͜ͳ͢ํ͕ྑ͍ɻ ࣌ؒΑΓଟ͋͘Δํ͕ྑ͍ɻ
ͨͩ͠ɺελʔτΞοϓͰಇ͘ͷ͜Εͱ ·ͬͨ͘ҟͳΔɻ ͳͥͳΒ ૉΒ͍͠ίʔυΛੜΈग़͢ʹࢥߟ͕ඞཁɻ
ΦϑΟεʹډΔ͜ͱΛڧཁ͢Δ͜ͱ ͦΕΛ௵ͯ͠͠·͏Մೳੑ͕͋Δ
#F"TZODISPOPVT
νϟοτΛ׆༻ͯ͠ ඇಉظతίϛϡχέʔγϣϯΛଅਐͤ͞·͢ɻ Ͳ͜ʹ͍ͯ௨ৗͷΦϑΟεͰಇ͘Α͏ʹ ײ͡Δ͜ͱ͕Ͱ͖·͢ɻ
(JUIVCͷ։ൃϫʔΫϑϩʔͷ େ෦ϓϧϦΫΤετͰ͢ɻ
ʮ.FFUJOHTBSF5PYJDʯ ձٞ༗ಟͩ
ձٞʹඞཁҎ্ʹଟ͘ͷਓΛট͕͋͘Δɻ ·ͨɺϗϫΠτϘʔυʹॻ͖ࣸ͢ΑΓ EJ⒎Λ෮ͯ֬͠ೝ͢Δ΄͏͕؆୯Ͱ͢ɻ
ॏཁͳͷʮ;POFʯʹ͍Δ͜ͱɻ
$SFBUJWJUZJT*NQPSUBOU
(JUIVCࣾ ੑͷ͋Δڥ Λͭ͘Γ͍ͨͱࢥ͍ͬͯΔɻ
ैۀһ͕αΠυϓϩδΣΫτΛ։ൃ͢Δ͜ͱΛ ҙతʹଊ͍͑ͯΔɻ ΤΩαΠςΟϯάͰɺછੑ͕͋Γɺ ผͷϓϩδΣΫτ·Ͱ؆୯ʹ͕Γ·͢ɻ
తʹ͓ۚΛՔ͗·ͤΜ͕ɺ ͓ۚʹͳΔՄೳੑΛੜΈग़͠·͢ɻ
ࢲͨͪҰॹʹࣄΛ͠·͕͢ ୯ͳΔಉ྅Ͱ͋Γ·ͤΜɻ զʑ༑ୡͰ͢ɻ
ਖ਼ʹ͠ɺΞΠσΞΛײతʹ͑ɺ վળͷͨΊʹલʹਐΉ͜ͱ͕Ͱ͖·͢ɻ
ͦͷͨΊʹΞϧίʔϧ५ࡎʹͳΓ·͢ɻ #"3Ͱ͓ञΛҿΈͳ͕Β͠·͠ΐ͏ɻ ͨͩ͠ɺ۩ମతͳ͍͚ͯ͠·ͤΜɻ (JUIVCͷطଘػೳͷଟ͘ɺ αϯϑϥϯγείʹ͋Δ#"3ͷ യવͱͨ͠ηογϣϯ͔Βੜ·Ε͍ͯ·͢ɻ
(JUIVCͷେ෦ࣗओతʹ։ൃ͞Ε͍ͯ·͢ɻ ࠷ߴͷࣄϓϩδΣΫτʹ ຊʹؔ৺͕͋ΔਓʹΑͬͯߦΘΕ·͢ɻ
ձ͕ࣾݸਓͷ։ൃΛअຐΛ͢ΔΑ͏ͳ͜ͱ ܾͯ͠͠ͳ͍Ͱ͍ͩ͘͞ɻ
)PX(PPHMF8PSLT
$PNNVOJDBUJPO
ͳΔ͘ʮ:FTʯͱݴ͏͜ͱɻ ࣄ͕ಈ͖ग़͠ɺ͕࢝·Γ·͢ɻ ͦͯ͠ܦݧͱܙʹͭͳ͕Γ·͢ɻ
μϝͳ͜ͱΛ·ͣߟ͑ΔจԽ ֵ৽Λ્ɺอकతʹͳͬͯ͠·͍·͢ɻ
(PPHMFͷ3FGSFTI3PPNָ͛͘͠Ͱ͕͢ ࣮ࡍʹ࡞ۀΛ͢ΔॴҎ֎ʹڱ͍Ͱ͢ɻ ϦΞϧίϛϡχέʔγϣϯΛॏࢹ͍ͯ͠·͢ɻ
ใΛʮڞ༗ʯ͢Δ͜ͱΛσϑΥϧτͱ͠·͢ɻ
ѱ͍ঢ়گ์͓͍ͬͯͯస͠·ͤΜɻ ૣΊͷใ࿈૬͕େࣄͰ͢ɻ
0SHBOJ[BUJPO
εϚʔτɾΫϦΤΠςΟϒ ʮࣗͷઐͷਂ͍ࣝΛੑɾϏδωε ײ֮͞·͟·ͳΫϦΤΠςΟϒͳࢿ࣭ͱΈ ߹ΘͤΔਓʯ
ޭͷ伴 ʮεϚʔτɾΫϦΤΠςΟϒʯͳਓࡐ
w ߴͳઐࣝΛ͍࣋ͬͯͯɺܦݧ͕ߴ͍ w ࣮ߦྗʹ༏Εɺاը͢Δ͚ͩͰͳ͘ɺϓϩτλΠϓΛ࡞Δ w σʔλΛҙࢥܾఆʹੜ͔͢͜ͱ͕Ͱ͖Δ w ڝ૪৺͕ԢͰɺྗΛ͔ܽ͞ͳ͍ w Ϗδωεײ֮ʹ༏ΕΔ
w ୭ΑΓϢʔβઢͰɺࣗΒͷϓϩμΫτʹͷΊΓࠐΉ w ح৺ԢͰɺৗʹٙΛ๊͖ɺݱঢ়ʹຬ͠ͳ͍ w ϦεΫΛ͍ͱΘͣɺࣦഊΛڪΕͳ͍ w ࣗൃతͰɺओମੑʹج͍ͮͯߦಈ͢Δ w ͋ΒΏΔՄೳੑʹΦʔϓϯͰɺ୭ͷΞΠσΞ͔Ͱͳ͘ɺͦͷ࣭ʹΑͬͯ ࣄΛஅ͢Δ w ࡉ͔͍·Ͱҙ͕ߦ͖ಧ͖ɺूதྗΛΒ͞ͳ͍ w ίϛϡχέʔγϣϯ͕ಘҙͰ͋Δ
ϧʔϧ ʮबۀ࣌ؒͷ͏ͪ ݸਓͷࣗ༝ͳݚڀͳͲʹͬͯΑ͍ʯ
ܾ·ͬͨ࣌ؒʹҰ੪ͷߦ͏ͷͰͳ͘ɺ ਓʹΑ͍ͬͯํ༷ʑɻ
੍͕ॏཁͰͳ͘ɺ ৽͍͠ΞΠσΞΛଈࢼͤΔʮࣗ༝ʯ͕ඞཁɻ
ϧʔϧͷ࣮ࢪత ֵ৽తͳϓϩμΫτΛੜΈग़͢͜ͱͰͳ͘ɺ ઓΛ௨ͯ͡ಘΔࣾһͷֶͼɻ
(PPHMFࣾһಛఆͷʹ͠ΒΕͳ͍͠ɺ ձࣾͷใʹࣗ༝ʹΞΫηε͕Ͱ͖ɺ ࣦഊͯ͠ॲേແ͍ɻ
ೲಘͰ͖ͳ͍͜ͱ͕͋ͬͨΒɺ ͦΕΛʹ͢Δʮٛʯ͕͋Δɻ ʢ˞ݖརͰͳ͍ʣ
൴ΒࣗൃతͰɺ ࢦࣔʹೲಘͰ͖ͳ͍߹ ͦΕΛແࢹ͢Δ͜ͱ͋Δ
͜ͷΑ͏ͳλΠϓΛϚωδϝϯτ͢Δͷ ैདྷͷͷͰෆՄೳɻ ಛఆͷߟ͑Λԡ͚͠Δ͜ͱͰ͖ͳ͍ͷͰ ൴Β͕ߟ͑ΕΔʮڥʯΛϚωδϝϯτ͢Δɻ ຖتΜͰग़ࣾ͢ΔॴΛͭ͘Δɻ
Ϛωʔδϟʔʹඞཁͳͷɺि࣌ؒ࿑ಇΛ क͍ͬͯΔ͔ΛޫΒͤΔ͜ͱͰͳ͍ɻ ʮ8PSLʯΛ͍͔ʹ ੜ͖ੜ͖ͱͨ͠ͷʹ͢Δ͔ɺͩɻ
)VNBO3FTPVSDFT
(PPHMFͷτοϓͷࣄҙࢥܾఆͰͳ͍ɻ ࠾༻Ͱ͋Δɻ
໘Λճߦͬͨͷͪʹ ෆ࠾༻ʹͨ͠ྫ͕͋Δ΄Ͳɺ (PPHMF࠾༻ʹͷ͘͢͝ؾΛ͍ͬͯΔɻ
࠾༻Ͱઈରʹߦ͍͚ͬͯͳ͍͜ͱ ͔࣭͔͞ɺ ΛഭΒΕͨͱ͖͞Λͱͬͯ͠·͏͜ͱɻ
ʮ࠾༻ͷ࣭Λམͱͯ͠·ͰຒΊΔ͖ϙετͳ͍ʯ
w ࣗΑΓ༏लͳਓͰ͋Δ w ϓϩμΫτͱاۀจԽɺ྆ํʹՃՁΛͨΒ͢ w ʹ͍͚ͭͯͩߟ͑ΔͷͰͳ͘ɺࣄΛ͛͠Δ w ҙ͕͋ΓࣗൃతͰ͋Δ w पғʹܹΛ༩͑ɺڠྗͰ͖Δʢ̍ਓͰࣄΛ͠Α͏ͱ͠ͳ͍ʣ
w εΩϧηοτڵຯͷ෯͕͍ (PPHMF࠾༻ͷΦΩς
5IBOLZPV