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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
経営管理について / About Corporate Planning
loglass2019
0
6.6k
スタートアップ調査:女性起業家を取り巻く課題と解決策
mpower_partners
PRO
0
570
アシスト 会社紹介資料
ashisuto_career
3
150k
2025 サステナビリティレポート
mpower_partners
PRO
1
110
会社説明資料
xinghr
0
190
株式会社EventHub 会社紹介資料
eventhub
1
43k
習慣化するための技術 / Techniques for Habit Formation
3l4l5
1
260
-生きる-AI時代におけるライターの生存戦略
mimuhayashi
0
220
株式会社ネオキャリア_採用ピッチ資料_20260128
neo_recruit
0
280
【SRE Kaigi 2026】認知負荷を最小化するオブザーバビリティとSLOの導入 ―4名SREが200名のコードエンジニアを支援
higuchi_takashi
2
1.1k
BlueWX_Introduction
amo0502
0
290
キャンバスエッジ株式会社 会社説明資料
canvasedge
0
9.3k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
220
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.2k
Deep Space Network (abreviated)
tonyrice
0
49
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Building the Perfect Custom Keyboard
takai
2
680
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Designing Experiences People Love
moore
144
24k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Designing Powerful Visuals for Engaging Learning
tmiket
0
230
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
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