はじめに
Git を使った開発をしていて package-lock.json でコンフリクトが発生した時の解決方法のメモ。
TL;DR
package-lock.jsonのコンフリクトはnpm installすれば解決できる
はじめに
Git を使った開発をしていて composer.lock の content-hash でコンフリクトが発生した時の解決方法のメモ。
TL;DR
composer.lockのcontent-hashのコンフリクトは以下で解決できるcontent-hashのどちらかを残すcomposer update --lockを実行
はじめに
Git のバージョンアップ に合わせて git-completion.bash もアップデートしたら、g(git のエイリアス)で補完が効かなくなった。
g などのエイリアスに対しても補完を有効化する方法を忘れないようにまとめておく。(お察しの通り、過去の自分が有効化してたものを無効化してしまうという無能っぷり)
TL;DR
~/.git-completion.bashの末尾に__git_complete g __git_mainを追加する- ↑ でも良いが、また
git-completion.bashをアップデートする時には絶対忘れている(確信) ~/.git-completion.bashの読み込み後に処理を追加する方が良さそう(大抵は~/.bashrc)if [ -f ~/.git-completion.bash ]; then source ~/.git-completion.bash; __git_complete g __git_main; fi- ワンライナーで書いてるが、実際は複数行で書いて OK(後述)
はじめに
PHP ファイルを Git リポジトリに登録(commit)する時に、PHP-CS-Fixer で自動整形を必須にする方法を調べた。
.git/hooks/pre-commit でも実現できるが、できればチームメンバー内で共有したい(git clone (してゴニョゴニョ)するだけで使えるようにしたい)ので、もう少し突っ込んで調べてみた。
TL;DR
husky+lint-staged+php-cs-fixerでコミット時の自動整形を実現可能huskyを使うと、package.jsonで クライアントサイドの Git hooks(pre-commit など)を利用できるlint-stagedを使うと、ファイル種別ごとにコマンドを実行できるhusky+lint-stagedで、*.phpの commit 時にphp-cs-fixerを実行する
はじめに
Vue.js を使って Chrome 拡張機能を開発できるテンプレートを探して、Kocal/vue-web-extension を見つけたので、簡単な使い方のメモ。
追記: 続編として Vue.js を使ってメインページ側で動作する Chrome 拡張機能を開発する方法 という記事も書いた。
TL;DR
vue init kocal/vue-web-extension my-extensionで初期化npm run buildでdist配下にリリースファイル作成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-simでios-simをインストール--buildFlag='-UseModernBuildSystem=0'をつける
- Android
- cordova-android Issue #608 でないか確認する
はじめに
Mac + Cordova で、Huawei nova lite2 にアプリをデプロイするまでにハマったので、解決方法のまとめ。
TL;DR
- nova lite2 本体をデベロッパーモードに変更
- システムレポートから Vendor ID を抽出
- adb の設定を変更して再起動で OK
はじめに
Cordova でネイテイブのダイアログを表示できる cordova-plugin-dialogs について調べた。
TL;DR
cordova-plugin-dialogsはネイティブのダイアログを呼び出す- タイトルやボタン名も変更可能
- 見た目の比較(
window.alertなどとの違い、iOS, Android での違い)をまとめた - 通常の
window.alertなども考慮した Wrapper を作った- Vue.js の mixin なのでそれ以外の人は適宜修正
はじめに
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秒後にフェードアウト
