Hiroto's diary

プログラミングとか色々

JavaScript

Puppeteer で target="_blank" が開くのを待つ

Puppeteer で target="_blank" な <a>要素をクリックして新しいページが開くのを待つ方法. browser.once('targetcreated', target => resolve(target.page())) でやる方法が出てくるけど, newPage が null になって上手く行かなかったので, 色々試した結果上手</a>…

Vue.js で日本語の変換中に `keyup.up` や `keyup.down` が発火しないようにする

対処方法 $event ( KeyboardEvent インスタンス) の isComposing をチェック Edge や IE では動かない developer.mozilla.org 例 <template> <div> <input :value="inputValue" @keyup.up="onKeyUp($event)" class="input" type="text" > </div> </template> <script> export default { name: 'TestComponent', data () { return { inputValue: '', …

Vue.jsでMarkdownファイルを読み込んでHTMLにして表示する

Vue.jsやNuxt.jsで何かしらのサイトを作ってる時にわざわざHTMLを書くほどでもないようなページを作る際、Markdownで内容を書いてHTMLに変換すると便利。というちょっとしたメモ。 タイトルではVue.jsと書いていますがNuxt.jsでも使えます。 webpackの準備 .…

.babelrc はJSON5で書ける

公式のドキュメントにも書いてあるし割と一般的な事だと思ってたけど、知らない人ばっかだったので布教がてら。 そもそもJSON5とは JSON5とは コメントが書けない Stringでシングルクォートが使えない Arrayでケツカンマが書けない などの、JSONの難点を解消…

JSONにコメントを書く時や、JSON5を書く時はJavaScriptでハイライトすると便利。

たまに役に立つかもしれないライフハックです。 コメント入りのJSONをJSONでハイライトすると色々残念 設定などの説明でJSONにコメントを入れた時、普通にJSONでシンタックスハイライトをさせると、残念な感じになります。 { // presetの設定 "presets": [ "…

iTunes (Apple Music) で大きいサイズのジャケットを取得するブックマークレット

iTunesで大きいサイズのジャケット(アートワーク)を取得するブックマークレットを書きました。iTunesのアートワーク自動取得機能が使えない時や、ジャケットのサイズの大きい物にしたい時などに使えます。

© 2015 hiroxto