Web フロントエンドの実装において本来の機能を損なってはいけない

Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で

[miyasakura]

GCPのコンソールでcmd+クリックでリンクを新しいタブで開けないことが多くてお前らWeb標準作ってるんじゃないのかよといつもイライラする

[programmablekinoko]

本当にそうだと思う。SPAであってもHTMLページとして完備していてほしい。

[bascinet]

ページネーションとかaタグで作ってくれないとAutoPagerize効かないのでメディア系で出くわすと勘弁してくれといつも思ってる

[berlysia]

全部divで良いっていう人そろそろいなくなったけどこの辺はまだ啓蒙がいる

[ledsun]

戻るボタンの挙動を変えないでほしい。前のページ（にみえるところ）に戻ってほしい。スクロールも復元してほしい。コンテンツを復元するのを待ちたくない。

[yarumato]

“JavaScriptで作っても、クリック時に画面遷移の機能は <a> タグと同様。だが失われた振る舞いが存在：Ctrl＋クリックで新タブで開く、右クリックで開きかた選択、リンクが訪済済みかを表示..。React Routerで実装”

[pmint]

独自実装批判。そういえば「Web標準」って聞かなくなった。

[shingo-sasaki-0529]

特定の操作だけで動作確認完了ってしちゃうところにも原因があるのかな。リンクならタブ切り替えが効くかとか、フォームなら一般的なショートカットが使えるかとかを検証のガイドラインとしてあればまた違いそう。

[z1h4784]

SPAって開発者の自己満足にしかなってないことが多いよね。パフォーマンス上の利点があると言ったってボトルネックになっているのは大抵の場合バックエンド側でしょ

[napsucks]

flashが忌み嫌われたのと似たような制限があるんだな。

[ttkazuma]

開発者「UX向上！」「SPA！」「フレームワーク！」 ユーザー「使いにくっ！」

[riawiththesam]

ブラウザバックしてもちゃんと戻らない残念ページが多いので、Commandクリックでタブ開くように使うことの多いこと多いこと

[door-s-dev]

めんどくさいから画面遷移あるならMPAでいいのではと思ってしまう

[mayumayu_nimolove]

だいじだいじ

[Magicant]

せやな。てかそもそも JavaScript 使はなければ良くない?

[diveintounlimit]

スクロールバー乗っ取りと右クリック禁止は撲滅されて欲しい（本筋ではない）

[nimroder]

スクロール乗っ取ったりalert上書きしたり右クリック禁止にしてみたりね

[kagehiens]

わかりみ。

[datemakio22]

sveltekit全部解決してた

[cpw]

本当これ。ブラウザの機能殺すな

[Phenomenon]

はい。耳が痛い。

[gonta616]

わかる

[hasiduki]

耳が痛ーい！！！！？、

[krycvf]

“ ARIA ライブリージョンとは JavaScript により動的に変更されたページの要素を支援技術を使用しているユーザーに通知す”

[xlc]

元々のHTMLのマナーになるべく従うこと。

[mizdra]

良い

[Windymelt]

良い記事