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
Data-Driven Service-Oriented Architecture & UI
Search
Altech
November 06, 2018
Design
3
1.5k
Data-Driven Service-Oriented Architecture & UI
Data Driven Developer Meetup #2
https://d3m.connpass.com/event/104858/
Altech
November 06, 2018
Tweet
Share
More Decks by Altech
See All by Altech
継続的なサービス発展を支えるアーキテクチャと技術 / Developers Summit 2023
altech
20
6.1k
Wantedly の技術とアーキテクチャ / 2023年度 新人研修
altech
2
650
技術を的に当てる技術について - GraphQL を入れ直した話 / 吉祥寺.pm28
altech
7
5.9k
マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 - その事例と可能性 / Kaigi on Rails 2021
altech
8
3.4k
ソフトウェア設計の Why & What & How / Wantedly 新卒研修
altech
0
11k
Ruby で作るデータ分析基盤
altech
9
2k
Object-Oriented Abstraction of Redis Sorted Set
altech
2
2.4k
Microservices on “Rails” - Wantedly のマイクロサービス事例
altech
8
5.7k
Rails 5 で作る RESTful API 速習会 / Rails RESTful API
altech
5
1.1k
Other Decks in Design
See All in Design
(第1回) アーキテクト・テックリード育成講座
masakaya
0
200
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
6
980
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
290
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
150
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
500
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
1
190
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
840
Masked shaman-Storyboard 2025
ashley0521
0
230
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
270
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
120
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
190
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Your Own Lightsaber
phodgson
104
6.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
118
51k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A Modern Web Designer's Workflow
chriscoyier
693
190k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.7k
Designing for Performance
lara
606
69k
Adopting Sorbet at Scale
ufuk
75
9.3k
A Tale of Four Properties
chriscoyier
158
23k
Faster Mobile Websites
deanohume
306
31k
Transcript
©2018 Wantedly, Inc. Data-Driven Service-Oriented Architecture & UI In
Wantedly Visit. Data Driven Developer Meetup #2 6.Nov.2018 - Sohei Takeno
©2018 Wantedly, Inc. "CPVUNF Application Engineer. Wantedly, Inc. - Developed
Wantedly Visit 2 years (Growth Team). - Developing Wantedly People 1 years. Sohei Takeno Altech_2015 Altech
©2018 Wantedly, Inc. ͷςʔϚɿʮج൫ʯ
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ δϣϒɾγεςϜ
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ ࠓ͓ʹѻΘΕΔ༰
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ ͜Ε͔Β͢༰ ࠓ͓ʹѻΘΕΔ༰
©2018 Wantedly, Inc. ͨΒ͘Λ໘ന͘ ༗໊اۀϕϯνϟʔɺελʔτΞοϓاۀɺؾʹͳΔΦ ϑΟεʹΛฉ͖ʹ͍͜͏ɻ ΩϥͬͱޫΔγΰτϓϩδΣΫτɺձࣾΛݟ͚ͭͯΤϯ τϦʔ͠·͠ΐ͏ɻΓ߹͍ͷͭͳ͕Γ͕͔ͬͯ҆৺Ͱ ͢ɻ
©2018 Wantedly, Inc. ͨΒ͘Λ໘ന͘ ༗໊اۀϕϯνϟʔɺελʔτΞοϓاۀɺؾʹͳΔΦ ϑΟεʹΛฉ͖ʹ͍͜͏ɻ ΩϥͬͱޫΔγΰτϓϩδΣΫτɺձࣾΛݟ͚ͭͯΤϯ τϦʔ͠·͠ΐ͏ɻΓ߹͍ͷͭͳ͕Γ͕͔ͬͯ҆৺Ͱ ͢ɻ ⾣
ਓͱձࣾͷϚονϯάɾαʔϏε
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ IUUQTXXXXBOUFEMZDPNQSPKFDUT ▶ ืूΛ௨ͯ͠ձࣾΛ୳͢ϝΠϯػೳ ▶ αʔϏεʮʯͰͷϚονϯά
ओʹ͜͜ͰߦΘΕΔ ▶ SNS Ͱͷ֦ࢄݕࡧྲྀೖͱݴͬͨ αʔϏεʮ֎ʯͷϚονϯάଘࡏ
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ ▶ ਪનɿϐϡΞʹσʔλͱΞϧΰϦζ ϜͰܾ·Δ ▶ ߜΓࠐΈɿαʔϏεఏڙऀ͕໌ࣔత
ʹ߲Λಋೖ͠ɺձ͕ࣾઃఆ͢Δ ਪન ߜࠐ
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ ▶ ਪનɿϐϡΞʹσʔλͱΞϧΰϦζ ϜͰܾ·Δ ▶ ߜΓࠐΈɿαʔϏεఏڙऀ͕໌ࣔత
ʹ߲Λಋೖ͠ɺձ͕ࣾઃఆ͢Δ ਪન ߜࠐ ݕࡧ ▶ ݕࡧɿߜΓࠐΈͭͭਪન
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ ▶ ਪનɿϐϡΞʹσʔλͱΞϧΰϦζ ϜͰܾ·Δ ▶ ߜΓࠐΈɿαʔϏεఏڙऀ͕໌ࣔత
ʹ߲Λಋೖ͠ɺձ͕ࣾઃఆ͢Δ ▶ ݕࡧɿߜΓࠐΈͭͭਪન ೳಈతʹ୳͢
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ ▶ ਪનɿϐϡΞʹσʔλͱΞϧΰϦζ ϜͰܾ·Δ ▶ ߜΓࠐΈɿαʔϏεఏڙऀ͕໌ࣔత
ʹ߲Λಋೖ͠ɺձ͕ࣾઃఆ͢Δ ▶ ݕࡧɿߜΓࠐΈͭͭਪન डಈతʹग़ձ͏
©2018 Wantedly, Inc. ձࣾΛ୳͢ը໘ ืूҰཡը໘ ▶ ਪનɿϐϡΞʹσʔλͱΞϧΰϦζ ϜͰܾ·Δ ▶ ߜΓࠐΈɿαʔϏεఏڙऀ͕໌ࣔత
ʹ߲Λಋೖ͠ɺձ͕ࣾઃఆ͢Δ ▶ ݕࡧɿߜΓࠐΈͭͭਪન डಈతʹग़ձ͏ /FUqJYͱ͔ͩͱશʹडಈతͳ69͚ͩͲɺ ࣄ୳͠͏গ͠ڧ͍ϞνϕʔγϣϯΛ ͍࣋ͬͯΔϢʔβʔ͍ΔͷͰɺೳಈతͳ ػೳଘࡏ͍ͯ͠Δɻ
©2018 Wantedly, Inc. ͪΖΜϞόΠϧΞϓϦ͋Δ ⾣ J04"QQd ⾣ "OESPJE"QQd
©2018 Wantedly, Inc. ⾣ 8BOUFEMZ7JTJUຊ࣭తʹϚονϯάɾαʔϏε ⾣ Ϛονϯάͷ࣭͕ɺαʔϏεͷ࣭ʹ݁͢Δ ⾣ ೳಈతʹ୳͢69ͱɺडಈతʹग़ձ͏69ͷࠞ ·ͱΊΔͱɿ
©2018 Wantedly, Inc. Ͳ͏ͬͨΒϚονϯά͕ ܧଓతʹվળ͞ΕΔ͔ʁ
©2018 Wantedly, Inc. ΞϓϦέʔγϣϯͷΞʔΩςΫνϟͱ"1*ʹண ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ
©2018 Wantedly, Inc. ⾣ ਪનɿΞϓϦͱΣϒͰਪનͷ࣮͕ͪΐͬͱͣͭҧ͏ ⾣ ߜΓࠐΈɿϚϧνϓϥοτϑΥʔϜʹ·͕ͨΔ6*ͳͷͰɺ ɹɹɹɹɹ߲ΛՃͨ͠Γมߋ͢Δͷ͕ͱͯେม Θ͔Γ͍͕̎ͭ͋ͬͨ͢ σʔλΛ׆༻ͨ͠αʔϏεվળͷੜ࢈ੑ͕͍ͱɺ
ೳྗΛൃش͍ͨ͠ΤϯδχΞʹͱͬͯັྗతͰͳ͍ ͱ͍͏ϝλͳҙࣝ
©2018 Wantedly, Inc. Example ⾣ ਪનϩδοΫ3BJMTͷ.PEFM $POUSPMMFSͰ࣮ ⾣ Σϒ͚ͷ$POUSPMMFS࣮ͱɺΞϓϦ͚ͷ$POUSPMMFS࣮͕ผʑʹଘࡏ ⾣
ͦΕͧΕͷ$POUSPMMFSʹฒସ͑ͷॏཁϩδοΫ͕࣮͞Ε͍ͯΔ ⾣ ී௨ʹ3BJMTͰ࣮ͨ͠Β͜͏ͳΔͩΖ͏ͱ͍͏ߏ ਪનͷ ॱংΛ෦తʹม͑Δʹ྆ํͷमਖ਼͕ඞཁͳΜ͚ͩͲɺΣϒͷ ւ֎൛ͰಛఆͷॱংϩδοΫೖ͍ͬͯͳͯ͘ɺɺ
©2018 Wantedly, Inc. 3FBSDIJUFDUJOH .PEFM $POUSPMMFS $BDIF4ZTUFN &MBTUJDTFBSDI Before Web
Client Native Client $POUSPMMFS
©2018 Wantedly, Inc. 3FBSDIJUFDUJOH .PEFM $POUSPMMFS .PEFM $POUSPMMFS 3FDPNNFOE 4FSWJDF
&MBTUJDTFBSDI $BDIF4ZTUFN $BDIF4ZTUFN &MBTUJDTFBSDI ɾ4FSWJDFͷϩδοΫΛม͑Εશ͕ͯมΘΔ ɾຊ࣭తʹॏཁੑͷ͍BEIPDͳϩδοΫ͕ೖΓʹ͍͘ Before After Web Client Native Client $POUSPMMFS Web Client Native Client $POUSPMMFS
©2018 Wantedly, Inc. ⾣ Ҭల։ɾւ֎ల։ɾۀք֦େΛݟਾ͑ͨͱ͖ɺཧతͳ ॊೈੑͰαʔϏεΛมߋ͍͚ͯ͠Δ͔ʁ ߜΓࠐΈͷ Example ւ֎ల։࣌ɺಛఆͷࢢ͔ΒαʔϏεల։Λ࢝ΊΔͱ͖ɺҬͷߜ ΓࠐΈػೳෆཁɻ
Example ืू͕ݸ͔͠ͳ͍ͷʹߴͳݕࡧػೳΛఏڙͯ͠ɺϢʔβʔମ ݧԼ͕Δɻஈ֊తʹ։์͍͖͍ͯͨ͠ɻ
©2018 Wantedly, Inc. ⾣ Ҭల։ɾւ֎ల։ɾۀք֦େΛݟਾ͑ͨͱ͖ɺཧతͳ ॊೈੑͰαʔϏεΛมߋ͍͚ͯ͠Δ͔ʁ ߜΓࠐΈͷ Example ւ֎ల։࣌ɺಛఆͷࢢ͔ΒαʔϏεల։Λ࢝ΊΔͱ͖ɺҬͷߜ ΓࠐΈػೳෆཁɻ
Example ืू͕ݸ͔͠ͳ͍ͷʹߴͳݕࡧػೳΛఏڙͯ͠ɺϢʔβʔମ ݧԼ͕Δɻஈ֊తʹ։์͍͖͍ͯͨ͠ɻ ⾣ <ݱ࣮>K2VFSZ IUNMͰ࣮ͯ͠ɺJ04ΞϓϦͷΤϯδχΞʹ͓ئ͍ͯ͠ɺ "OESPJEΞϓϦͷΤϯδχΞʹ͓ئ͍ͯ͠ɺΞϓϦͷਁಁΛͬͯɻɻ
©2018 Wantedly, Inc. )5.-K2VFSZ J04"QQ "OESPJE"QQ .BTUFSEBUB 3FBSDIJUFDUJOH .BTUFSEBUB .BTUFSEBUB
Before
©2018 Wantedly, Inc. )5.-K2VFSZ J04"QQ "OESPJE"QQ 3FBDU J04"QQ "OESPJE"QQ $POUFOUT
4FSWJDF user_id country Contents JSON Contents JSON = ηΫγϣϯλΠτϧɺ ηΫγϣϯ͝ͱͷ߲ɺ߲͝ͱͷϥϕϧɾύϥϝʔλ .BTUFSEBUB .BTUFSEBUB 3FBSDIJUFDUJOH .BTUFSEBUB .BTUFSEBUB Before After
©2018 Wantedly, Inc. 3FBDU J04"QQ "OESPJE"QQ $POUFOUT 4FSWJDF user_id country
.BTUFSEBUB "GUFS3FBSDIJUFDUVSJOH $POUSPMMFS 3FDPNNFOE 4FSWJDF $BDIF4ZTUFN Contents JSON ids
©2018 Wantedly, Inc. 3FBDU J04"QQ "OESPJE"QQ $POUFOUT 4FSWJDF user_id country
.BTUFSEBUB "GUFS3FBSDIJUFDUVSJOH $POUSPMMFS 3FDPNNFOE 4FSWJDF $BDIF4ZTUFN Contents JSON ids ΞϧΰϦζϜΛվળ͢Δ ͜ͱͰαʔϏεશମͷ࣭ ͕վળ͢Δߏ
©2018 Wantedly, Inc. ࠶ɿͲ͏ͬͨΒϚονϯά͕ ܧଓతʹվળ͞ΕΔ͔ʁ
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ
©2018 Wantedly, Inc. ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫ Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ
ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ ج൫͍Ζ͍Ζ
©2018 Wantedly, Inc. ϢʔβʔɾΠϯλʔϑΣʔεʹண
©2018 Wantedly, Inc. ⾣ ҬηΫγϣϯ͕͋Δ͚Ͳ۩ମతʹ Ͳ͏͍͏ཻͰ͋Δͷ͔ؾ͔ͮͳ͍ ⾣ ৬छηΫγϣϯ͕͋Δ͚Ͳʢಉ্ʣ ⾣ ݕࡧͱ͍͏ϙςϯγϟϧͷ͋Δػೳ͕
ೖͬͯΔ͚ͲԼͷํʹ͋ΔͷͰվળͯ͠ ΠϯύΫτബ͍ ⾣ ͳͲͳͲɾɾɾ 2લͷ Wantedly Visit ͷߜΓࠐΈػೳ
©2018 Wantedly, Inc. ϩδοΫͰվળ͢ΔલఏͰ6*Λઃܭ͢Δ * ΩʔϫʔυਪનΛ্෦ʹஔ * ݕࡧͱߜΓࠐΈΛ౷߹ͨ͠ςΩετϘοΫεΛஔ͢Δ *
ϑΟϧλ߲ɺҰ෦͚ͩݟͤͯ expand Մೳʹ͢Δ * Hidden ঢ়ଶͰԿΛݟΔ͔Ϣʔβʔ͝ͱʹ API Ͱ੍ޚ * ηΫγϣϯࣗମಈతʹม͑ΒΕΔ༨Λ͢
©2018 Wantedly, Inc. ϩδοΫͰվળ͢ΔલఏͰ6*Λઃܭ͢Δ * ΩʔϫʔυਪનΛ্෦ʹஔ * ݕࡧͱߜΓࠐΈΛ౷߹ͨ͠ςΩετϘοΫεΛஔ͢Δ *
ϑΟϧλ߲ɺҰ෦͚ͩݟͤͯ expand Մೳʹ͢Δ * Hidden ঢ়ଶͰԿΛݟΔ͔Ϣʔβʔ͝ͱʹ API Ͱ੍ޚ * ηΫγϣϯࣗମಈతʹม͑ΒΕΔ༨Λ͢
©2018 Wantedly, Inc. ϩδοΫͰվળ͢Δલఏͷ UIʢڀۃମʣ: netflix.com Ͳ͏͍͏ηΫγϣϯΛग़͔͢ʁ ͦͷதͰϢʔβʔͰΉͷͳʹ͔ʁ /FUqJYͷը໘ʜ
©2018 Wantedly, Inc. ⾣ நԽ͞Εͨઃܭʹجͮ͘͜ͱͰɺ ౷Ұతͳ੍ޚΛՄೳʹ͢Δ ˔ ౷߹͞ΕͨςΩετϘοΫεΛ࠷༏ઌͰఏࣔ ˔ ΩʔϫʔυɾαδΣετϑΝʔετɾϏϡʔ
˔ &YQBOEͱ)JEEFOɺηΫγϣϯͷಈత੍ޚ ΞϓϦͰ͋ͬͯઃܭࢥͱ༏ઌڞ௨ʹ͢Δ
©2018 Wantedly, Inc. ج൫͍Ζ͍Ζ ©2018 Wantedly, Inc. ΩϟογϡɾγεςϜ σʔλऩूج൫ ػցֶशج൫
Ϣʔβʔ͚ͷΠϯλʔϑΣʔεʢUIʣ ΫϥΠΞϯτ͚ͷΠϯλʔϑΣʔεʢAPIʣ ΞϓϦέʔγϣϯɾαʔόʔͷ෦ΞʔΩςΫνϟ ͦͷαʔϏε͕ఏڙ͖͢ ՁΛ࠷େԽͤ͞ΔͨΊʹଘࡏ i.e. ଞͷαʔϏεͰ͑Δ αʔϏεͷੑ࣭ʹґଘ͠ͳ͍ ൚༻తͳج൫ δϣϒɾγεςϜ ͨ͠༰
©2018 Wantedly, Inc. ΞϓϦέʔγϣϯɾϨΠϠʔͷ ઃܭ%BUB%SJWFOͳ ڧ͍αʔϏεΛ࡞Δ্Ͱେࣄ ·ͱΊ