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
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How Github works and How Google works
usagi-f
March 17, 2017
More Decks by usagi-f
See All by usagi-f
フロントエンド実装から見たAtomic Design開発のポイント
usagif
3
7k
Take into Accessibility in React
usagif
1
710
platoを使ったコードメトリクス生成
usagif
0
320
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagif
1
85
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
120
Frontend summary in 2015 summer
usagif
0
58
なるべく噛み砕いたGit基礎講習
usagif
1
87
position: fixed;を上手に飼う方法
usagif
2
380
Other Decks in Business
See All in Business
AIで経理の仕事はどう変わるのか
shunsuke_takeuchi
PRO
0
380
_2026_2027年3月新卒_理学療法士新卒採用ピッチ資料.pdf
nozomiseikeigeka
0
110
採用ピッチ資料_キヨモトテックイチ
satoshi01
0
200
【簡易版】パーソルクロステクノロジー_システムインテグレーション領域のご紹介 / Introduction_of_persol-xtech_gs_es_dx_short
pxt_gs_ssol
0
170k
jpax-introduction
jpax
0
1.2k
政策共創事例集2025
polipoli
0
510
株式会社Domuz会社紹介資料(採用)
kimpachi_d
0
58k
捨てる、という判断 — エンジニアの役割の変化に向き合うConference
appleworld
1
810
会社紹介資料
nipap
0
180
【サービス資料】toiro BPO.pdf
shiftgroup
PRO
0
270
余白を生むセルフマネジメント/Self-Management That Creates Breathing Room
ikuodanaka
1
160
パーソルクロステクノロジー_グループソリューション本部のご紹介 / Introduction_of_gs
pxt_gs_ssol
0
3.5k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
300
Code Review Best Practice
trishagee
74
20k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
370
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
850
A Soul's Torment
seathinner
6
2.9k
Designing Powerful Visuals for Engaging Learning
tmiket
1
410
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
Navigating Team Friction
lara
192
16k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
200
Discover your Explorer Soul
emna__ayadi
2
1.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
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