Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2023-01-12 - TypeScript & React から Elm への移行時、HTML5 の Drag and Drop API で引っかかった #203

Closed
kachick opened this issue Jan 11, 2023 · 2 comments
Labels
front-end https://en.wikipedia.org/wiki/Front-end_web_development question Further information is requested

Comments

@kachick
Copy link
Owner

kachick commented Jan 11, 2023

Extracted from #53

https://github.com/mobu-of-the-world/mobu に色々書いた機能を Elm へ移行させていたら、割とすんなり出来て気持ちが良かった。 localStorage、notification、sound 再生辺りは port を使わざるを得なかったんだけど、まぁ出来たし TypeScript のコード比率を大分減らせたので特に苦にならなかった。

一点詰まってるのが Drag and Drop 機能。mobu-of-the-world/emobu#216 で無理やり実装はしたけれど、この方法だとモバイルで機能しない。大体 Elm でスクラッチからDrag and Drop 作りました〜みたいな記事見に行っても同じ感じのようで、解消するには on でイベントハンドラ作るとか port だけでどうこうなる話じゃなさそうで保留してる。 mobu-of-the-world/emobu#217

カスタムエレメンツとportだけでこの辺解消できるのかがよくわかってないんだよなー。たまにとはいえレールから外れたときにすごい苦労するとなるとうーむなんだけど、そもそも知識・経験不足なだけなのかもだからまだなんとも。

@kachick kachick added question Further information is requested front-end https://en.wikipedia.org/wiki/Front-end_web_development labels Jan 11, 2023
@kachick
Copy link
Owner Author

kachick commented Jan 18, 2023

子(ChatGPT)曰く

cg0

cg1

cg2

急に饒舌になるやん
と思ったら https://github.com/elm-community/elm-drag-drop 等無かった・・・

@kachick
Copy link
Owner Author

kachick commented Feb 23, 2024

最近触れてないし進捗もない

@kachick kachick closed this as completed Feb 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front-end https://en.wikipedia.org/wiki/Front-end_web_development question Further information is requested
Projects
None yet
Development

No branches or pull requests

1 participant