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
5.9k
Wantedly の技術とアーキテクチャ / 2023年度 新人研修
altech
2
600
技術を的に当てる技術について - GraphQL を入れ直した話 / 吉祥寺.pm28
altech
7
5.8k
マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 - その事例と可能性 / Kaigi on Rails 2021
altech
8
3.2k
ソフトウェア設計の Why & What & How / Wantedly 新卒研修
altech
0
11k
Ruby で作るデータ分析基盤
altech
9
1.9k
Object-Oriented Abstraction of Redis Sorted Set
altech
2
2.4k
Microservices on “Rails” - Wantedly のマイクロサービス事例
altech
8
5.6k
Rails 5 で作る RESTful API 速習会 / Rails RESTful API
altech
5
1.1k
Other Decks in Design
See All in Design
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
110
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
3
170
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.2k
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
270
Haruki_Konaka_Portforio.pdf
haruki556
0
650
Credence
lratmansunu
0
460
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
560
アフォーダンスとシグニファイア
ryokanakai
1
320
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
2k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
170
Карта процесса-опыта. Презентация метода
ashapiro
0
330
Featured
See All Featured
Building an army of robots
kneath
302
43k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Bash Introduction
62gerente
608
210k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Unsuck your backbone
ammeep
668
57k
Why Our Code Smells
bkeepers
PRO
334
57k
How GitHub (no longer) Works
holman
310
140k
Side Projects
sachag
452
42k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Faster Mobile Websites
deanohume
305
30k
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ͳ ڧ͍αʔϏεΛ࡞Δ্Ͱେࣄ ·ͱΊ