ウェブサイトの検索機能や検索結果のURLについて

web制作初心者で分からないことが2つあります。
①
ウェブサイトの検索機能を使っている時に疑問に思ったことです。
例えばTwitterの検索機能で「あいうえお」と検索します。下記がそのURL
https://twitter.com/search?q=%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A&src=typd
これってTwitterのサーバーに「あいうえお.php」とか「あいうえお.txt」というファイルが予め作られていて、それにアクセスした訳ではないですよね。ということはURLのsearch以降に続く文の中でデータを抽出するようなことが書かれている、それに基づいて抽出されたデータを表示している、だけということなのでしょうか？
どう考えてもそうとしか考えられないのですが、URLの中にデータの抽出条件を書くみたいなことやったこと一度もなくて、どういうこと勉強すればこういう表示の仕方が出来るんだろうと思って質問しました。

②
https://ja.wikipedia.org/wiki/%E3%83%87%E3%82%A3%E3%82%B7%E3%83%87%E3%82%A3%E3%82%A2_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%8A%E3%83%AB%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC

画像はファイナルファンタジーに関係するウィキペディアのURLです。また上の文も同様のURLです。コピペして貼り付けるとURLの表記が変わるのですがこれは一体どういう仕組みなのでしょうか？

行動規範の内容に同意します

回答5件

➀について
私はNginxを使ったことがないので、WebサーバーにApacheを使うこととします。
例えばhttp://example.com/へアクセスするとします。
Webサーバーの設定にもよるのですが、大体はhttp://example.com/にアクセスすると
 http://example.com/index.htmlなどのファイルにアクセスするようになっています。
DirectoryIndexという設定です

httpd
1DirectoryIndex index.html

のようにこの設定で書かれたファイルにアクセスします。
もちろん

httpd
1DirectoryIndex hoge.html

とすると、hoge.htmlにアクセスします。（ディレクトリによってこの設定を変えることもできるのですが）
なので、http://example.com/?search=testのようなURLがある場合、
http://example.com/index.html?search=testのようにWebサーバーでは解釈されるのです。
少し前置きが長くなりましたが、そういうことですね。
質問の内容だと恐らくhttps://twitter.com/index.html等のファイルにsearchという値を渡している訳です。
例えばPHPでは、

PHP
1$value = filter_input(INPUT_GET, "search");
2//や
3$value = $_GET['search'];

とするとURLに含まれているsearchという値を取り出すことができます。
その受け取った値をそのファイルの中でごにょごにょして表示させているのです。

➁について
これは、ブラウザの機能ですね。
その16進数を人間に分かりやすいようにブラウザが日本語にしてくれているだけです。
内部ではちゃんと16進数で通信しています。

私も勉強中の身なので、もしかすると不正確な情報があるかもしれません。
最後の文字が「/」で終わっているとどのファイルにアクセスしているのか分かりにくいかもと
思って書いてたら長くなってしまいました。
長文失礼しました。

投稿2019/02/11 10:58

Nrkw38

総合スコア37

ベストアンサー

出尽くした感ありますが。

ということはURLのsearch以降に続く文の中でデータを抽出するようなことが書かれている、それに基づいて抽出されたデータを表示している、だけということなのでしょうか？

どう考えてもそうとしか考えられないのですが、URLの中にデータの抽出条件を書くみたいなことやったこと一度もなくて、どういうこと勉強すればこういう表示の仕方が出来るんだろうと思って質問しました。

イメージどおりで合っていると思います。どういうことを勉強すれば、ということですがユーザの操作によって表示がかわる(つまり変化しないHTMLで構成されるのではない)webページを作ると自然と覚えます。
なので、何か作ってください

こういったツールにencodeURIをさせてみてください。
間違い承知で分かりやすさ優先でかくと、「urlは英字しか使えないので、そこで日本語を使うための仕組み」がencodeURI、戻すのがdecodeURIです。
なお、いにしえのブラウザ(ie)で開くと、カタカナになりません。

ちなみに見たものとコピペしたものが違うっていうのは、例えばExcelのセルに関数が書いてあるときって、コピペしたら表示値じゃなくて関数がコピーされるとかそういう事例があるので、コンピュータでは普通のことです。
urlでは英字、が基本なので、chromeなどのブラウザがコピーしたときに空気を読んで、クリップボード(コピペを覚えとくとこ)にencodeURIしたやつを保存してくれてます

投稿2019/02/12 02:26

papinianus

総合スコア12705

m.ts10806

2019/02/12 02:29

> いにしえの開発元が「もう今後は使わんでや」って言い切ってしまいましたね・・。

行動規範の内容に同意します

https://twitter.com/search?q=～～～というURLに対しては、?の前のhttps://twitter.com/searchに対応するプログラムが起動され、そのプログラムに入力パラメーターとして、?の後のq=～～～という文字列が渡されます。そのプログラムがパラメーターを元にデータベースを検索してその結果でHTMLを作成して表示しています。

投稿2019/02/11 12:05