小学生でもわかる！「静的サイト」と「動的サイト」のちがい 🙌

インターネットでウェブサイトを見ていると「このページはいつも同じだな」と思うこともあれば「見るたびに内容が変わるな」と思うこともありますよね 😊
実はこれには「静的サイト」と「動的サイト」という2つの大きなちがいがあるからなんです 📝
この記事を読むとウェブサイトがどうやって動いているのかがふんわりとわかりますよ 😊
わたしと一緒にインターネットの裏側をのぞいてみましょう 🙌

ウェブサイトには2つのタイプがあるよ ✍️

みなさんがインターネットで見ているページは大きくわけると2つの種類にわかれます 😊
ひとつめが「静的サイト（せいてきさいと）」です 😊
これはいつだれが見ても同じ内容が表示されるページのことだよ 😊
ふたつめが「動的サイト（どうてきさいと）」です 😊
これは見る人や時間によって中身がパッと変わるページのあだ名のようなものだよ 🙌

「静的サイト」は印刷された紙と同じだよ 😊

静的サイトはたとえるなら「印刷されたチラシ」のようなものです 😊
あらかじめ「この内容を表示してね」と決まったファイルがサーバーという場所に置いてあります 😊
みなさんが「ページを見せて」とお願いするとサーバーは置いてあるファイルをそのまま配るだけなんだよ 😆
中身を書きかえない限りだれがいつ見ても同じ内容が表示されるからとても動きが速いのが特徴だよ 😊

「動的サイト」は魔法の掲示板だよ 🪄

一方で動的サイトはたとえるなら「書く内容がコロコロ変わる魔法の掲示板」です 😊
みなさんが「ページを見せて」とお願いした瞬間にサーバーの中でプログラムという魔法使いが「いまはこの内容を表示しよう」と考えて新しいページを作ってくれます 😊
そのため検索した言葉やログインしている人によってちがう内容を見せることができるんだよ 🙌
ただしページを作るのに少し時間がかかることもあるからそこがポイントだよ 🙇‍♂️

むずかしい言葉の説明 📝

ここで記事に出てきたむずかしい言葉をわかりやすく説明するね 😊

• サーバー：ウェブサイトの情報をしまっておくための大きなパソコンのようなものだよ 💻
• HTML（エイチティーエムエル）：ウェブサイトの文章や形を作るための専用の言葉だよ 😊
• データベース：たくさんの情報を整理してしまっておくための「情報の倉庫」のことだよ ✍️
• プログラム：コンピューターにお願いごとをきいてもらうための「命令書」のことだよ 🙌

身近なもので例える3つの具体例 😊

それでは「静的」と「動的」のちがいをもっとイメージしやすくするために身近な例を3つ紹介するね 😊

1. お店の紹介ページ（静的サイト） 😊

近所のケーキ屋さんの住所や電話番号が書いてあるページを想像してみてね 😊
こういったページはだれが見てもお店の場所は変わりませんよね 🙌
このように「いつも決まった情報」を伝えるだけのサイトは静的サイトが向いているよ 😊
学校のホームページもこのタイプが多いかもしれないね 🏫

2. Amazonなどのネットショッピング（動的サイト） 😊

Amazonや楽天などのネットショップでお買い物をするときを思い出してみてね 😊
ログインすると「みなさんへのおすすめ」が表示されたり前にお買い物した履歴が出てきたりしますよね 🙌
これは見る人によって中身を変えている「動的サイト」の代表的なサービスだよ 😊
商品の数もすごく多いからその場でページを作る魔法が必要なんだね 🪄

3. YouTubeのトップ画面（動的サイト） 😊

YouTubeを開いたときに自分が見たい動画が並んでいるのは動的サイトのしくみを使っているからだよ 😊
お友達がYouTubeを開いたときとはきっと並んでいる動画がちがうはずだよ 🙌
みなさんの好みをサーバーの中にあるプログラムが一生懸命考えてページを作ってくれているんだね 😊

まとめ ✍️

最後に今日のまとめだよ 😊
「静的サイト」はいつでも同じ内容をパッと見せてくれる印刷された紙のようなサイトです 😊
「動的サイト」は見たいものに合わせて中身を作ってくれる魔法のようなサイトだよ 🙌
みなさんがこれからインターネットを使うときは「これはどっちのタイプかな」と考えてみると楽しいかもしれないね 😊
最後まで読んでくれてありがとう 🙇‍♀️