🌍

roadmap

2023/06/20に公開

はじめに

以前から存在は知ってはいましたが、しっかりと見たことがなかった
下記のロードマップを利用して、知識を増やしていきたいと思います!

Frontendの部分についてこれから随時更新していきます💪🏻

roadmap.shとは

https://roadmap.sh/

開発者が学習の進行をガイドするための視覚的なロードマップを提供するウェブサイトです。
roadmap.shでは毎年、ITエンジニア向けのスキル習得マップを公表しています。

フロントエンド、バックエンド、DevOpsといった主要な開発者の役割について、どのようなスキルを習得するべきか、どの順番で学ぶべきかを示しています。

このサイトはKamran Ahmedによって作成されました。
https://github.com/kamranahmedse/developer-roadmap

Frontend Developer

左上にある優先度について

  • Personal Recommendation / Opinion
    → おすすめ

  • Alternative Option - Pick this or purple
    → 紫の代わりにやっても良い

  • Order in roadmap not strict(Learn anytime)
    → いつでも学べるので後でいい

  • I wouldn’t recommend
    → 非推奨

Internet

開発者として、インターネットとは何か、そしてそれがどのように機能するかをしっかりと理解することは重要です。

今日は、InternetのHow does the Internet Work?の部分からやっていきます!

インターネットはどのように機能するのか?
インターネットとは何か、それがどのように動作するのかを考えると、一見、複雑で魔法のように思えるかもしれません。実際には、比較的シンプルな原理に基づいて動作しています。

重要な用語

  • パケット
    インターネット上で送信される小さなデータ単位。
  • ルーター
    異なるネットワーク間でデータのパケットを転送するデバイス。
  • IP アドレス
    ネットワーク上の各デバイスに割り当てられる一意の識別子。データを正しい宛先にルーティングするために使用されます。
  • ドメイン名
    Web サイトを識別するために使用される人間が読める名前 (google.com など)。
  • DNS
    ドメイン ネーム システムは、ドメイン名を IP アドレスに変換する役割を果たします。
  • HTTP
    ハイパーテキスト転送プロトコルは、クライアント (Web ブラウザなど) とサーバー (Web サイトなど) の間でデータを転送するために使用されます。
  • HTTPS
    クライアントとサーバー間の安全な通信を提供するために使用される HTTP の暗号化されたバージョン。
  • SSL/TLS
    Secure Sockets Layer および Transport Layer Security プロトコルは、インターネット上で安全な通信を提供するために使用されます。

ネットワークとプロトコル

最もシンプルな言葉で表すと、インターネットとはコンピュータのネットワークです。
電話ネットワークが一つの電話から別の電話へと接続するように、インターネットは一つのコンピュータから別のコンピュータへと接続します。

これらのデバイスが互いに通信するためには、プロトコルと呼ばれる一連のルールに従わなければなりません。インターネットの主要なプロトコルは、Transmission Control Protocol(TCP)とInternet Protocol(IP) で、これらは合わせてTCP/IPと呼ばれます。

IPアドレス

インターネットに接続された各デバイスには、Internet Protocol(IP)アドレスと呼ばれる一意の識別子が割り当てられます。これは家やビジネスの住所に似ており、情報を送信する際にインターネットが正しいデバイスを見つけることを可能にします。

データパケット

ウェブを閲覧したり、メールを送ったり、ビデオをストリーミングしたり、オンラインゲームをプレイしたりするとき、情報は「パケット」と呼ばれる小さな塊としてインターネットを通じて送信されます。

各パケットには、全体のデータの一部とメタデータ(ソースと宛先のIPアドレスなど)が含まれています。これらのパケットは、宛先に到達するために異なる経路をたどることがあり、その後、正しい順序で再組み立てられます。

ルータとサーバー

ルータは、これらのパケットが正しい宛先に到達するように誘導するデバイスです。それに対して、サーバーは特定の情報(ウェブページ、ビデオ、画像、その他のファイルなど)を格納し、インターネットを通じてそれを他のデバイスに提供するコンピュータです。

さいごに

フロントエンド開発者としてのキャリアを進めていく上では、ユーザーのリクエストがどのようにサーバーに届き、レスポンスがどのように生成・返却されるのかを理解することが必須となります!

「知らない」は「存在しない」のと同じ。
これからもコツコツと知識を積み重ねていきたいです。

参考にさせていただいた記事🌱

https://www.sejuku.net/blog/149976

https://zenn.dev/kkeeth/scraps/dd30ae9d48f092

Discussion