Headless Chrome で簡単にスクレイピングできる Kimurai を Heroku で使用する方法です。 2019/11/4 現在の情報となります。 プロジェクトのディレクトリでコマンドを入力します。 heroku buildpacks:add heroku/ruby heroku buildpacks:add https://github.…

Chrome OS のターミナルは Web フォントを設定することで、フォントの変更ができます。 私は Powerline を使っていませんが、powerline-web-fonts というものを使うと、簡単に変更することができました。 GitHub - wernight/powerline-web-fonts: Powerline …

最近 Chromebook を入手したので Emacs keybindings がちゃんと使えるようにしたく、試行錯誤しています。 その過程で拡張機能を作っており、思いついたコードです。 const TERMINAL_URL_REGEXP = /^chrome\-extension:\/\/.+\/html\/crosh\.html/ let onTer…

webpacker v4.0.2 で確認しています。 Webpacker4 + Vue.js の単一ファイルコンポーネント (SFC) で、 <template lang="pug"> .hoge </template> のような Pug テンプレートを扱う方法です。 yarn add pug pug-plain-loader config/webpack/loaders/pug.js module.exports = { test: /\.pug$/…

webpacker v4.0.2 で確認しています。 config/webpack/environment.js const { environment } = require('@rails/webpacker') // 追加 environment.loaders.get('sass').use.find(u => u.loader === 'sass-loader'). options.indentedSyntax = true module.e…

JavaScript で HTML 要素の data- 属性 を取得する際、モダンブラウザでは elem.dataset.xxx のように取得できます。 HTMLElement.dataset - Web API | MDN ただ、この機能は IE10 以下で使うことができません。 element-dataset という npm モジュールを使…