LoginSignup
0
0

More than 3 years have passed since last update.

GitHub+Nuxt.js+NetlifyでNintendo Switchの抽選・販売情報を一覧サイトを作ってみた

Last updated at Posted at 2020-04-18

作ったもの

Nintendo Switch欲しかったんです。でも、日々ニュースで抽選や販売の情報は更新されるものの、更新が多すぎて同じ情報を何回も何回も見ることになって来てしまっています。

今日もSwitchの抽選販売の情報出てたのかー。
あれ?これ昨日見たやつと同じじゃん。っていうか出荷情報だけで抽選開始とかじゃねえじゃん…。

などなど、情報がかなり見づらい情報だったのでまとめたページを作ってみました。

switch-calendar.png

使用技術

  • フロントエンド: Nuxt.js + Vuetify
  • ドメイン: お名前.com
  • リポジトリ: GitHub
  • サーバー: Netlify

参考にした情報

それぞれの技術については、既に素晴らしい解説記事がいろいろな所で書かれているため、その情報をまとめる形とさせて頂きます。
主にデプロイ周りについての情報が中心となります。

・ローカルを汚さないNuxt開発環境構築
【VSCode Remote】10秒でNuxt環境を構築【脱WebStorm】

・Nuxt.js×GoogleTagManagerでの計測設定
Nuxt SPAのPVを @nuxtjs/google-tag-manager を利用して計測する

・GitHubでpushしたらNelifyで自動ビルド・サイト更新をする設定
GitHubとNetlifyで静的サイトをホスティングするまでの流れとやり方まとめ!

・独自ドメイン設定
Netlify にお名前.com で取得したドメインを設定する

・SearchConsoleの連携設定
お名前.com: TXT レコード – G Suite 管理者 ヘルプ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0