前提 インストール plugins/vee-validate.js nuxt.config.js pages/hoge.vue 参考リンク 前提 nuxt.js でプロジェクト作成済み前提 (nuxt2.0.0) インストール $ npm install vee-validate -S plugins/vee-validate.js 新規作成 import Vue from 'vue'; impor…

Nuxt.js と vee-validate でエラーメッセージは日本語でバリデーションするメモ

前置き Bose QuietComfort 35 wireless headphones II SONY WH-1000XM2 Skullcandy Crusher Wireless JBL E55BT Skullcandy Hesh 3 Wireless Sennheiser HD 4.40 JBL E45BT AKG Y50BT Skullcandy Grind Wireless AKG Y45BT JBL T450BT Pioneer SE-MJ561BT 感…

Bluetoothヘッドフォン購入検討試聴メモ 2018.10

Javascript const lineList = [ '.w100 {width: 100%;}', '.text-left {text-align: left;}', '.text-center {text-align: center;}', '.text-right {text-align: right;}', '.text-justify {text-align: justify;}', ]; lineList.forEach(line => { console…

css helper 的なやつを Javascript で簡単に生成してみるメモ

async/await を使わない場合 async/await を使った場合 （あくまでもこんな感じという擬似コードなので動かないです） async/await を使わない場合 promise.then(() => { console.info('ペ'); asyncFunc1.then(() => { console.info('ン'); }).then(() => { …

Javascript で非同期処理を async/await を使わない場合・使った場合のメモ

(node v8.x) const path = require('path'); const filePath = 'hoge/fuga/moge.png'; console.info(path.basename(filePath)); console.info(path.dirname(filePath)); const ext = path.extname(filePath); console.info(ext); console.info(path.basename…

Node.js でファイルのパスからファイル名や拡張子を取り出すメモ

処理完了順 実行順 処理完了順 function func() { const data = [1, 4, 3, 2,]; for (let i = 0; i < data.length; i += 1) { new Promise(resolve => { setTimeout(() => { resolve(data[i]); }, 1000 * data[i]); }).then(result => console.info(result))…

Javascript で非同期処理の戻り値を実行順で取りたい場合のメモ

元ネタ 実装テーマ ソースコード デモサイト 参考 元ネタ これっぽいことを簡単な実装でやってみる 相対音感を鍛える、究極のイヤートレーニング動画【保存版】 実装テーマ jQuery, React, Vue は使わない。単純なコードで。 動作確認は Chrome for Mac のみ…

Tone.js で相対音感を鍛えるイヤートレーニングできるようにしてみるメモ

python In [1]: [n for n in range(10)] Out[1]: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] javascript (ES6以降) [...Array(10).keys()] > (10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 参考リンク JavaScript function similar to Python range() - Stack Overflow

Javascript で Python の 『[n for n in range(10)]』 みたいなことをやるメモ

よく忘れるんでメモ url の id とか url(r'^foo/(?P<pk>\d+)/$', FooView.as_view(), name='foo'), class FooView(TemplateView): template_name = 'index.html' def get_context_data(self, **kwargs): context = super(FooView, self).get_context_data(**kwar</pk>…

Django の views.pyで url の id とかパラメータとか取得する場合のメモ

const now = Date.now() console.info(now) //->1534838352015 参考 Date.now() - JavaScript | MDN

Javascript で現在時間の unixtime を取得するメモ

const filename = 'foo/bar.ext.jpg' //方法１ filename.split('.').slice().reverse()[0] //->"jpg" //方法２ filename.split('.').pop(); //->"jpg" 参考 How can I get file extensions with JavaScript? - Stack Overflow

Javascriptでファイル名の拡張子だけ取得するメモ

Tube Amp Fender TWIN REVERB FENDER Blues Junior VOX AV15 BUGERA V5 INFINIUM VOX MV50 Clean amp simulator Fender MUSTANG GT 40 Solid State Amp katana mini Tube Amp Fender TWIN REVERB Amazon | Fender フェンダー ギターアンプ 65 TWIN REVERB 10…

ギターのチューブアンプ購入を検討してみるメモ

(python3.6) 要望 apiを投げたレスポンスをゴニョゴニョして処理するあたりの動作確認したいので states_code と response.json() を偽装したい。 コード import respons class ResponseDummy: def __init__(self, status_code, data): self.status_code = s…

Python の HTTPライブラリ Requests で動作確認するための簡単なレスポンスのダミーを作るメモ

現象 理由 Python のドキュメント に書いてあるけど... 論理学の「空虚な真」というやつだそうで 現象 (python3.6) >>> all([True, False]) False >>> all([True, True]) True >>> all([]) True えええぇーー 理由 Python のドキュメント に書いてあるけど..…

Python で all([]) が True になる件のメモ

前提 コード 前提 空のオブジェクトに object.foo.bar とか object.hoge.fuga.moge とか階層が不特定で値を入れたいみたいな コード const payload = {path: 'come.on.baby.america', value: 'U.S.A'} const segments = payload.path.split('.') let object …

Javascriptでオブジェクトの不特定な階層に値を入れるメモ

（随時更新） ドキュメント Vue ライフサイクルフック vue-router 参考リンク ドキュメント https://ja.nuxtjs.org/ https://jp.vuejs.org/ https://vuex.vuejs.org/ja/ https://router.vuejs.org/ja/ Vue ライフサイクルフック API — Vue.js - オプション /…

Vue.js/Nuxt.js のメモ

混乱する時があるのでメモ 例 Entry.objects.exclude(pub_date__gt=datetime.date(2005, 1, 3), headline='Hello') pub_date__gt=datetime.date(2005, 1, 3) pub_date > 2005.1.3 pub_date が 2005.1.3より未来 pub_date__lt=datetime.date(2005, 1, 3) pub_…

Django のクエリセットで gt や lt で日付を絞りこむメモ

(nuxt1.4.1) page/index.vue 表示結果 参考 page/index.vue <template> <div v-for="i in 3" :key="i"> <div class="col m6 offset-m3 l4 xl3"> <p>hoge</p> </div> </div> </template> 表示結果 たぶんこうなる hoge hoge hoge 参考 https://github.com/vuejs/vetur/issues/261#issuecomment-398609843

Nuxt.js (Vue) の templates で繰り返し表示させるメモ

前提 pages/index.vue components/FirebaseAuth.vue .env 確認 参考 前提 nuxt プロジェクト作成 firebase ログイン・プロジェクト作成 npm -S install firebase firebaseui @nuxtjs/dotenv pages/index.vue <template> <div class="row"> <div class="col s12 m7"> <FirebaseAuth/> </div> </div> </template> <script> import FirebaseAuth from '~/com…

Nuxt.jSでfirebaseui-webを使ってログインするメモ

通常の タグ <ol> <li>hoge</li> <li>fuga</li> </ol> 表示 1. hoge 2. fuga 括弧付きの数字を表示させる <style> ol.bracket, ol.closing_bracket { list-style-type: none; } ol.bracket > li, ol.closing_bracket > li { counter-increment: cnt; } ol.bracket > li:before { content: "("co…

HTMLの<ol>で 1. ではなく (1) とか 2) とか括弧付きで表示したい場合のメモ

更新2018-07-23 19:20: 挙動がおかしいのでほぼまるまる修正 前提 nuxt.config.js pages/index.vue 確認 参考サイト 前提 nuxt1.4.1 インストール済みで npm run dev できる状態 materializeのCSSとJSが適応されているか確認するためモーダル表示してみる nu…

Nuxt.js で materialize 使うためセットアップのメモ

こんな感じでやった気がするメモ 環境 Install Python ライブラリ 特定のディレクトリを監視する python スクリプト 実行権限 スクリプトをデーモン化 /etc/systemd/system/hoge.service systemctl で登録・自動起動・実行・確認 動作確認 自動起動を解除す…

特定のディレクトリを監視する Python スクリプトを Ubuntu の systemd でデーモン化するメモ

$ find . -name '*.*' -type f | cut -d "." -f 3 | sort | uniq -c 2 css 5 js 1 svg 1 test App.test.js みたいな . が複数あるやつあるとだめだな...

シェルで雑に同じ拡張子のファイル数を数えてみるメモ

前回メモしたやつがいまいちなのでやり直し Install Emacs package package.json .eslintrc.js init.el 感想 Install Emacs package （flycheckはインストール済みの前提で） M-x package-list-packages で add-node-modules-path をインストール package.js…

続 Emacs の web-mode で vue 書くのにシンタックスチェックしてほいしい場合のメモ

$ sudo npm install -g eslint eslint-plugin-react $ eslint --version v5.1.0 .eslintrc { "plugins": ["react"], "extends": [ "eslint:recommended", "plugin:react/recommended" ], "env": { "browser" : true, "node" : true, "mocha": true, "es6" : …

eslintrc の設定を見直す

問題 原因 node パッケージの依存関係でなるっぽい Emacsでnode_packages/.binのパスをうまく読み込まない 追記: add-node-modules-path 使うのが簡単 参考メモ 問題 eslint-config-airbnb のパッケージをインストールして.eslintrc に "extends": ["airbnb"…

Emacs の Flycheck で Javascript の ESLint 設定で airbnb 使いたいのに動かない場合のメモ

$ firebase deploy --project prod $ firebase deploy --project dev help に --projectオプション書いてないけど切り替わる （--project == -P） 参考 Firebase CLI Reference | Firebase

firebase deply でプロジェクトを切り替えてデプロイしたい場合のメモ

(Emacs25.31, MacOS10.12.6) dired 開いてるとdrag and drop でファイルがコピーされてしまう。 コピーではなくただファイルを開いてほしい。 init.el (setq dired-dnd-protocol-alist nil) 設定してEmacs再起動 (ﾟдﾟ)ｳﾏｰ 参考リンク emacs - how to disable…

Emacs.app で dired 開いたウインドウにファイルを drag and drop するとコピーされるので回避するメモ

medium.com developers.google.com developers.google.com developers.google.com qiita.com developer.mozilla.org developer.mozilla.org

Progressive Web App のメモ

(python3.6) direnv 使うことにしたのでメモ 前提 virtualenv と virtualenvwrapper はインストール＆設定済みの前提で direnv もインストール＆設定済み mkvirtualenv hoge しておく .envrc source ~/.virtualenvs/hoge/bin/activate 確認 シェルで .envrc …

direnv で virtualenvwrapper の workon hoge を自動でやるメモ