SPAの#スタイルのURLはブサイクか？

Question

シングルページアプリケーションを作る時にルーティングにフラグメント識別子を使うとURLがhttps://example.com/#/article/15560239みたいに#が含まれる形になります。

これはブサイクですか？

TwitterはSPAですがHistory APIを巧みに使っているためURLに#が含まれません。
URLに#を入れると「History APIが使えない雑魚」みたいな印象を与えますか？

Comments

[maisumakun]

「ブサイク」かどうかは主観によるので、このサイトで行う質問としてふさわしくないと考えます。

[miyabi_pudding]

> シングルページアプリケーションを作る時にルーティングにフラグメント識別子を使うと

SPAを実装するためのフレームワークにもよります。
フレームワークによっては、入れずにやれます。
質問者さんの使用しているフレームワークがたまたま入るものなのでしょう。
なので、SPAが全てそうだと一括りにするのは早計です。

また、Twitterはwebpackを使用しているようですね。
SPAではあるようですが、他のフレームワークを使っているわけではなく、最終形は独自実装している可能性が高いので、
比較対象にいれるのは微妙かと思います。

[退会済みユーザー]

一時期#!に変えてまた戻したTwitterこそが混乱させた代表格。もはや開発者以外URLなんて気にしてないのでどっちでもいいのでは。

[m.ts10806]

あまりまじめに対応しなくて良さそうな内容。
（個人的にはこういう質問自体が不細工でダサいと思う）

[退会済みユーザー]

ここは独り言を書く場所ですか？

[miyabi_pudding]

いやいや、全部質問者さんに向けて話してます。

[退会済みユーザー]

m.ts10806って人のことです。

[m.ts10806]

まじめに対応してもらいたいならそうなるように修正してください。
(とまで書かないと分からないのだとしたら余計にまじめに対応しなくて良さそう)

他人を評価できるほどの内容になってません。

[m.ts10806]

それに感想を求める場所ではないですよ。
観点を明示してください。

Answer 1

When I created this component, other routers for Svelte 3 implemented navigation using the HTML5 history API. While those URLs look nicer (e.g. you can actually navigate to http://example.com/profile), they are not ideal for static Single Page Applications. In order for users to be able to share links or even just refresh the page, you are required to have a server on the backend processing the request, and building fully-static apps is much harder as a consequence.

https://github.com/ItalyPaleAle/svelte-spa-router

Comments

[退会済みユーザー]

0点

[kyoya0819]

More

[退会済みユーザー]

英語だから読めない

[kyoya0819]

適当に日本語訳で要約すると
「俺がこれ開発した時に、周りがHistory APIを使ったルーターばかりなのよね。たしかに見栄えいいけど、SPAにとっては理想的ではないよね！？」ってことです。

端折ってるんでしっかりと読みたければご自分で翻訳することをお勧めします。