はじめに
NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。
TL;DR
- Android:
AndroidManifest.xmlにusesCleartextTrafficの設定追加 - iOS:
Info.plistにNSAllowsArbitraryLoadsの設定追加 - よりセキュアな方法もあるので、各自の状況や環境に合わせて要設定
はじめに
NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを 生成/描画 する方法。
通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。
なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。
TL;DR
- JsBarcode の第一引数に
Objectを渡す方法でコードを生成 StackLayoutをorientation="horizontal"で利用- 生成コードを1文字ずつ
Labelで処理- 1:
backgroundColorで黒塗りつぶし - 0: 塗りつぶしなし
- 1:
はじめに
axios でリクエストした際に unable to verify the first certificate となる場合の対応方法。
自己生成証明書(オレオレ証明書)を利用している環境などで発生すると思われる。ちゃんとした証明書であれば問題ないはずなので、あくまでも暫定的な対応方法。
TL;DR
- comment 260841069 - How to ignore SSL issues · Issue #535 の通り
httpsAgentにrejectUnauthorized: trueで生成したエージェントを指定
はじめに
nginx on docker(docker-compose) を FiloSottile/mkcert で生成した自己生成証明書(オレオレ証明書)で HTTPS(SSL)化する方法。
証明書はホストマシン上で作成。
TL;DR
- ホストマシンに FiloSottile/mkcert をインストール
- 証明書はホストマシン上(Amazon Linux 2)で生成
docker-compose.ymlのvolumesでマウント- ポートフォワーディング設定を変更
- nginx のコンフィグファイルで SSL を有効化
はじめに
PHP で EAN13 のバーコード(コード)を生成する方法。
既存コードからバーコード画像を生成するには picqer/php-barcode-generator を利用すればいける(っぽい)。
今回はバーコード 画像 ではなく、コード(番号)そのものを生成する方法について。
TL;DR
- 基本は Generate valid EAN13 in PHP - Stack Overflow の通り
- ランダム生成したい場合は ランダムなパスワードを1行で生成する - Qiita と組み合わせ
はじめに
NativeScript(NativeScript-Vue) で履歴をクリアしつつページ遷移する方法。
TL;DR
clearHistory: trueを設定するthis.$navigateTo(Page, { clearHistory: true });
- Manual Routing - NativeScript-Vue には記載がないため、本家 NatvieScript のドキュメントもあわせて見るように意識すると良い
はじめに
Docker(Docker-Compose) で Node.js をバージョン指定してインストールする際に、以下エラーが表示される場合の対処法。
1 | E: Version 'x.y.z-1nodesource1' for 'nodejs' was not found |
※Docker 関係なくて、単に Ubuntu/Debian の問題な気もするが未確認
TL;DR
- Docker/Ubuntu で
apt-get install -y nodejs=x.y.z-1nodesource1実行でエラーE: Version 'x.y.z-1nodesource1' for 'nodejs' was not found
- パッチバージョンでアップデートが無いか確認
- ex:
https://deb.nodesource.com/node_13.x/pool/main/n/nodejs/
- ex:
- アップデートがある場合は
apt-get箇所のバージョンを修正する
はじめに
Node.js, express, axios で JWT(JSON Web Tokens) を利用する方法を整理した。
ざっくり以下の流れ。
- ログイン時にサーバで Token を 発行/送付
- クライアントが API 利用時に Token を Request Headers なり Body なりで送付
- サーバ側で Token の正当性を検証
TL;DR
- auth0/node-jsonwebtoken を使用
sign()で JWT 発行- axios/axios の
configに{ headers: { Authorization: `Bearer ${token}` } }で設定 verify()で JWT 検証app.use()で JWT 検証処理を定義
はじめに
Vue.js で矢印キーや Enter キーによるキーボード操作が可能なコンテキストメニュー(右クリックメニュー)を表示する方法。
調査/検証 したところ rawilk/vue-context を使うのが一番楽だったので、基本的には vue-context の使い方についてのまとめ。
TL;DR
- rawilk/vue-context だとキーボード操作にデフォルトで対応
- ネストは
li.v-context__subとul.v-contextを使う←,→キーによる階層の移動が可能
- スタイルは
.v-context li,.v-context li a:hover,.v-context li a:focusあたりで変更
はじめに
Vue.js で入力フォーム フォーカス中に Enter キーで Submit させる方法について整理した。
ほぼ参考サイトの通り。
TL;DR
- 単純に
@keyup.enterを使うと、日本語変換での確定 Enter も対象になる @keypress.enterだと、日本語変換での確定 Enter は発火しない- 組み合わせてフラグ管理することで実現
