[Nuxt.js]Nuxt.jsプロジェクトでバンドルサイズ削減する
Nuxt.js（2系）に、webpack-bundle-analyzerというバンドルサイズを可視化できるツールがデフォルトで組み込まれている。 【参考】 Nuxt公式 webpack-bund...
0
0
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
[Next.js]Next.jsでのHeadless CMS実装Tips
Next.jsでHeadless CMSのサイトを実装するにおいて知っておくべきことをまとめました！ 公式サイトをなぞった内容で解釈するためにまとめました。 ##Next.jsでのルーティングに...
1
1
Comment0
SVGの要素と属性メモ
背景 フロントエンドがVue.js(2系)のWebサイトのスケルトンスクリーンを作ることになった。 どうやって作ろうか。。。 いいライブラリがないか調べたところ、vue-content-load...
0
1
Comment0
モノレポでいこう！~yarn workspacesを使ってみた~
モノレポとは 概要 単一のリポジトリで複数のプロジェクトを管理することをモノレポという。 その分リポジトリの内容は複雑になるので、そこそこ運用知識が必要となる。 メリット、デメリット モノレポの...
20
5
Comment0
[AWS] CloudFront + S3 構成の環境を構築する | CloudFront FunctionsでBasic認証をかける
CloudFrontディストリビューションを作成する https://console.aws.amazon.com/cloudfront/v3/home で CloudFront コンソールを開...
0
0
Comment0
[AWS] CodeCommit + CodeBuild + CodePipeline + S3で静的コンテンツをデプロイする環境を作ってみる！
はじめに AWSを使っている現場では働いたことあるけど環境を0から構築したことないな〜という人です。 今回は検証用に「AWSマネジメントコンソール」を使って動くものを構築した手順を簡単にメモして...
0
0
Comment0
[AWS] CloudFront + S3構成でサブディレクトリのindex.htmlを返す方法
AWS CloudFront + S3構成について まず、AWS CloudFront + S3で構成するパターンは下記2パターンあります。 CloudFront のオリジンにS3バケットそのも...
4
3
Comment0
[Nuxt.js]Nuxt + Typescript + Vuetify + Sass のプロジェクト作成
今回はNuxtの静的なビルド済みSPA(CMSサイトに埋め込むSPA)を生成するプロジェクトの作成を行います。 備忘録として記録しておきます (2021/09/24現在) 環境 // 使用端末 ...
0
1
Comment0
[Vuetify]Vuetifyのプロジェクト導入時に設定しておきたいこと
NuxtのプロジェクトにおいてUI FrameworkにVuetifyを選定したときに設定しておきたいことを備忘録としてまとめます ※今回はnuxt create nuxt-app <pr...
7
4
Comment0
【Javascript】axiosエラーハンドリング共通化を考えてみた
Vue.jsの開発で非同期通信にaxiosを使用している。 非同期通信時のエラーハンドリングのロジック自体は同じで、各axios実装箇所で行っていた。 開発の効率や、ソースコードの可読性、後々メ...
17
16
Comment0
【Docker】dockerお掃除コマンド
ある日Dockerを立ち上げようとすると下記のようなエラーに初めて出会った。 write /var/lib/docker/overlay2/ほにゃらら/diff/db/log/mysql/mys...
1
1
Comment0
【Docker】docker-compose を最新版にアップグレードする
久しぶりにdockerを触ろうとした時にdocker-composeのバージョンが古いことが判明。 docker-composeのバージョンのアップグレードが必要でした。 アップグレード手順につ...
20
21
Comment1
【Nuxt.js】Nuxt.jsプロジェクトにプラグインを導入する
Nuxt.jsで外部プラグインを導入する際の手順をまとめておきます。 1 . 追加したいプラグインをインストール（今回はvuejs-dialogを例にします） npm i -save vuejs...
1
1
Comment0
【Sass】Sassの基本的なこと。
今まで関わったプロジェクトに、当たり前にCSSはSassが使われていたが、がっつり書いた経験はない。。。 これからゴリゴリ書いていけるようになりたい。 いつでも立ち戻れるように、主に基本的なこと...
5
1
Comment0
【Google MapsAPI】GeoCoding API ~郵便番号で住所を検索する~
GeoCoding API ~郵便番号で住所を検索する~ GeoCoding APIとは GeoCoding APIは主に、住所を渡すと地理座標を返してくれるようなAPIです。 ショップリストで...
24
16
Comment0
Git コマンド 備忘録
Git コマンド 備忘録 自分で覚えておきたいGitコマンドを溜めておきます。 ※随時更新予定 リモートリポジトリ ブランチを指定してクローンする git clone -b {ブランチ名} {リ...
0
0
Comment0
【GAS】GASとMessagingAPIで英単語帳LINEbotをつくってみた！
目次 1. 作成した背景 2. LINEbotの機能 3. 参考記事 4. 難しかったところ 5. 終わりに 1. 作成した背景 「LINE DEV DAY 2019」２日目に行きまして、LIN...
7
6
Comment0
【VSCode】やっておきたい設定&入れておきたい拡張機能
VSCodeにやっておきたい設定 ※便利だったものを随時追加予定 設定ファイルは、「Code > 基本設定 > 設定」で開く。 jsonを直接編集する or フォームから単語検索！ ...
0
2
Comment0
【Mac / Windows】localhostでサーバーを立ち上げる際に立ち上がらない
【状況】 ローカルサーバー(localhost:8080)を立ち上げる際立ち上がらない！ 特にエラーも吐かれていない！ 【原因】 すでに立ち上げようとしているポート8080がLISTENされてい...
3
4
Comment0
【Jest】Vueのテストを書こう！
Vueのテストを書こう！ Vue.jsのコンポーネントのテストについてナレッジを貯めていきます。(随時追加) テキスト表示についてのテスト DOM要素についてのテスト 子コンポーネントをスタブに...
2
1
Comment0
24 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles