【WEB】WEBの歴史を調べてみた

【※ 当記事は2020年7月2日時点の情報です】

ペイヴメント（@pavement1234）です。

こんな悩みを解決します。

1990年代（黎明期）

Internetのことをさかのぼると、ARPA（Advanced Research Projects Agency）から話すことになってしまうのでWWW（World Wide Web）あたりから始めてみます。

WikipediaのWWWを読んでみたところ、WWWが世の中に初めて発表されたのは1991年8月6日　CERN（欧州原子核研究機構）のティム・バーナーズ＝リー氏がNeXTコンピュータ上にHTTPd（WEBサーバ）とWEBブラウザを構築し、パブリックドメイン（知的財産権を放棄した状態）で公開しました。

※CERNってSTEINS;GATEに登場するSERNの元ネタですよね。

ちなみに、世界最初のWEBページはこんな感じだったみたい（リンク先は復刻版）。

①Uniform Resource Locator （URL）または Uniform Resource Identifier（URI）

ネットワーク上の情報を一意に特定するアドレスの指定方法。

②Hypertext Transfer Protocol（HTTP）

ブラウザとサーバの通信方法を指定したもの。

③HyperText Markup Language（HTML）

ハイパーテキスト文書の構造と内容を定義。

以降、ブラウザが進化したり、Yahoo!（1995）とかGoogle（1998）が設立されたり、2ちゃんねる（1999）が創設されたり、私が就職（1999）したりしました。

個人でホームページを作るのも流行してました。インターネットサービスプロバイダと契約すると領域が割り当てられ、テンプレート化されたアクセスカウンター、チャット、掲示板みたいなのを設置してました（今見るとだいぶダサいけど、当時は新しい感じがしたものです）。

2000年代

1999年はISDNのダイアルアップモデムで56kbps（実効レート30kbpsぐらい？）が主流でしたが、2000年代にADSLが出てきて数Mbpsでるようになりました。Yahoo!BBとか出てきてブロードバンドとか騒いでいた時代です。SNSもこの頃です。mixiとかFacebookとかtwitterとか。

そしてついに。YouTubeとかGoogle Mapとか、ユーザビリティが高いサービスが出てきました。これはAjaxという技術によって成り立ってます。Web2.0とか言われたりもしましたね。

詳しくはいまさら聞けない、“Ajax”とは何なのか？ (1/3)あたりを読むと良いと思いますが、私の拙い理解では、JavaScript、XML、DOMあたりを使い、サーバからデータを一括転送するのではなくオンデマンドで要求することで通信量を減らしたり、非同期通信させることにより操作を高速にしたり、ってとこかなと思ってます。

さらに。iPhone、Androidが発売され、モバイル上でWEBを操作することが普通になり、だんだんPC離れが加速していきました。

2010年代

ここ数年のWEB進化には正直ついていけてませんが、メインはHTML5の登場でしょうか。【3分でわかる】HTML5とは？初心者向けに超わかりやすく説明してみたを読んでみましたが、色々便利で簡単になってる印象。

個人的な意見ですが、ジョブズ氏が亡くなってからAppleのポリシーがぐらつき、それとともにiPhone離れが進み、Androidを持つ人が増えたように感じてます。

2020年代はどうなるか？

まぁ、ありきたりな話をしますが、AI、IoTによる高機能化はありそうな話かと。私も使ってみたことがありますが【無料で利用できる】写真を撮るだけ！アプリが植物・花の名前を教えてくれる『教えて!カメラ』をリリースしました！は画期的と感じました。

きっと今後はこういうのが増えていくに違いない。しかしその一方で、こういうアプリが増えていくと図鑑とかが売れなくなりそうで怖い（私はアナログ人間なので図鑑は図鑑の良さがあると思っているけど）。

2020年オリンピックに向けて、インフラを整える名目で技術革新が進みそうな予感。今のうちにPythonを使ったDeepLearning（AI）あたりをこっそり勉強しておこう…。

（おまけ）WEB APIとは何か？

WEB APIという単語。身近な方々が話をしてるのも聞きますし、フリーランス業界でも良くみかけます　しかしイマイチ実態がわかってない。

①色々調べてみた

分からなかったらすぐ聞く。調べてわかることはどんどん調べる。ということで以下の記事を読んでみた。

②分かったこと

ざっくりいうとHTTPプロトコルを使って、ネットワーク越しにアプリとアプリを通信させるときのインタフェース仕様と理解しました。で、以下の３つが基礎技術みたい。

…って、WEB-APIって何のことはない。XMLでテキスト記述したオブジェクトをHTTPで送受信するやつのことか。昔、ASP.netの実験アプリを作ったときにSOAP使ったことがあるから何となく覚えてます。

XML-RPCとSOAPは知ってましたがRESTは知りませんでした。きっとRESTが肝になるに違いありません。

③RESTって何？

REST入門 基礎知識を読んでみました。

REST（REpresentational State Transfer）はWebサービスの設計モデルです。RESTなWebサービスは、そのサービスのURIにHTTPメソッドでアクセスすることでデータの送受信を行います。

まだよく分かりません。

Qiitaに実装されてるREST APIの確認例が挙げられていました。https://qiita.com/api/v2/users/TakahiRoyteをクリックせよと書いてあったのでFirefoxでクリックしてみると、こんなの出ました。

RESTはJSON（JavaScript Object Notation）フォーマットを使うのが一般的らしいです。RESTはXMLも使えるがあまり利用されてないとのこと。

この例ではQiitaの記事を書いたユーザの情報をRESTでGETしていますが、RESTでPOST、PUT/PATCH、DELETEも実行できるようです。

④RESTful

この要件を満たすとRESTfulと呼ばれるらしいです。なんか普通にシンプルな設計思想。これなら私でも数時間あれば作れそう。

⑤独りごと

なんか、身の回りでWEB-APIというワードが飛び交ってることに気づいていましたが、食わず嫌いで見て見ないふりをしてました。でも、ちょこっと調べたら大したことありませんでした。Amazon、Twitter、Facebookなど有名なWEBサービスたちはWEB-APIで動いてるようなので、何か実験してみたい。そういえばフリーランスのWEB開発のうち、小規模なやつはWEB-APIを使って情報収集するみたいのが多かった印象。少しハードルが下がった気がします。

海外・国内の便利なAPI一覧 – API LIST 100+ – Social Media Surfに公開されているWEB-APIが載ってます。何か作るときに参考にしよう。

まとめ

WEBの歴史と、ついでにWEB APIについてご紹介しました。

ITスキルを身につけると条件の良い転職が可能になる

ITスキルを身につけると条件の良い転職が可能になります。当ブログがそのキッカケになったら幸いです。