dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

「browsersync」で「Shift_JIS」を指定すると文字化けが起こるので、強引に回避する作戦

f:id:kokushin:20160518154843p:plain

変更があったら勝手にブラウザをリロードしてくれる「browsersync」ですが、「Shift_JIS」形式のファイルを読み込ませると文字化けを起こしちゃいます。
大手企業サイトのコーディングとかやるとよく遭遇するので、強引に回避してみます。

続きを読む

<video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する

f:id:kokushin:20160408103917p:plain

<video> タグの高さを取りたいのだけれど、正確な数値が取れない時がある...という時は、loadedmetadata イベントが発火してから取得すると正確に高さを取ることが可能です。

続きを読む

Electronにメニューを追加・パッケージ化した際にショートカット操作できるようにするTips

f:id:kokushin:20160427130503p:plain

先日作ったマークダウンエディタですが、パッケージ化したらショートカット操作(コピペや選択)が出来なかったので修正しました。Electronに「メニュー」機能を追加するだけで対応出来ました。

続きを読む

Vue.js + Electron でマークダウンエディタをサクッとつくってみた

f:id:kokushin:20160426173929p:plain

最近話題の軽量フレームワーク「Vue.js」と簡単にアプリ化できる「Electron」を組み合わせて、練習がてらマークダウンエディタをつくってみました。

続きを読む

ビルドツール webpack 触ってみた

f:id:kokushin:20160426105414p:plain

そろそろ「webpack」触ってみようと思い、チュートリアルを見ながら試してみました。
たくさんのモジュール群を最後にキュッとビルドするときの快感がやばいっすね。

続きを読む