2018-01-01から1年間の記事一覧

tmuxでpowerlineフォントがうまく表示されない時

Alacritty入れてみたけど、tmuxでpowerlineフォントが表示されなくて困ってた。 alacritty.ymlの設定で対応する方法で悩んでたけど、tmux側の問題だった。 github.com 全体でlocale的にUTF-8を使うようになっていない状態だったけど、tmuxなしの状態ではよし…

Jestで非公開関数をテストする方法がイマイチだった

前回の続き。 結論:const を上書きできないっぽいのでrewire以外の方法を探すのが良さそう… (追記に上げたように、Jestで動かす時にできないという条件付き) 前提 検証した時のバージョン { "dependencies": { "jest": "^23.6.0", "rewire": "^4.0.1" } }…

Jestで非公開関数をテストしたい

rewire を使うと簡単にできた。 github.com 前提 Jest入ってる。Babel入れてない。 インストール npm install --save-dev rewire 準備 通常なら require(path) とするところを rewire(path) にする const rewire = require('rewire') const myModule = rewir…

CSSのみでスクロールできそうな雰囲気を出す

HTMLでElement内でスクロールさせるUIが必要になったけれど、Macやスマホだとスクロールバーは消えるスクロールできるの気づきにくい。という問題があったので、CSSのみでできる方法を考えていた。 解決方法そのものが出てきてしまったけど、すぐに理解する…

Scriptタグのリソース読み込み順序についてのメモ

ちょっとトラブってしまったので、反省しつつ整理。 リンク先の画像がすごいわかりやすいので、これ見たら解決するけど。 HTML Standard パターン <script> <script defer> <script async> <script type="module"> <script type="module" async> この5個がある。2018/01/29時点では module のサポート状況微妙だけど。 Can I use... Support tables f…

CSSのみでラジオボタン+スライドバーなUIを作る

作ったサンプル はこちら。アニメーションとかはもっと調整できそうだけど… jQueryを利用してますが、選択中の値を表示するためだけに使ってます。 codepen.io radios-to-slider: jquery plugin to create a slider using a list of radio buttons. 見た目は…

RailsにWisper入れてみる

Wisperとは github.com Ruby on Railsで Pub-Subパターンを使うためのライブラリ。ビジネスロジックを分離して Hexagonal Architecture を実現するためや、ActiveRecord のCallbackの代わりに使ったりする。 サンプル 使い方はGitHubに載ってるので十分だっ…

MySQLでGROUP_CONCATの文字数が切れる時

ちょっとしたデータ集計したり、テスト環境作ったりするときに使ったのでメモ。 SET SESSION group_concat_max_len = 1000000;