みかづきメモ

プログラミング学習帳 ♪(✿╹ヮ╹)ノ

Node.js

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 。 そのインストール時にちょっと詰まってしまったので、メモしておきます。