Ayayan 三浦 春 馬

静的ページとは、いつどこでアクセスしても毎回同じものが表示される、HTMLファイルで作成されたWebページのことです。ユーザーの要求に対して、Webサーバーが要求されたデータをそのままブラウザに送信し、表示します。静的ページは、そのWebページの制作者が更新をしない限り内容は一切変化しません。静的ページは企業の紹介サイトなど、ユーザーの入力内容や環境によって表示に差が出てしまうと困る内容を掲載するのに適しています。 Gatsbyの特徴. Reactベース. GitHub Pages とは、GitHub による、静的サイトのホスティングサービスになります。GitHub のアカウントがあればすぐに静的サイトが公開できますので、非常にお手軽です。, 2016年8月にアップデートされ、今までよりもさらに簡単に使えるようになりましたので、利用方法をまとめておきます。, なお、サイトの容量や転送量などには制限があります。詳細は公式サイトのヘルプをご確認ください。, 今回は以下のような感じで適当に index.html を作りまして、コミット〜プッシュを行いました。JavaScript が動くことも確認したかったので、console.log() を1行入れています。, いよいよ GitHub Pages の設定です。GitHubリポジトリの Settings → GitHub Pages → Source のところで、master branch を選択し、その後 Save ボタンを押します。, これだけで、masterブランチの内容がそのまま GitHub Pages として公開されるようになります。(ここが 2016年8月からの追加機能です。以前は別途ブランチを切る必要がありました), URLは https://ユーザまたは組織名.github.io/リポジトリ名 となります。今回のサンプルだと 外部の例では、より現代的な JavaScript 機能の defer 属性を使用して問題を解決し、