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
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
【SRE Kaigi 2026】認知負荷を最小化するオブザーバビリティとSLOの導入 ―4名SREが200名のコードエンジニアを支援
higuchi_takashi
2
1.1k
202601〜【合同会社プレップ湘南】COMPANY DECK
prepp
0
180
2026年3月7日(土)放射性金属がやってくるか 廃炉原発等のクリアランスについて
atsukomasano2026
0
220
キャンバスエッジ株式会社 会社説明資料
canvasedge
0
9.3k
会社説明資料
xinghr
0
190
Sreake事業部説明資料
3shake
0
410
習慣化するための技術 / Techniques for Habit Formation
3l4l5
1
260
AI時代のPMに求められるマインドセット
kozotaira
1
210
イグニション・ポイント株式会社/採用エントランスBook_2026
ignitionpointhr
2
170k
【新卒採用資料】Natee Company Deck _202601
nateehr
0
2.8k
RDRAモデルからFP・工数・金額につなぐ定量見積り
bpstudy
1
210
株式会社gecogeco 会社紹介資料
gecogeco
2
3.5k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
50
Building a Scalable Design System with Sketch
lauravandoore
463
34k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Building Applications with DynamoDB
mza
96
6.9k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
62
For a Future-Friendly Web
brad_frost
182
10k
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