キッチンの棚 14,000 CJIMM 購入設置済み www.amazon.co.jp とても便利。 しかし、そのままおくと上の小棚に炊飯器の蒸気が被る。 それを逃すために前目に設置する必要がある。 黒く、足踏みで開けられ、静かに閉まる両開きの 45L ゴミ箱 リス 3800 円 Amazo…

why teratail.com こういうのをちょいちょいみておくと仕事で出た時にすぐ対応できると感じた どうするか 週一くらいで js, py の Teratail, Qiita, Reddit, StackOverFlow, の最新質問を見て、それのピックアップを記事書くようにする また、以前から思って…

食器 洗濯 乾燥 機 https://panasonic.jp/dish/p-db/NP-TCM4.html パナの分岐水栓 必要な食洗機 感想機能付き。 3万？ 衣服 洗濯 感想 機 https://www.irisohyama.co.jp/washing-machine/hdk832a/ アイリスのドラム式 洗濯乾燥機 99k 節水で洗える 乾燥が完…

着心地が良く便利な装備のメモ UNIQLO エアリズム コットンシャツ L 長袖の白Tシャツ。 スーツの中に切るのに重宝する。 M でもいけるが、L の方が脱ぎ気が楽 UNIQLO Women's ジーンズ ウェスト 71cm これが一番フィットする 青山スーツ ブランド名 3万

優先して買うもの 電動昇降机 74k ベッド 17k 冷蔵庫 24k オフィスチェア x 2 なんらかしらの棚 1. 仕事デスク 1-1. Flexispot E7 -- メインの 電動昇降机 74k flexispot.jp FLEXISPOT E7B Standing Desk, Electric Elevation Desk https://www.amazon.co.jp…

マシン 2020 M1 Mac 状況 brew install mysql ==> Installing mysql ==> Pouring mysql--8.0.26.arm64_big_sur.bottle.1.tar.gz ==> /opt/homebrew/Cellar/mysql/8.0.26/bin/mysqld --initialize-insecure --user=ka ==> Caveats We've installed your MySQL…

基本的に ctrl b + c で 仮想タブ ( window ) の作成 ctrl b + % で 左右に分割 して新しいペインを作成 ctrl b + " で 上下に分割 して新しいペインを作成 ctrl b + n/p で 仮想タブの左右移動 ctrl b + o で ペインの移動 これらで操作する prefix d / tmu…

要件 Vuetify を使用 3 つの components からなるようにする www.justinmind.com これを参考に作る アプリの作成 vue create editors Vue CLI v4.5.13 ✨ Creating project in /Users/kaede0902/code/editors. Initializing git repository... ⚙️ Installing…

CRA reactrouter.com npx create-react-app react-router Success! Created react-router at /Users/kaede0902/code/react-router Inside that directory, you can run several commands: yarn start Starts the development server. create-react-app で作…

docs.djangoproject.com 環境構築 python@3.8 が入っていることが前提。 pip@19 から @21 に更新 pip は 使う python を切り替えたりできるバージョン管理ツール node とは違ってサーバーを動かす機能はない。 最初に入っている@19は Django の要件に満たな…

dev.to に移行しました

what is Redux Vuex の React 版？ Vuex と同じで、グローバルな状態変数管理のライブラリのハズ。 redux.js.org 公式サイトによれば、Actions, Reducers, Store, Dispatch, Selectors, がある Reference redux.js.org 公式サイト Modern React with Redux |…

立ち上げからデスクトップに行くまでの設定 指示通りに進める。Apple ID などのログイン。 Wifi で transfer settings は遅すぎるのでしない。設定ファイルのみの transfer でも 40min たっても数ミリしか進まなかった。手動でやる。 Setting App カーソル移…

Problem JS の obj のプロパティにアクセスするには obj.propName obj['propName'] この2つのやり方がある 前者はお馴染みの内部のプロパティへのアクセスの仕方。 後者は連想配列としてのアクセスになる。 const array = [ 'hoge', 'foo', 'bar',] const pe…

前回の記事 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…