firebase.google.com 本日は Firestore でリアルタイム性を発揮してみます。 使ったことない Firestore でしたが、 新しい知見が増えるということはやっぱり楽しいですね！ Realtime Database と Firestore どっちを採用するかは悩ましいところですが、 デー…

zako-lab929.hatenablog.com さて、Firestore は使ったことないのですが、 メモがてら使ってみようという魂胆で進めていきます。 今回も前提として各種準備が終わっている状態からのスタートになります。

zako-lab929.hatenablog.com さて、 Realtime Database はざっくりまとめたし、次回から導入スピードは上がると思います。 Firestore は使ったことないのですが、いまいち Realtime Database との違いがわからないんですよね。両方ともオフラインサポートし…

zako-lab929.hatenablog.com Firebase コンソール から Realtime Database の初期セットアップが作成が終わったら、Firebase SDK 経由で Vue プロジェクトから使えるようになっています。 この記事では、チャットのように文字列を送信及び受信するサンプルを…

zako-lab929.hatenablog.com 前回の記事でも使っている Firebase ですが、 Firebase コンソール 上でプロジェクトを作って API-Key などを発行する必要があります。 本日は、初回セットアップのやり方をまとめておきます。

みんなでスタンプ機能 ここ最近、Vue の記事を書いていましたが、作りたかったのはコレです！ ドラゴンクエストウォークみたいな揮発性のスタンプ機能を作りたかったです

onChildAdded ニャンコ (SD3 産) 前回の記事 前回、 Firebase の Realtime Database の記事を残しましたが、 記事内で child_added が「起動時に全部飛んできてしまう」ということを嘆きました。 今回は、その対策を行ったのでブログに残します。

Firebase ニャンコ (SD3 産) 昨日作成した Vue2 のライブラリプロジェクト で、 Firebase Realtime Database を使おうとしています。 よく使う onValue と onChildAdded の挙動について、よく忘れるので記事にしてみます。 Firestore は使ったことないのよね…

ちょっと間に Stable Diffusion 3 を挟みましたが、 Vite + Vue2 の続きをメモします。 今日は、このプロジェクトでライブラリビルドを行い npm package 化しようと思います。 目標は Vue2 の任意のプロジェクトで使えることです！

Vite + Vanilla 前回の記事では Vite と Vue3 を使って npmパッケージ を使えるところまで作成しましたが、どうやら Vue2 プロジェクトでは使用できないようです。今回は、Vite を使って Vue2 でライブラリビルドをできるように Vite + Vue2 の準備をしよう…

前回の記事で Vite を使って Vue3 の npm package を作成しました。 しかし、 TypeScript からだと型定義エラーになってしまうことが判明しました。 この記事では TypeScript のプロジェクトからもエラーなく利用できるように型定義ファイルを出力する方法を…

なんで前回、急に Vue を触ったかというと、 npm install 可能な Vue の コンポーネント を作りたかったんですよね。 調べてみると Vite のオプションで ライブラリモード なるものがあるようなので、 こちらを使ってみようと思います。

久々に Vue のプロジェクトを作ろうとして Vite を使ってみました。 今までは vue-cli を使って Vue プロジェクトを用意したり、 Nuxt.js を使ってプロジェクトを用意したりしていました。