みかづきメモ

プログラミング学習帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ

Node.js

Vuex + VuexFire + Vuex Type Helper + TypeScript で Action を型アリで書きたい

Vuex で Firebase を良い感じに扱えるようにしてくれる VuexFire と、 TypeScript で Vuex モジュールを良い感じにかけるようにしてくれる Vue Type Helper 、 それぞれを同時に使って、型チェックや保管が効く状態で扱いたかった。 通常通り書くならこんな…

Firestore で Reference 型のデータを作りたい

Firestore には RDB の外部キー制約的な雰囲気の参照型 (reference) が使えます。 Node.js (firebase-admin) から、参照型のデータを追加するには、以下のようにします。 import { firestore } from "firebase-admin"; import { v4 as uuid } from "uuid"; c…

API Gateway + AWS Lambda で CORS 対応したい

API Gateway + AWS Lambda で API を作って、 CORS 対応したい。 API Gateway 側に「CORS を有効にする」という設定はあるのだけど、うまくいかなかった。 解決方法としては、 Lambda 側でも CORS のためにヘッダーを追加する必要があった。 exports.handler…

Vue でいっぱい transition したい

ページ遷移で transition して、ページ内コンテンツ切替で transition してってしたかった。 // App.vue <template lang="pug"> .container transition(name="router-transition" mode="out-in" leave-active-class="..." ...) router-view </template> // components/Page1.vue <template lang="pug"> .wrapper tr</template>…

Flow をやっつける

開発中、なにか重いなーと思ったら Flow がいっぱい動いていたので、やっつける方法。 $ yarn flow stop これでおっけー。

Webpacker のプロダクション環境での assets:precompile でこける

Rails 5.1 以上、 Webpacker を導入した環境で、プロダクションビルドした際、 assets:precompile で結果が何も帰ってこなくなりました。 こんな感じ: 01:00 deploy:assets:precompile 01 $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile …

Node.js で FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

Node.js で Electron アプリを作成していたら、ビルド時の最適化の際、 タイトル通りのエラーが発生した。 解決方法としては、実行時にオプションを付け足せば良いみたい。 $ node --max_old_space_size=4096 $(which yarn) run package 参考: AOT build fai…

macOS Sierra で register_with_server: ERROR: f2d_register_rpc() がでる

macOS Sierra 10.12.5 nvm (Node v6.9.5) 上記の環境で、 Jest を使おうとしたら、以下のようなエラーが出た。 register_with_server: ERROR: f2d_register_rpc() 解決方法としては、 watchman をインストールすれば直るとのこと。 $ brew install watchman …

webpack で CSS を Minify したい

webpack を使っていて、 CSS も Minify したい!って言う時のやり方。 npm install css-loader --save-dev した後に、css-loader?minimize と設定する。 実際だと、こんな感じかな。 const path = require("path"); const ExtractTextPlugin = require("extr…

Node.js + CircleCI + Coveralls でカバレッジを取得してみる

TypeScript + Node.js でアプリを作っているのですが、テストのカバレッジを取得して、 GitHub にて、そのバッジを README.md に表示してみようという試み。 TypeScript + Node.js だけじゃなく、 JavaScript でもいけます。

React.js で、HTML を描画したい

最近、 React.js + Electron + TypeScript で、アプリを作っているのですが、 render() の中の React Component で、生の HTML を扱うことが発生したので、 やり方を書いておきます。

Semantic UI のインストールでエラーが出る時の解決方法

Electron アプリを開発している際に見つけた、 Semantic UI 。 そのインストール時にちょっと詰まってしまったので、メモしておきます。