takeda_san’s blog

KotlinとVRを頑張っていく方向。

Vue.js

Firebaseで業務アプリケーションを構築しよう 3:一覧画面と編集画面の追加、CloudStoreにデータの保存

シリーズ Firebaseで業務アプリケーションを構築しよう 1:Nuxt.jsのセットアップ - takeda_san’s blog Firebaseで業務アプリケーションを構築しよう 2:Firebase Functions&Hostingにデプロイと動作確認 - takeda_san’s blog Firebaseで業務アプリケーション…

Firebaseで業務アプリケーションを構築しよう 1:Nuxt.jsのセットアップ

目的 Firebaseを使って業務アプリケーションを作りたい。 背景 普段はAWSのECSでフロント/バックエンドのサーバを立てて業務アプリケーションを稼働させています。 ですが、利用者も限られてるしフロントエンドサーバに至ってはコンテンツの配信を一日に数回…

Vue Routerのナビゲーションガード(beforeEach)が2回発火している気がする

現象 入力フォームの画面で、編集途中で画面遷移するときに保存しますか?みたいなダイアログ出しますよね。 Vue RouterだとナビゲーションガードのbeforeEachを使うと、お手軽に実装出来て楽ですね。 ナビゲーションガード | Vue Router こんなの。 beforeR…

Vue.js+TypeScriptで管理画面をつくる第一歩

きっかけ Vue.js(+vue-router、vuex)をTypescriptで書いたら、すごく良かったので最初の一歩をメモとして残す。 作成するサンプルはギョームツールとしてよくある、一覧画面を作る。 publicで使いやすそうな気がするので、利用するデータをもらってくるサー…

Vue.js+TypeScriptでもscopedなcssを書きたい

きっかけ TypeScriptを勉強し始めたので、どうせなら今書いているVue.jsのアプリで使いたい。 時代はTypeScriptだ。イェッヘッヘ と思って、やりだしたのですがコンポーネントのstyleをscopedな感じで書きたいときに大変困った。 素のVue.jsというか.vueファ…

SpringとVue.jsで簡単なフォームアプリケーションをつくった

やりたいこと ナウいフォームアプリケーションが作りたい! コードはここ github.com フォームで画像をアップロードして… 一覧で出すだけ つかったもの ↓こういう風にただひたすらになにがしかのライブラリだったり、フレームワークの名前を羅列するのが夢で…