JavaScriptのClipboard APIでリッチテキスト（書式付きテキスト）をコピーする
クリップボードにリッチテキストをコピーする方法を説明します。今回はとくに Clipboard API という現在推奨された方法で実装します。 「リッチテキストをコピー」というのは、ペーストしたときにWYSIWYGエディターへ書式が有効なまま…
JavaScriptのグローバルマッチする正規表現でtest()、exec()すると状態が残る
今日はちょっとしたメモ書きです。 JavaScriptでグローバルマッチの（ g オプションを付けた）正規表現で、 正規表現.test() をすると実行した状態が残ります。 正規表現.exec() でも同様です。 グローバルマッチする正規表…
highlight.jsで行ごとに区切りつつハイライトする
現在のhighlight.jsではこのstateを引き回す書き方は非推奨となっており、今後廃止される予定です。 highlight.js というコードハイライトをするJavaScriptのライブラリーがあります。 highlight.js …
Vue.jsでAPIにないフィールドはモデルにも作らないプラクティス - モデルとViewModelの区別の仕方
前回の記事はこちらです。先に読まれておくことをオススメします。 JavaScript (ES6) でAPIから受け取ったデータをモデルに入れるプラクティス - Make組ブログ モデルに置く値、ViewModelに置く値の区別をつけよう V…
JavaScript (ES6) でAPIから受け取ったデータをモデルに入れるプラクティス
フロントエンドのJavaScriptで、バックエンドのAPIからの結果をモデルに入れるプラクティスについてまとめます （より良い方法があったら教えてください）。 まず、以下のようなレスポンスがAPIからあると想定します。 データをそのまま使…
Spacemacsでvue-modeかつflycheckする
emacs（Spacemacs）+ vueファイルをずっと模索している。 というのもjs2-modeがmmm-modeに対応しないので、JSを書くときにjs-modeで不便だったりする。 web-modeを使っても似たようなものなので、なん…
CodeMirrorでphrasesオプションを使ってUIを日本語化できるようになったという話
2018年8月25日にリリースされたCodeMirrorの5.40.0から、検索ダイアログなどのUIを日本語化できるようになりました。 New features New method phrase and option phrases to…
Webpack (v4) で複数のJavaScriptファイル、CSSファイルを分けてビルドする
webpackは便利ですが設定などは慣れが必要です。 僕は面倒なので、毎度自分の過去のプロジェクトからコピーして使っています。 その内容から抜粋してブログの記事にしています。 想定としてはSinglePageApplicationとしてはア…
framesetタグの間でjs使うとうまくいかなかった。
これだとフレーム下側のサイトが表示されなかったので、 ごとjsで出力したらうまくいった。