はじめに React に限らず、JavaScript を使ってると本番環境用のビルド（以後、production build）として圧縮や難読化を行う必要があります。 webpack にはそのためのプラグインとして UglifyJsPlugin があるのは知っていましたが、 単純にこのプラグインを適用しただけだとブラウザで以下のような warnings が出ていることがわかりました。 Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is

（2016/10/24追記） しばらく Syntastic を使ってましたが、Neomake というより快適なプラグインが見つかったので今はそちらを使ってます。 （追記ここまで） はじめに vim で ES2015 を書いていると、構文チェックもコーディングと並行して行いたいと感じるようになります。 Syntastic はそのための vim のプラグインで、JavaScript に限らず様々な言語の構文チェックを行うことが可能です。 参考：以前 Python 用に設定した時の記事 今回は JavaScript の代表的な linter (syntax checker) である ESLint を使い、vim で ES2015 を書くときの構文チェック環境を構築してみます。 よく見る設定 「vim es6 syntastic」とかでググってよく見るのは以下のように、ESLint をグローバルイ

Windows「に」Vagrant を入れて仮想環境を作成したという記事は Web 上にたくさん見つかるけど Vagrant で Windows 環境「を」構築したという記事はあんまり見つからなかったので、メモ。 また、Vagrant や Ansible というインフラ系ツールについてよく耳にするものの実際触ったことがなくて それぞれでできること等ちゃんと理解していなかったので、勉強も兼ねて。 動作環境 今回使用した各ツールのバージョンは以下の通り。 Mac OS X Yosemite 10.10.5 Vagrant 1.8.1 Ansible 2.0.0.2 Python 2.7.10 Virtualbox 5.0.10 pywinrm 0.1.1 はじめに Mac で Web アプリケーション開発をしていると、IE での動作確認のために Windows 環境を使いたいことがよくある。

タイトルの通り。 現在開いているページのタイトルとURLを Markdown 形式 ([title](url)) でクリップボードにコピーするだけの Chrome 拡張を作った。 ページのタイトルとURLをコピーする Chrome 拡張は既にあった （https://chrome.google.com/webstore/detail/copy-title%2Burl-to-clipboa/hbnaclhngkhpmpgmfakaghgjbblokeeh とか） が、Markdown 形式でコピーしたい というのと、形式を選べなくてもいいので ショートカットキー1発でコピーしたい という要望があって自作することにした。 インストール方法・使い方 （2017/02/01追記） Chrome Web Store に公開した。 （追記ここまで） インストール リポジトリを clone する。 Ch

この記事は Heroku Advent Calendar 2015 22 日の記事です。 はじめに Heroku と言えば Ruby！な印象がどうしても強いですが、Ruby 以外にも様々な言語をサポートしています。 Python もそのひとつです。 ref. Language Support | Heroku Dev Center Python(Django) に関しては公式のチュートリアルもあるので、とりあえず Heroku にアプリケーションを立ち上げるところまではそこまで苦労せずできます。 Getting Started on Heroku with Python | Heroku Dev Center Getting Started on Heroku with Python | Heroku Dev Center ※その時のメモはこちら Herokuのpythonチュートリアル(

ということをやってみた。 最低限の機能しか実装できてないが、一応動くものができたので公開＆設定手順をメモ。 https://github.com/zaki-yama/gas-github-issue-export 目次 コード 初期設定 GitHub の client id と client secret を取得する Google スプレッドシートにスクリプトをコピーする client id と client secret をコードに埋め込む OAuth2 ライブラリをインポートする 使い方 TODO おわりに リファレンス コード GitHub のリポジトリを見ていただいてもいいが、残課題がたくさんあってこれからコードの修正がたくさん入りそうなので 現時点でのコードを掲載しておく。 初期設定 最初の設定がちょっとだけ面倒。 GitHub の client id と client secr