Nuxt.jsプロジェクトでFirebase Storageに画像ファイルをアップロードする

2020年9月11日 11:22
# はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 - [Nuxt\.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法](https://www.autovice. [...]

Nuxt.jsプロジェクトでFirestoreのデータを変更/削除する

2020年3月17日 10:54
# はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 - [Nuxt\.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法](https://www.autovice. [...]

Nuxt.jsプロジェクトでいろいろな条件を指定してFirestoreからデータを取得する

2020年3月17日 10:53
# はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 - [Nuxt\.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法](https://www.autovice. [...]

Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法

2020年3月17日 10:53
# はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 - Nuxt\.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 - [Nuxt\.jsプロジェクトでいろいろ [...]

【Nuxt】Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順

2021年2月16日 19:33
# はじめに 本記事では、Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順について説明しています。 Nuxt.jsプロジェクトの作成がまだの方は、以下の記事を参照してNuxt.jsプロジェクトを作成しておいてください。 <iframe class="hatenablogca [...]

Nuxt.jsプロジェクトの作成から動作確認までの手順

2020年3月15日 10:37
# はじめに Nuxt.jsでプロジェクトを作成し、最初の動作確認としてテストサーバーを起動してブラウザで表示するところまでの手順を解説します。 # 前提 - macOS - Node.js 13.11.0 - npm/npx 6.13.7 - Nuxt.js 2.11.0 - VS Co [...]

Vue.js+Nuxt.js+Firebaseでサンプルアプリを作ってみた話

2020年3月16日 13:39
# はじめに Vue.jsベースのWebフレームワーク、Nuxt.jsでサンプルアプリを作ってみました。 <a href="https://whitia.firebaseapp.com/" target="_blank"> <img data-src="https://i.imgur.com/Zu [...]

【脱・jQuery】jQueryで書いたAjaxをJavaScriptのFetch APIで書き直してみた

2020年3月8日 09:42
# はじめに これまでJavaScriptの処理を書くときはjQueryを使っていました。昔のJavaScriptはブラウザ互換性問題などがありとてもゴタゴタしていたので、jQueryを知ってからはその便利さに頼りっきりになっていました。 しかし、最近は主要ブラウザでの互換性問題はほとんど解消され、 [...]

開発環境(ローカルストレージ)と本番環境(Amazon S3)にトリミング+リサイズした画像を保存する方法

2020年3月7日 12:16
# はじめに 以前、以下の記事を書きました。 - [開発環境と本番環境で画像のアップロード先を分岐する方法 \- AUTOVICE](https://www.autovice.jp/articles/68) - [ローカルやAmazon S3にアップロードした画像をビューで表示する方法 \- AU [...]

Laravel Mixの仕組みをわかりやすく解説:CSSをSASS/SCSSで記述する方法

2020年3月6日 09:26
# はじめに Laravel Mixの仕組みをわかりやすく解説します。Laravel Mixを使ってアセットコンパイルを行うことで、SASS/SCSSでCSSを記述できるようになります。 # Laravel Mixの仕組み まずはじめに、LaravelのCSSがどういう風にアセットコンパイルされる [...]