省エネ

Flutter、vue3修行中。

Vue

ViteでVue3+TypeScript+TailwindCSS+axiosでお天気予報アプリを作ってみる

掲題の通りなのですが、Vue3とTypescriptの練習がてらお天気予報アプリを作ってみました。 Versionとか $ node --version v19.2.0 $ npm -v 8.19.3 プロジェクト作成 qiita.com こちらのQiitaの記事を参考にさせていただきました。 Open Weather openweather…

【Docker】【Vue3】Docker+Vue3開発環境を作る

こんにちは。 Webアプリが作りたい今日この頃なんですが、フロントエンドにはVue3を使いたいと思い、自分のローカルに開発環境を作った話をしようと思います。 参考 qiita.com こちらのqiitaの記事を参考にさせていただきました。 実行環境 MacOS Moterey 12…

【Vue】【Quasar】カレンダーをポップアップさせる

こんにちは。 前回、前々回はfirebaseを使って認証機能を実装していきました。 qkuronekop.hatenablog.jp qkuronekop.hatenablog.jp 今回はUIを作ってる途中で、カレンダーをポップアップさせるのにちょっと詰まったのでご紹介しようと思います。 カレンダー…

【Vue】【Quasar】Google認証

こんにちは。 今回はGoogle認証を作っていこうと思います。 Googleプラグインはすでに入っている前提で書いていきますので、そちらのインストールがお済みでない場合はこちらを参考にしてみてください! qkuronekop.hatenablog.jp Google認証はメールリンク…

【Vue】【Quasar】quasarアプリにfirebase auth のメールリンクを追加する

qkuronekop.hatenablog.jp 先日からvue.jsでアプリを作っているのですが、ユーザーを特定したいので認証機能を入れてみようと思います。 認証方法は今の所2種類を考えています。 MailLink Google認証 これらの認証方法をFirebase Authenticationを使ってい…

【Vue】【Quasar】Quasarでアプリを作る

qkuronekop.hatenablog.jp 前回、firebaseにhostingしたアプリをデフォルト状態からちょっとづつ修正して行こうと思います。 デフォルト状態だと、MyLayout.vueの内容が最初の画面として表示されています。 これを別のファイルに差し替えてみようと思います…

【Vue】Quasarで作ったアプリをfirebase hostingにデプロイする

近頃、Vue.jsが気になっていて少しいじってみたので記録。 目標 Quasarでアプリを作る firebase にhostingする Vueのインストール Noade.jsをインストールします (https://nodejs.org/en/) vue-cli をインストールします npm i vue-cli -g ## quasarのインス…