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
生成AIがもたらす変革 / GitHubGalaxy_CyberAgent
cyberagentdevelopers
PRO
2
120
【TSkaigi】2024/05/11 当日スライド
kimitashoichi
14
4k
データ分析力を高めるSQL研修サービス『SQL Everyone』
hikarut
1
400
Taking Flight with Tailwind CSS
opdavies
0
4.3k
QA経験のないエンジニアリング マネージャーがQAのカジュアル面談に出て 苦労していること・気づいたこと / scrum fest niigata 2024
yoshikiiida
2
670
Security Hubのセキュリティスコアはどうやって計算されるか
toru_kubota
0
100
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
1
160
TDD - Test Driven Drupal
opdavies
0
3k
生成AIと産業向けソフトウェアの自動生成 〜 ハノーバーメッセ2024より〜
kioto
2
430
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.3k
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
180
スクラムに出会って「できた」を実感できるようになってきた話 / Scrum makes me feel like I can do it
yayoi_dd
2
110
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1025
450k
The Invisible Side of Design
smashingmag
294
49k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Why Our Code Smells
bkeepers
PRO
331
56k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
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