はじめに

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 を作った
続きを読む

はじめに

Cordova で Splash Screen を設定できる cordova-plugin-splashscreen についてまとめた。

TL;DR

  • cordova plugin add cordova-plugin-splashscreen でインストール
  • res/screen/ios などに画像ファイルを配置
  • config.xml<splash src="res/screen/ios/xxxx.png" /> を追加
  • デフォルトは表示から3秒後にフェードアウト
続きを読む

はじめに

docker-lambda + sharp で画像変換する AWS Lambda Function 作ったのでそのメモ。

TL;DR

続きを読む

はじめに

実際にパッケージをインストールすることなく、package.json に良い感じで依存関係を追加する方法が無いか調べた。

※AWS Lambda の開発で docker-lambda に渡す package.json を手で書きたくなかった。

参考: docker-lambda を使って AWS Lambda Function を開発する方法

TL;DR

  • npm-add-dependencies を使えば OK
    • 標準コマンドでは対応不可
  • npm install -g npm-add-dependencies でインストール
  • npm-add-dependencies <package>package.json に追記
続きを読む

r17n


Softwear Engineer


Fukuoka