牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

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

前提 インストール 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…

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

前置き 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 感…

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

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…

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

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

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

(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…

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

処理完了順 実行順 処理完了順 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))…

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

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

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

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

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

よく忘れるんでメモ 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>…

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

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

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

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

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

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…

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

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

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

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

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

前提 コード 前提 空のオブジェクトに 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 …

Vue.js/Nuxt.js のメモ

(随時更新) ドキュメント 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 - オプション /…

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

混乱する時があるのでメモ 例 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_…

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

(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でfirebaseui-webを使ってログインするメモ

前提 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…

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

通常の タグ <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…

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

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

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

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

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

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

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

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

eslintrc の設定を見直す

$ 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" : …

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

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

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

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

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

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

Progressive Web App のメモ

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

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

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