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.4k
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
5.4k
Wantedly の技術とアーキテクチャ / 2023年度 新人研修
altech
2
510
技術を的に当てる技術について - GraphQL を入れ直した話 / 吉祥寺.pm28
altech
7
5.5k
マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 - その事例と可能性 / Kaigi on Rails 2021
altech
8
2.9k
ソフトウェア設計の Why & What & How / Wantedly 新卒研修
altech
0
11k
Ruby で作るデータ分析基盤
altech
9
1.8k
Object-Oriented Abstraction of Redis Sorted Set
altech
2
2.2k
Microservices on “Rails” - Wantedly のマイクロサービス事例
altech
8
5.4k
Rails 5 で作る RESTful API 速習会 / Rails RESTful API
altech
5
960
Other Decks in Design
See All in Design
B/43プラスカードができるまで
putchomsmartbank
0
470
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
240
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.7k
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
0
170
社内管理画面のデザインもプロダクトデザイン
takanorip
4
730
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
710
Sociotechnical design for software and human systems
xinyao
2
480
不可分の民藝から可分の工業産業へ
creatorqsf
1
340
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
350
MiKS inc. Company PR en_202404
zakkerooni
0
110
Ride or Die Animatics
warwatkar
0
140
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
48
28k
Principles of Awesome APIs and How to Build Them.
keavy
120
16k
Clear Off the Table
cherdarchuk
83
310k
GitHub's CSS Performance
jonrohan
1023
450k
Navigating Team Friction
lara
177
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
11
4.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
How to Ace a Technical Interview
jacobian
272
22k
RailsConf 2023
tenderlove
2
530
Docker and Python
trallard
33
2.7k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
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ͳ ڧ͍αʔϏεΛ࡞Δ্Ͱେࣄ ·ͱΊ