NativeScript で FontAwesome(アイコンフォント) を使用 2020/05/01 22:05 2020/05/12 08:55 カテゴリー Programming タグ Android JavaScript NativeScript NativeScript-Vue Node.js Programming Vue.js iOS はじめにNativeScript(NativeScript-Vue) で FontAwesome などのアイコンフォントを使用する方法。 NativeScript 関連記事まとめ NativeScript でアイコンフォント付きボトムタブバー NativeScript で ActionBar/ActionItem に FontAwesome(アイコンフォント) TL;DR 基本は 公式ガイド: Icon Fonts 通り .ttf を app/fonts に配置 app.css(app.scss) に font-family, font-weight の記述を追加 font-family: iOS/Android 両対応の場合はフォント名とファイル名で定義 unicode でアイコン表示 mixin 作っておくと便利になる 続きを読む
NativeScript でスクロールを可能にする 2020/05/01 08:45 2020/05/01 08:45 カテゴリー Programming タグ Android JavaScript NativeScript Programming iOS はじめにNativeScript の StackLayout などでスクロールを有効にする方法。 ※何もしないと、画面外に要素がはみ出してもスクロールできない。 NativeScript 関連記事まとめ TL;DR ScrollView を使う orientation="horizontal"で 水平方向 orientation="vertical"で 垂直方向(デフォルト) 続きを読む
NativeScript の API Client サンプル 2020/05/01 08:30 2020/05/01 08:30 カテゴリー Programming タグ Android JavaScript NativeScript Programming axios iOS はじめにNativeScript の API Client のサンプル。 axios/axios と NativeScript/nativescript-background-http とを使って実装。 あくまでも一例なので、各自の環境に合わせて適宜修正。 ※試してないが 、今からなら klippa-app/nativescript-http を使うのが良いかもしれない。(最近(2020/03/22 以降) リリースされているので、API Client 作った時には無かった) NativeScript 関連記事まとめ NativeScript でファイルのアップロード(multipart/form-data) NativeScript で非 SSL サイトへのリクエストを許可 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 サイトへのリクエストを許可する方法。 NativeScript 関連記事まとめ NativeScript でファイルのアップロード(multipart/form-data) NativeScript の API Client サンプル 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 をバージョン指定してインストールする際に、以下エラーが表示される場合の対処法。 12E: Version 'x.y.z-1nodesource1' for 'nodejs' was not foundERROR: 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 箇所のバージョンを修正する 続きを読む