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
React/Storybookと、全員参加型のUI開発
Search
8845musign
August 25, 2017
Technology
3
1.7k
React/Storybookと、全員参加型のUI開発
DIST.17 「Webデザインの現場のための効率化術」
8845musign
August 25, 2017
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
280
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
210
業務システムに必要なアクセシビリティ
8845musign
1
900
業務システム狂詩曲
8845musign
3
1.9k
READING The Atomic Workflow
8845musign
3
610
いまさら styled components 入門した
8845musign
3
760
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.5k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.8k
感性デザインとは?
8845musign
3
1.6k
Other Decks in Technology
See All in Technology
ハードウェアを動かすTypeScriptの世界
9wick
3
1.2k
PhpStorm超絶技巧40分集中講義 #phpconkagawa
yusuke
4
790
Domain-driven Design: A Complete Example
ewolff
2
260
OPENLOGI Company Profile for engineer
hr01
1
2.2k
CloudflareとHonoを使って飲食店のレビューができるLINEアプリを作った
shinaps
1
410
OPENLOGI Company Profile
hr01
0
46k
Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで
leveragestech
1
3.2k
株式会社EventHub・エンジニア採用資料
eventhub
0
2.1k
令和版ソフトウェアエンジニアの情報収集術 PHPカンファレンス香川2024
ysknsid25
4
910
Money-saving tips for the frugal serverless developer
theburningmonk
1
390
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.3k
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Faster Mobile Websites
deanohume
300
30k
[RailsConf 2023] Rails as a piece of cake
palkan
29
4.1k
In The Pink: A Labor of Love
frogandcode
138
21k
A Philosophy of Restraint
colly
197
16k
Debugging Ruby Performance
tmm1
70
11k
How to train your dragon (web standard)
notwaldorf
75
5.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Why Our Code Smells
bkeepers
PRO
331
56k
KATA
mclloyd
16
12k
Transcript
3FBDU4UPSZCPPLͱɺ શһࢀՃܕͷ6*։ൃ %*45 ʮ8FCσβΠϯͷݱͷͨΊͷޮԽज़ʯ σ β Π ϯ
ෲےϩʔϥʔΤϰΝ ϯδ Σ Ϧ ε τࣾγ Σ ϑ )5.-$44+BWB4DSJQU6*Ϧʔ υͬ
Ά͍ 4/4!NVTJHO ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ
ෲےϩʔϥʔΤϰΝ ϯδ Σ Ϧ ε τࣾγ Σ ϑ )5.-$44+BWB4DSJQU6*Ϧʔ υͬ
Ά͍ 4/4!NVTJHO ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ 53645"#30--&3
ʮσβΠ φʔ ʯ ͱ ʮΤϯδχΞ ʯ ͷڠۀ ࠓ͢͜ͱ
πʔϧͷ ͳ ͘ ͳΓ · ͨ͠ ͕࣌ؒ͋ͬͨΒʜ
ࢲ͕+PJO ͨ࣌͠ͷ՝ w σβΠφʔͱͷؔੑ͕رബ w σβΠφʔͷλεΫաଟ
σβΠ φʔ ͱΤϯδχΞ σβΠφʔ Ϧʔμʔ ʢΤϯδχΞʣ ΤϯδχΞ ͍͍ͩͨ ͜ ͜Ͱղܾ
ͨ·ʹ ૬ஊ
σβΠ ϯ όϥόϥࣄ݅ w ΤϯδχΞ͕σβΠϯʹಠࣗղऍΛՃ͑ͯ ಥ͖ਐΜͩ݁Ռ w DPMPSˠ ʜ w
GPOUTJ[FˠQY QY MBSHFʜ
'BOUBTUJD
͑ Β͍ਓݴ͏
༨༟͕Ͱ͖ͨΒ σβΠϯ ౷Ұ͠ ͍ͯ͜ ͏ ʮ ʯ
ͦΜͳͲ͏ͤ དྷͳ͍
݂ుΛు͖ͳ͕Β ͬ ͍͖ͯ
ί ϛ ϡχέʔγ ϣ ϯ͕ Γ ͳ͍ w ·͖ͨ͗ίϛϡχέʔγϣϯ w
͓Μͳ͡ΦϑΟεʹ͍ͳ͕ΒΒͳ͍ਓ w ͍ͬ͜͏ʹҭͨͳ͍৴པײ
ظ͢Δ Ξ τ ϓ ο τ
ΒΉޡղ
σβΠ φʔ Α ΓԶͨͪͷ΄͏ ͕ 8FCΛɺ 6*ΛΘ͔ͬ ͯ Δ ʮ
ʯ ʮ ʯ
σβΠ φʔͷ๊͑ ͍ͯΔ ͷ w ͨ͘͞Μͷཁ͍ΖΜͳϢʔβʔ w ϏδϡΞϧͷΫΦϦςΟ w ϓϩμΫτࣗମҎ֎ͷσβΠϯλεΫ
w ΤϯδχΞ͔Βݟ͍͑ͯͳ͍ͷ͕ͨ͘͞Μ
ͳΜͱ͔ͤͳͳ
ʮԶ͕6*୲ͩʯ ͱ ΞϐΓͩͨ͠
࣮ࡍʹ6*ʹؔ͢Δ ૬ஊ͕͖ͩͨ͠
͑Δ w ͜͏͍͏6*ͷํ͕Α͍͔͠Ε·ͤΜͶ w ڞ௨Խͯ͠ϧʔϧԽ͢ΔνϟϯεͰ w ͰσβΠφʔ͞Μͱʹ͍ͬͯΒ͑·͔͢ʁ
͖Ί·ͤʙʙ Μ ͳ͠·ͤʙ Μ ʜ ϑΝ Π τ͒ʙ
ॿ͚सग़͢ w ͜ͷσβΠϯʙΈ͍ͨͳҙਤ͕͔ͨ͠͠Β ͋ΔͷͰʙ w σβΠϯґཔ͢ΔࡍʙͷใσβΠφʔ͞Μ ʹ͑ͨํ͕Α͍ͷͰʁ w σβΠφʔ͞Μɺ৭ࢦఆʷʷʷͰ ໌هͯ͘͠ΕΔͱΤϯδχΞॿ͔Γ·͢
ਓ ΛؒʹΛஔ͍ͨͱ ͠ ͯɺ σβΠ φʔ 6*Ϧʔ υ ΤϯδχΞ ฉ͘
ݕ౼͢Δ
͜ͷؔʹͳͬ ͨͱ ͠ ͯɺ ղܾ͢Δ͔ ʁ
σβΠφʔ 6*Ϧʔ υ Τϯδ χΞ
ʮ૭ޱʯ ͠ͳ͍
ԥΓ ͋ ͬ ͯ ͘ ͍ͩ͞
ͰɺσβΠ φʔ͞Μͱ Ͳ͏͓͠ΌΓ ͢Δ ʁ
w ʮ͜Εͱ͜Εɺࡉ͔͍ҧ͍͕͋Γ·͕͢ ͲΜͳͩ͜ΘΓ͕͋ΔͷͰ͔͢ʂʁʯ w ʮ͜Εɺ͔ͨ͠͠Βڞ௨ԽͰ͖ͦ͏͡Όͳ͍ ɹͰ͔͢ʁʯ w ʮ࣮8FCͷ༷తʹ͜͏ͳͬͪΌ͏ΜͰ͢ʯ
͍͠ݴ༿͍Βͳ͍ ॏശͷ۱ΛΛͭͭ͘ ͜ ͱ͔Β
πʔ ϧͷલʹਓ
͍ͨ͞ΜΔ͏ͱ టष ͘
ΈΜͳͰ σβΠϯ͠ ͯ͜
5IBOL: PV
͔͜͜Β͕࣌ؒ ༨ͬ ͨΒ
IUUQTTUPSZCPPLKTPSH
3FBDU 4UPSZCPPL w 3FBDUͰಈ͘6*ΧλϩάͷΑ͏ͳͷ͕࡞ΕΔ w ฐࣾͰͦͷ··։ൃͰ͖Δ ελΠϧΨΠυͱͯ͠όϦόϦ׆༻த
ίʔ υ ϑ Ν ʔ ε τ w ɹੜ͞Ε͍ͯΔίʔυҰ൪ਖ਼͍͠σβΠϯͰ͋Δ w
ɹσβΠϯϑΝΠϧॻ͖ࣺͯ w ɹσβΠφʔ͞Μͷݴ༿͕มΘͬͨ w ʮࠓ։ൃதͷը໘ͰͲ͏ͳ͍ͬͯ·͔͢ʁʯ w ʮσβΠϯ͓͜͢ͷͰεΫγϣ͍ͩ͘͞ʯ w σβΠϯىίʔυʹͳΔ
σβΠ ϯγ ε ς Ϝ w "UPNJD%FTJHOͷࢥʹӨڹ͞Ε·ͬͨ͘ w ίϯϙʔωϯτཻͷͰͳ͍Ͱ͢ 5IF"UPNJD8PSLqPX
IUUQBUPNJDEFTJHOCSBEGSPTUDPNDIBQUFS
σβΠ φʔͷηϯ ε Λ 뱌͠ ͯϧʔ ϧԽ
ϧʔ ϧԽ w ΤϯδχΞ͕σβΠφʔʹΠϯλϏϡʔ໊ͯ͠લΛͭ ͚Δ w σβΠϯγεςϜελΠϧΨΠυΤϯδχΞ͕ ࡞Δ w σβΠϯͷ෯Λ͛ΔͨΊͷϧʔϧఏҊͬͪΌ͏ɹ
w σβΠϯΛνʔϜͷͷʹ͢Δ
ޮՌ w ୭͕6*Λ࡞ͬͯͦͦ͜͜ͷ࣭ w ιʔείʔυͷϞδϡʔϧੑ͕ߴ·Δʢʂʣ w είʔϓΛ͖Δ͜ͱͰσβΠϯ͚ͩͰͳ͘ ίʔυ্࣭͕͛͘͢ͳΔ w ΞΫηγϏϦςΟʹΛ͚͍͢
w զʑ)5.-$44ͰγεςϜΛ࡞Δͷͩͱ͍͏ೝࣝ
ޮՌ w ୭͕6*Λ࡞ͬͯͦͦ͜͜ͷ࣭ w ιʔείʔυͷϞδϡʔϧੑ͕ߴ·Δʢʂʣ w είʔϓΛ͖Δ͜ͱͰσβΠϯ͚ͩͰͳ͘ ίʔυ্࣭͕͛͘͢ͳΔ w ΞΫηγϏϦςΟʹΛ͚͍͢
w զʑ)5.-$44ͰγεςϜΛ࡞Δͷͩͱ͍͏ೝࣝ 53645"#30--&3