2020-08-01から1ヶ月間の記事一覧

Vercel で Basic 認証付きのプレビュー環境を作る

Vercel は Serverless functions が使えるので、サーバーを立てて、そこから静的コンテンツを配信することができます。 Vercel のコンテンツにパスワード付ける機能はオプション機能なので有料ですが、Serverless functions を利用すれば無料プランの範囲内…

特定のスクリーンサイズを起点に JavaScript で何かするための方法

特定の画面幅を基準に処理を分ける方法を3つ紹介します Window resize event を利用する まず紹介するのは Window resize event を使った方法です。 Window: resize event - Web APIs | MDN DEMO codepen.io 実行頻度に注意する 最も古くから利用されてきた…

Vue CLI v4 を使ってマルチページアプリケーションを作るための設定方法

やりたきこと SPA (Single Page Application)ではなく、画面ごとにエントリーポイントを指定したい(画面ごとに静的 HTML を出力したい)場合。 インストールとプロジェクトの作成 インストール npm install @vue/cli 新規プロジェクトの作成 vue create YOUR_…