はじめに

Vue.js を使って Chrome 拡張機能を開発できるテンプレートを探して、Kocal/vue-web-extension を見つけたので、簡単な使い方のメモ。

追記: 続編として Vue.js を使ってメインページ側で動作する Chrome 拡張機能を開発する方法 という記事も書いた。

TL;DR

  • vue init kocal/vue-web-extension my-extension で初期化
  • npm run builddist 配下にリリースファイル作成
  • npm run watch でファイル変更を検知してビルド
    • src 配下を編集して拡張機能を開発
続きを読む

はじめに

jQuery Select2 で、初期値を設定する方法と、クリアをする方法を調べた。

TL;DR

  • $('#mySelect2').val("val").trigger('change'); で初期化
    • multiple なら $('#mySelect2').val(["val1", "val2", ...]).trigger('change');
  • $('#mySelect2').val(null).trigger('change'); でクリア
続きを読む

はじめに

Cordova でエミュレータの起動がうまくいかないときに見るポイント(やること)をまとめた。
※自分がハマった箇所の解決方法しか書いてない

TL;DR

  • iOS
    • npm i -g ios-simios-sim をインストール
    • --buildFlag='-UseModernBuildSystem=0' をつける
  • Android
続きを読む

はじめに

Cordova でネイテイブのダイアログを表示できる cordova-plugin-dialogs について調べた。

TL;DR

  • cordova-plugin-dialogs はネイティブのダイアログを呼び出す
  • タイトルやボタン名も変更可能
  • 見た目の比較(window.alert などとの違い、iOS, Android での違い)をまとめた
  • 通常の window.alert なども考慮した Wrapper を作った
続きを読む

r17n


Softwear Engineer


Fukuoka