はじめに

npmyarn インストールした typicode/husky のフックが動かない問題の対応方法。

TL;DR

  • v5 系で大きなアップデートがされている
    • v4 系と v5 系とでインストール時の挙動が異なる
  • v4 系: インストール + package.json の変更で OK
    • npm i -D husky@^4, yarn add -D husky@^4 でインストール
      • インストール時に .git/hooks 配下に色々と作られる
    • package.json"husky" セクションを追記すれば OK
  • v5 系: 追加セットアップが必要(インストールだけでは .git/hooks 下には何も作られない)
    • npx husky install or yarn husky install
    • npx husky add .husky/pre-commit "echo 'pre-commit'" or yarn husky ...
続きを読む

はじめに

Chrome 拡張機能で Firebase Authentication を使って認証する方法。

TL;DR

  • Email/Password での認証は signInWithEmailAndPassword で実施
    • 次回以降ログインできるように Email/Password を Sync ストレージ に保存(※セキュリティ上の問題あり)
  • Email/Password で認証後、トークン発行&保持 でもいけそうだけど試せてない
  • Google 認証などの方法もあるが試せてない
続きを読む

はじめに

Stripe & Firebase によるサブスクリプションを試した際のメモ。

TL;DR

続きを読む

はじめに

Firebase 公式ドキュメント Firebase による支払い処理 を試した際のメモ。

TL;DR

  • 公式ドキュメントを試した
  • Firebase 側のデータがどうなるか、外観カスタマイズはどうするか、などについて簡単に確認した内容をメモ
続きを読む

はじめに

Simonwep/pickr でカラーピッカー(Color Picker)を作成する方法

TL;DR

  • Simonwep/pickr について簡単に整理した
  • テーマが3つ用意されており、細かいカスタマイズも簡単にできる
  • イベントが一通り揃っておりユーザー操作に合わせて独自処理を行うなども簡単に対応できる
続きを読む

はじめに

NPM でインストール可能なカラーピッカー(Color Picker)について調べたので簡単にメモ。

TL;DR

続きを読む

はじめに

Node.js で semver 形式のバージョンを比較する方法。

Semantic Versioning 2.0.0 | Semantic Versioning

TL;DR

続きを読む

はじめに

webpack & Babel を使って Chrome 拡張機能を良い感じに開発できるテンプレート(Hot Reload 付き)を作った。

TL;DR

続きを読む

r17n


Softwear Engineer


Fukuoka