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
ドラッグ&ドロップを支える技術
Search
高津亘宏
September 16, 2023
Technology
2
1.1k
ドラッグ&ドロップを支える技術
MiroやFigmaのようなWeb上でドラッグ&ドロップ(GUI操作)を実装する技術について深掘りしていきます
高津亘宏
September 16, 2023
Tweet
Share
Other Decks in Technology
See All in Technology
Geminiとv0による高速プロトタイピング
shinya337
1
270
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
320
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
260
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
130
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
270
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
170
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
150
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
270
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
370
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
150
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
2
17k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
Agile that works and the tools we love
rasmusluckow
329
21k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Site-Speed That Sticks
csswizardry
10
690
Optimising Largest Contentful Paint
csswizardry
37
3.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
The Cult of Friendly URLs
andyhume
79
6.5k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Transcript
None
ࣗݾհ ʲ໊લʳ ߴ ʲॴଐʳ ΦϯϥΠϯαϩϯ։ൃ෦ΞʔΩςΫτνʔϜ ʲྖҬʳ αʔόʔαΠυΤϯδχΞͱͯ͠ೖࣾ ۀͰΠϯϑϥ͔ΒϑϩϯτΤϯυ·Ͱ෯͘ ϑϩϯτΤϯυ7VFKT /VYUKT
ͱ3FBDUKT /FYUKT ͕ॻ͚Δ ʲझຯʳ ϑοταϧ
ͱ͜ΖͰօ͞Μʂ
'JHNB.JSPͷΑ͏ͳ(6*Ͱυϥοά Ξϯυυϩοϓग़དྷΔΑ͏ͳ8FCΞϓϦ Λ࡞Γͨ͘ͳͬͨ͜ͱ͋Γ·ͤΜ͔ʁ
͋Γ·͢ɻ
8FC্ͰυϥοάˍυϩοϓΛ࣮͠Α͏ͱ ͨ͠ͱ͖ʹ·ͣ࠷ॳʹࢥ͍ͭ͘؆୯ͳΓํ
%0.ૢ࡞ ελΠϦϯάͨ͠IUNMΛૢ࡞͢Δख๏
UPQQY MFGUQY υϥοάˍυϩοϓ͢ΔΦϒδΣΫτͷ࠲ඪΛঢ়ଶཧ \Y Z^ EJWλάΛઈରஔͰஔ͠ɺ࠲ඪΛঢ়ଶཧ ઈରஔ
UPQ:QY MFGU9QY $VSTPS $VSTPSͷ࠲ඪΠϕϯτຖʹऔಘग़དྷΔ
ʬυϥοά։࢝ʭ NPVTFEPXO 1$ PSUPVDITUBSU 41 \Y Z^ υϥοά։࢝ ԡ͢
ʬυϥοάதʭ NPVTFNPWF 1$ PSUPVDINPWF 41 ʬυϩοϓʭ NPVTFVQ 1$ PSUPVDIFOE
41 \Y Z^ υϥοάˍυϩοϓ ʬυϥοά։࢝ʭ NPVTFEPXO 1$ PSUPVDITUBSU 41 ͢
EZ EY \Y Z^ \Y EY Z EZ^ ΠϕϯτຖʹϚεͷ࠲ඪ͔Βબ͍ͯ͠ΔΦϒδΣΫτͷ࠲ඪΛߋ৽ ʬυϥοά։࢝ʭ
NPVTFEPXO 1$ PSUPVDITUBSU 41 ʬυϥοάதʭ NPVTFNPWF 1$ PSUPVDINPWF 41 ʬυϩοϓʭ NPVTFVQ 1$ PSUPVDIFOE 41 ϚεͷҠಈڑ EY EZ
αϯϓϧ࣮
%0.ૢ࡞ͰυϥοάˍυϩοϓΛ͢ΔදతͳϥΠϒϥϦ ʲWVFESBHHBCMFSFTJ[BCMFʳʲSFBDUESBHHBCMFʳ
λεΫཧπʔϧͷΑ͏ͳ(6*Λ࣮Ͱ͖ΔϥΠϒϥϦ ɾWVFESBHHBCMF ɾSFBDUEOE ɾSFBDUCFBVUJGVMEOE SFBDUCFBVUJGVMEOEͷHJUIVCϦϙδτϦ IUUQTHJUIVCDPNBUMBTTJBOSFBDUCFBVUJGVMEOE ͔ΒҾ༻
%PNૢ࡞ͷ՝
େྔͷΦϒδΣΫτΛϦΞϧλΠϜڞ༗͢ΔΑ͏ͳෳࡶͳॲཧΛΖ͏ͱ͢Δͱॏ͍
%0.ૢ࡞ߴίετˍݶք ɹɹɹɹ$BOWBTΛ༻͍ͯ͠Δ
-BZFS DBOWBT -BZFS DBOWBT $BOWBTͱ $BOWBTɺΣϒϖʔδʹϐΫηϧϕʔεͷάϥϑΟοΫεඳըΛՄೳʹ͢Δ)5.-ͷཁૉͷҰͭɻ $BOWBTɺ+BWB4DSJQUΛ༻͍ͯϐΫηϧΛૢ࡞͢Δ͜ͱͰɺߴͳඳըػೳΞχϝʔγϣϯɺը૾ฤूͳͲͷػೳΛ࣮ݱɻ $BOWBTͷ-BZFSΛ͚Ε͓ޓ͍ׯবͤͣಠཱੑΛҡ࣋͢Δ͜ͱ͕ग़དྷΔɻ
-BZFS DBOWBT
%0.ૢ࡞WT$BOWBT ʬύϑΥʔϚϯεʭ ɾ$BOWBTϐΫηϧϕʔεͷඳըͰ͋ΓɺେྔͷΦϒδΣΫτಈ͖͕͋Δ߹ͰΦϒδΣΫτͷҐஔঢ়ଶΛΞϓϦέʔγϣϯͷ +BWBTDSJQUͰશʹ੍ޚͰ͖ΔͨΊ%0.ΑΓޮతʹϨϯμϦϯάͰ͖Δ ɾ%0.ෳࡶͳπϦʔߏΛ͍࣋ͬͯΔͳͲͷཧ༝͔Βɺ%0.ૢ࡞ߴίετͳͷͰଟ͘ͷΦϒδΣΫτΛυϥοάˍυϩοϓ͢Δ߹ ϨϯμϦϯάͷԆΫϥογϡ ϋϯά ͢ΔՄೳੑ͕͋Δ ʬελΠϦϯάͷॊೈੑɺಠཱੑʭ
ɾ$BOWBTϐΫηϧϨϕϧͰͷ੍ޚΛՄೳʹ͢ΔͨΊɺҙͷܗ৭ͷΦϒδΣΫτΛࣗ༝ʹඳըͰ͖ɺଞͷDTTͷӨڹΛड͚ͳ͍ ɾ%0.ඪ४ͷ)5.-͓Αͼ$44ελΠϦϯάʹ੍͞ΕɺଞͷDTTͷӨڹΛड͚ΔՄೳੑ͕͋Δ ʬΠϕϯτϋϯυϦϯάʭ ɾϒϥβ%0.ཁૉʹର͢ΔΠϕϯτϋϯυϦϯάΛωΠςΟϒʹαϙʔτ͍ͯ͠ΔͷͰ؆୯ʹ࣮ग़དྷΔ ɾDBOWBTʹΠϕϯτϋϯυϦϯάͷػೳ͕ແ͍ͨΊDBOWBT্ͷ֤ΦϒδΣΫτͷܗঢ়ʹ߹ΘͤͯΠϕϯτϋϯυϦϯάͷॲཧΛ ϑϧεΫϥονͰ࣮͠ͳ͍ͱ͍͚ͳ͍
DBOWBT 3 B C બ͢ΔΦϒδΣΫτ ઌఔͱಉ༷ͳԁܗΦϒδΣΫτ
DBOWBT 3 B C Y Z Ϛε ΠϕϯτϋϯυϦϯάͷϩδοΫυϥοάఆ
DBOWBT 3 B C Y Z Ϛεͱԁͷத৺ͷڑ ΠϕϯτϋϯυϦϯάͷϩδοΫυϥοάఆ
DBOWBT 3 B C Y Z Ϛεͱԁͷத৺ͷڑ Ϛεͱԁͷத৺ͷڑ (x −
a)2 + (y − b)2 ≦ R ԁͷܘ (x − a)2 + (y − b)2 ≦ R2 ΠϕϯτϋϯυϦϯάͷϩδοΫυϥοάఆ
DBOWBT 3 B C Y Z υϥοά։࢝ (x − a)2
+ (y − b)2 ≦ R2 NPVTFEPXOPSUPVDITUBSU
DBOWBT B C Y Z υϥοάதNPVTFͷҠಈڑΛࢉग़ Y Z EY EZ
NPVTFNPWFPSUPVDINPWF
DBOWBT B C Y Z NPVTFNPWF UPVDINPWF ΠϕϯτຖʹΦϒδΣΫτͷ࠲ඪΛߋ৽ˍDBOWBTΛ࠶ඳը 3 Y
Z EY EZ B EY C EZ DBOWBTΛ࠶ඳը ˞ۃྗDBOWBTͷ-BZFSΛ͚Δ͜ͱͰࠩҎ֎ എܠը૾ ࠶ඳը͠ͳ͍Α͏ʹ͢Δ͜ͱ͕ग़དྷΔ
αϯϓϧ࣮ WVF
αϯϓϧ࣮ WVF ΦϒδΣΫτͷܗঢ়ຖʹΠϕϯτϋϯυϦϯάͷϩδοΫΛॻ͔ͳ͍ͱ͍͚ͳ͍🥺
αϯϓϧ࣮ WVF ΦϒδΣΫτͷܗঢ়ຖʹΠϕϯτϋϯυϦϯάͷϩδοΫΛॻ͔ͳ͍ͱ͍͚ͳ͍🥺 ,POWBKT͕ղܾʂ
3FBDU7VFͰ͑Δʂ LPOWBKT SFBDULPOWB WVFLPOWB
,POWBKTͰ͑ΔදతͳΦϒδΣΫτ $JSDMF 3FDU &MJQTF 4UBS 3FHVMBS1PMZHPO "SSPX
αϯϓϧ࣮
%SBHHBCMFΛ༩͢Δ͜ͱͰ؆୯ʹυϥοάˍυϩοϓΛ࣮Ͱ͖Δ
%0.ૢ࡞WT$BOWBTͷ·ͱΊ ʬ%0.ૢ࡞Ͱ࡞Δͷ͕ద͍ͯ͠Δ࣌ʭ ɾ؆୯ͳ6*গྔͷಈతཁૉ͔͠ͳ͍߹ ɾ%0. )5.- ͷػೳΛ׆༻͍ͨ͠߹ FYλεΫཧπʔϧ ʬ$BOWBTͰ࡞Δͷ͕ద͍ͯ͠Δͱ͖ʭ ɾߴͳάϥϑΟοΫεɺେྔͳಈతΦϒδΣΫτɺ·ͨߴසͷ࠶ඳը͕ඞཁͳ߹
ɾDBOWBTͷػೳΛ׆༻ʢը૾ΞχϝʔγϣϯΛ࡞ͯ͠อଘʣ͍ͨ͠Α͏ͳ߹
Ԡ༻ɿେྔͷΦϒδΣΫτΛυϥοάˍυϩοϓ͢Δ࣮ ɾΦϒδΣΫτͷϦετͰঢ়ଶཧ ˠ/P42-Ͱѻ͑Δ ɾDBOWBTͰ࠷ޙʹඳըͨ͠ͷ͕Ұ൪্ʹདྷΔ ˠ࠷ޙʹબͨ͠ΦϒδΣΫτϦετͷඌʹՃ͑ͯ[JOEFYΛ࣮