前回の記事 kei-s-lifehack.hatenablog.com Firebase と Nuxt Axios で input から id と data を取り込んだ 追加と上書きを試した 最終的にやりたいこと モーダルカードのエディタを作りたい 今回やること リンク付きのデータの一覧画面と、そこから詳細の…

why 手軽で無料な Firebase を使ってなんかの管理システムを動くように作って それで私が作れる機能を全て盛り込んだ 入力システムを見せられる形で作りたい 参考 Nuxt.js Vue.js 超入門 Chapter 6, 396ページ what to do kei-s-lifehack.hatenablog.com 前…

why Nuxt で使う準備。 コンソールで作成 Firebase Cloud Console から Create Database でデータベースを作成する 全公開設定の test で作成する。 person を作って中身を入れる person の中に senkyo, takeshi, の年齢と電話番号のデータを作成する ブラウ…

参考 Vue.js Nuxt.js 超入門 Chapter-6 外部サービスを利用しよう why 書籍にあったから使えるように理解しておく axios を入れる shimablogs.com axios とは、http 通信を非同期で行えるライブラリ 400 や 500 のエラーを reject してくれるらしい。 npm i …

前提 Vue のプロジェクトなら vuetify を使って css を書かずにモーダルを作ることができる。 しかし、このコンポーネントには isOpen のような状態が見れる変数はない。 なので、開いているかどうかで処理を変えたい、例えば開いている時はリロードで警告処…

参考 qiita.com created に addEventListener と Vue 特有の beforeRouteLeave がある Window Add Event Listener の before unload に confirm を登録する とりあえず moutned で確認を仕込む この記事を見ると、window.addEventListener で beforeunload …

object の中身が比較で見られていないことを確認する === で同じ内容の object が true にならなかった object の比較をして、うまくいかなかった const dog = { name: 1, age: 5, } const dog2 = { name: 1, age: 5, } console.log(dog === dog2); これが …

参考 Vue.js & Nuxt.js 超入門 Ch 02 88P 子ノードの組み込み render で element を直接書く 普段とどう違うのか 普段書いている template に html タグや Vuetify タグなどは、 最終的に createElement で出力されている 今回は element を直接 render する…

why モーダルで開く管理画面のエディタを作りたくなった。 todo - やること kei-s-lifehack.hatenablog.com 前回の記事でモーダルは作れた とりあえず v-card の中に input をいくつか作ってみる v-card に v-text-field を入れる 前回作った v-modal の中の…

why 最低限、人と話をするのに必要だから 参考 経常利益、純利益、営業利益・・・「利益」の違いを答えられますか？－Manegyニュース | Manegy[マネジー] manegy.com の記事 biz.moneyforward.com moneyforward の記事 用語一覧 粗利、営業総利益 ( 売れた価…

正規分布 -- H19 Spring 8 www.fe-siken.com この問題で出たが、u も P も図の見方もわからない bellcurve.jp ググってみると、統計学の知識らしい。やってみる そもそも標準正規分布表というものがある 横の行が 0.0 ~ 2.0 縦の列が 0.0 ~ 0.9 まであって、…

やりたい事 モーダルの状態管理。 isOpen で管理する isOpen が true の時に空いていて、false の時に close になる isChanged の状態を作成し、これが変わっていればモーダル閉じる時に忠告する 用意するもの モーダルのそのものを作成しないとロジックは組…

why 仕事で必要になったから Vuex の getter setter とは Vuex はフロントエンド側にコンポーネントを凌駕した状態を持たせるもの。 Store という 大枠の中に、state を定義して その getter setter を作成する。 バックエンドの getter setter を逐次呼び出…

v3.vuejs.org why React の componentDidMount などとは違った Vue のライフサイクルのタイミングメソッドを整理したくなった。 各ライフサイクルとタイミング とりあえず全部 console に出す beforeCreate, created, BeforeMount, moutend, beforeDestory …

why 何も理解せずにホイホイ入れるのもダメだと思って how <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="app"> {{ msg }} </div> index.html を作る cdn の vue の dist をロードする div id app を作成、中で js の vue 部分から定義される msg の data 変数を展開する var app = new Vue ({ el: "#app", data: { …

why 仕事で store をたくさん使うから。Module export 訳がわからないよ！ CDN と npm インストール vuex.vuejs.org https://unpkg.com/vuex@2.0.0 これを CDN のように利用するか npm install vuex --save npm でインストール こうやって使用を宣言する。 v…

参考 https://note.cman.jp/convert/bit/ cman jp の変換サイトが計算も出るので便利。 任意の数を入力して 変換と 8bit 表記の計算まで解説してくれる。 ユーザー登録も通信もいらないし、私もフロントでこういうサイトを作りたい。 1 と -1 の実例。反転+1…