NativeScript の API Client サンプル

2020/05/01 08:30
2020/05/01 08:30
カテゴリー Programming

はじめに

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 で非 SSL サイトへのリクエストを許可

2020/04/30 22:10
2020/05/01 08:30
カテゴリー Programming

タグ
Android JavaScript NativeScript NativeScript-Vue Programming Vue.js iOS

はじめに

NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。

TL;DR

Android: AndroidManifest.xml に usesCleartextTraffic の設定追加
iOS: Info.plist に NSAllowsArbitraryLoads の設定追加
よりセキュアな方法もあるので、各自の状況や環境に合わせて要設定

NativeScript, JsBarcode でバーコードを生成/描画

2020/04/29 18:15
2020/04/29 18:15
カテゴリー Programming

タグ
Android JavaScript JsBarcode NativeScript NativeScript-Vue Node.js Programming Vue.js iOS

はじめに

NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを生成/描画する方法。

通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。

なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。

NativeScript 関連記事まとめ

TL;DR

JsBarcode の第一引数に Object を渡す方法でコードを生成
StackLayout を orientation="horizontal" で利用
生成コードを1文字ずつ Label で処理
- 1: backgroundColor で黒塗りつぶし
- 0: 塗りつぶしなし

axios で unable to verify the first certificate の対応方法

2020/04/29 16:45
2020/04/29 16:45
カテゴリー Programming

タグ
JavaScript Node.js Programming axios npm

はじめに

axios でリクエストした際に unable to verify the first certificate となる場合の対応方法。

自己生成証明書(オレオレ証明書)を利用している環境などで発生すると思われる。ちゃんとした証明書であれば問題ないはずなので、あくまでも暫定的な対応方法。

TL;DR

comment 260841069 - How to ignore SSL issues · Issue #535 の通り
httpsAgent に rejectUnauthorized: true で生成したエージェントを指定

docker-compose, nginx, mkcert で HTTPS(SSL)化

2020/04/29 16:15
2020/04/29 16:15
カテゴリー Programming

タグ
Docker Programming nginx

はじめに

nginx on docker(docker-compose) を FiloSottile/mkcert で生成した自己生成証明書(オレオレ証明書)で HTTPS(SSL)化する方法。

証明書はホストマシン上で作成。

TL;DR

ホストマシンに FiloSottile/mkcert をインストール
- Linux - Installation
- Homebrew on Linux — Homebrew Documentation
証明書はホストマシン上(Amazon Linux 2)で生成
- docker-compose.yml の volumes でマウント
- ポートフォワーディング設定を変更
nginx のコンフィグファイルで SSL を有効化

PHP で EAN13 のバーコード(コード)を生成

2020/04/29 16:00
2020/04/29 16:00
カテゴリー Programming

タグ
PHP Programming

はじめに

PHP で EAN13 のバーコード(コード)を生成する方法。

既存コードからバーコード画像を生成するには picqer/php-barcode-generator を利用すればいける(っぽい)。

今回はバーコード画像ではなく、コード(番号)そのものを生成する方法について。

TL;DR

基本は Generate valid EAN13 in PHP - Stack Overflow の通り
ランダム生成したい場合はランダムなパスワードを1行で生成する - Qiita と組み合わせ

NativeScript で履歴をクリアしつつページ遷移

2020/04/27 08:20
2020/04/27 08:20
カテゴリー Programming

タグ
Android JavaScript NativeScript NativeScript-Vue Programming Vue.js iOS

はじめに

NativeScript(NativeScript-Vue) で履歴をクリアしつつページ遷移する方法。

NativeScript 関連記事まとめ

TL;DR

clearHistory: true を設定する
- this.$navigateTo(Page, { clearHistory: true });
Manual Routing - NativeScript-Vue には記載がないため、本家 NatvieScript のドキュメントもあわせて見るように意識すると良い

Docker(Ubuntu) で Node.js バージョン指定インストール時に「Version 'x.y.z-1nodesource1' for 'nodejs' was not found」「returned a non-zero code 100」となる場合の対処法

2020/04/13 14:00
2020/04/13 14:00
カテゴリー Programming

タグ
Docker Programming Ubuntu

はじめに

Docker(Docker-Compose) で Node.js をバージョン指定してインストールする際に、以下エラーが表示される場合の対処法。

1 2	E: Version 'x.y.z-1nodesource1' for 'nodejs' was not found ERROR: Service 'xxxx' failed to build: The command '/bin/sh -c apt-get install -y nodejs=x.y.z-1nodesource1' returned a non-zero code: 100

※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/
アップデートがある場合は apt-get 箇所のバージョンを修正する

Node.js express, axios で JWT の利用(発行/利用/検証)

2020/04/07 14:00
2020/04/07 14:00
カテゴリー Programming

タグ
JWT Node.js Programming axios express

はじめに

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 でキーボード操作可能なコンテキストメニュー(右クリックメニュー)

2020/04/05 17:00
2020/04/05 17:00
カテゴリー Programming

タグ
HTML JavaScript Node.js Programming Vue.js

はじめに

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 あたりで変更

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

はじめに

TL;DR

r17n

Hexo でブログを作成して Netlify で公開するまで

はじめに

TL;DR

目的・やったこと

Python で MySQL の操作が可能な ORM peewee

はじめに

Git で#から始まるコミットメッセージを登録

はじめに

TL;DR

目的・やったこと

Python requests で画像をダウンロードして保存する方法

はじめに

TL;DR

目的・やったこと

Rails で既存の DB を利用するアプリケーションの作成方法(DB 参照のみ)

はじめに

TL;DR

目的・やったこと

Python boto3 で AWS S3 を操作する

はじめに

TL;DR

目的・やったこと

Python requests + boto3 で AWS S3 に画像を直接アップロード

はじめに

TL;DR

目的・やったこと

Node.js で BTC の単位変換する satoshi-bitcoin

はじめに

TL;DR

目的・やったこと

JavaScript で setTimeout や addEventListener のコールバック関数に引数を渡す方法

はじめに

TL;DR

目的・やったこと

Node.js でディレクトリごとにバージョンを変更する nodenv

はじめに

TL;DR

目的・やったこと