nagashigaki

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

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

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

Paizaのjavascriptのコーディングテストで問題を解く前にメンタル的に失格になった話

フロントエンドの募集ってないのかなあと思ってウロウロしてたところ、ITプログラマー・エンジニア転職のpaizaに行き着きました。 このサイトの説明は省略するとして、応募するときにコーディングテストをして、面接にもそれがれっきとした資料として採用さ…

Atomで開く : Open With Atom が表示されない問題を解決した

年末ということで、PCも掃除することにしました。 で以前から調子が悪かった愛するAtomを一旦消去し、再インストールすることに。 すると「Open With Atom」が消えてるΣ(゚Д゚) 作業をするときは、これでプロジェクトを開いていたので、これがないと仕事始めか…

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…

タスクランナー(Gulp)の入門の入門

フロントエンドの開発で、個人的にGulpなしはもう考えられないです! デザイナーさんから 「タスクランナーってどういいの?ビルドツールとかnode.jsとかなんかややこしい」 ということをよく聞かれました。僕自身、Gulp導入するのに半年迷いましたw その経…