フロントエンド

Webpack2ではextensionsに空文字を指定できない

npm install webpack で Webpack2 がインストールされるようになっていたので、試して見たところエラーが出たのでメモ。 エラー Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API sch…

railsサーバーとのAPI通信

概要 rails で作成したサーバー との post通信でfetchを使ったときの注意点 環境 サーバー rails 4.2.4 フロント javascript 内容 railsで作成したサーバーとのAPI通信の為だけにjqueryを使うのは重いという話を聞いたのでfetchを使ってみました。 github.co…

フロントエンドのローカルテスト用にサーバーを立てる

概要 フロントエンドの開発で ローカルの index.html などを開いて動作確認などしていると、 chrome のセキュリティの関係でエラーが出ることが多くうまくデバッグできないことが多い。 そのようなときに簡単にサーバーを立てて動作確認する方法です。 expre…

フロントエンドのタスクランナーに npm script

概要 フロントエンドの開発環境で npm script が使える フロントエンド開発を始めようと思うと、最近はいろんなものを組み合わせて開発環境を作るのが普通に感じた。 タスクランナーだと下記のものがよく使われてるように感じるけど、正直使い方がよくわから…

twitterの公式widgetを使ったとき親要素の高さを拡張させる方法

概要 子要素に公式の twitter widget を使う場合、親要素が正しい高さを取得できないことがあります。 その場合、親要素で子要素の高さを取得できるようにする方法 方法 親要素に対して、下記のプロパティを追加します overflow: auto;