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.8k
React/Storybookと、全員参加型のUI開発
DIST.17 「Webデザインの現場のための効率化術」
8845musign
August 25, 2017
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
680
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
220
業務システムに必要なアクセシビリティ
8845musign
1
960
業務システム狂詩曲
8845musign
4
2k
READING The Atomic Workflow
8845musign
3
650
いまさら styled components 入門した
8845musign
3
830
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.6k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.9k
感性デザインとは?
8845musign
4
1.7k
Other Decks in Technology
See All in Technology
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
とあるユーザー企業におけるリスクベースで考えるセキュリティ業務のお話し
4su_para
3
320
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
350
Aurora_BlueGreenDeploymentsやってみた
tsukasa_ishimaru
1
120
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
470
日経電子版におけるリアルタイムレコメンドシステム開発の事例紹介/nikkei-realtime-recommender-system
yng87
1
500
大規模データ基盤チームのオンプレTiDB運用への挑戦 / dpu-tidb
cyberagentdevelopers
PRO
1
110
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
650
10分でわかるfreeeのQA
freee
1
3.4k
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.2k
Writing Fast Ruby
sferik
626
61k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Embracing the Ebb and Flow
colly
84
4.4k
For a Future-Friendly Web
brad_frost
175
9.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
How STYLIGHT went responsive
nonsquared
95
5.2k
The World Runs on Bad Software
bkeepers
PRO
65
11k
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