はじめに
NativeScript の StackLayout などでスクロールを有効にする方法。
※何もしないと、画面外に要素がはみ出してもスクロールできない。
TL;DR
ScrollViewを使うorientation="horizontal"で 水平方向orientation="vertical"で 垂直方向(デフォルト)
はじめに
NativeScript の API Client のサンプル。
axios/axios と NativeScript/nativescript-background-http とを使って実装。
あくまでも一例なので、各自の環境に合わせて適宜修正。
※試してないが 、今からなら klippa-app/nativescript-http を使うのが良いかもしれない。(最近(2020/03/22 以降) リリースされているので、API Client 作った時には無かった)
TL;DR
- axios と nativescript-background-http とを使った実装例
- 添付ファイルの有無で axios と nativescript-background-http とを切り替えて使用
configを与える場合は、それぞれの仕様に合わせて設定- axios: Request Config
- nativescript-background-http: Upload request and task API
はじめに
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 検証処理を定義
