nagashigaki

フロントエンドや釣りで気になったことを記していきます。

JavaScript

Google App Scriptをモダンな開発っぽくする環境を作ってみた(ES6, browserify, eslint, mocha)

お前は今更何を言ってるんだ?というテーマですが整理するために。 Google App Script(以下GAS)とはjavascriptでGoogle App(今ではG suite?)の豊富な機能を堪能でき、ある程度の作業を自動化することができます。しかも無料で!指定時間に勝手にスクリプト…

babel+es6 でmixpanelのtrackが動かなくなった話

babel+es6の環境で開発していて、最後にイベントにmixpanelのトラッカーを設置して終わりだなε-(´∀`*)ホッ となったときに、コンパイルしてテストするとトラッカーが動かず、ドキュメントをあさってもなかったのでその対処方法。 問題が起こった場面 es6でmix…

webpackでCDNから取ってきたりした外部のjQueryなどを利用する方法

es6でモジュール化にするときは人気のwebpackを利用するケースが多くなってきました。(むしろこれが当たり前になってきましたw) そこで、既にテンプレートが完成した状況でそこそこのボリュームのjsを書くことになりました。(例えば、wordpress中に個別ペー…

はてなブログのカスタマイズでjQueryを使う!CDNからの読み込みは不要!

はてなブログのカスタマイズでjQueryを使えなくて調べたら、CDNからjQueryを別に読み込むと使えるよという記事がけっこうありました。こんな感じです。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> で、jQueryを読み込むことによって速度が遅くなるようなので ソースを確認しました。 問題なければ、CD…