skimemo - 日記

PHPでPDFを生成するライブラリはTCPDFの他にも幾つかありますが、いずれも自前でCSS等をレンダリングしており、昨今の非常に複雑なCSSを網羅できるものではありません。しかし、wkhtmltopdfはwebkitのエンジンを使うGoogle謹製のツールとのことで、若干ずるいですがこれに勝るものは無いと同時に、通常のHTMLにできてこれでできない事は無いと思われます。

インストールや使い方は、ググればいくらでも出てきますので、そちらを参考にしてください。

本題です。

▲　▼

_ NativeScript androidX対応時の処理

NativeScriptでandroid向けのビルドをした際に、突然以下のエラーが出ました。

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugManifest'.
> Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory) from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91
        is also present at [androidx.core:core:1.0.0] AndroidManifest.xml:22:18-86 value=(androidx.core.app.CoreComponentFactory).

▲　▼

_ NativeScriptでServiceを実装する

NativeScriptでAndroidのサービスを実装する方法は概ねマニュアル通りなのですが、若干はまったのでメモです。

NativeScript+Serviceで検索するとこのへんとかが出てくるのですが、なんだか分かりづらいです。
私が参考にしたのはこちらでした。シンプルです。
以下、手順です。

サービスの初期化
app/app.jsに以下のように書きます。
#code(php){{{

▲　▼

_ PhpStormでSubversionをsvn+sshで使用する際の設定

PhpStormでSubversionをsvn+sshで使用する際の設定です。
subversionはTortoiseSVNが入っているものとします。

ちなみに手元のPhpStormは10.0.4です（古い・・・）。

Subversion Integrationプラグインを入れる

▲　▼

_ iOS版でのipaファイルの作成と実機インストール

iOS版をチーム内で確認して貰うには、インストールファイル（androidでいうapkファイル）の生成と、それをインストールする方法が必要です。
マカーには常識かも知れませんが私は何も知らず、色々調べてしまったのでそのメモです。

iOS版のアプリを実機にインストールするには、AppleのDevelopper Programに登録して年会費(!)を払う必要があると思われがちですが、配布先の人々がPCとiPhoneを繋げてごにょごにょしてくれるのであればその限りではありません。
ipaファイルを生成して配布すれば、PC＋iTunes＋実機で配布ができます。ここではその方法についてごく簡単に記します。

NativeScriptでipaファイルを生成するには、tnsコマンドでそれ用のオプション指定が必要です。検索するとすぐ出てきますが、--forDeviceオプションを付けてビルドします。（XCode上での必要な設定は済んでいる前提です）

▲　▼

_ NativeScriptのwebpack適用で注意すること

当初特にwebpack(--bundleオプション)の事など気にせずに開発してきて、途中で適用しようと思ったら色々エラーが出たのでそのメモです。

[もくじ]

NativeScriptのwebpack適用で注意すること
- app-main.xmlが無いと言われる

↑

_ app-main.xmlが無いと言われる

開発中のアプリは、起動時にapp.jsでログイン中か判断し、app-login.xml(未ログイン)かapp-main.xml(ログイン済み)かを切り分けています。その時使用しているのがapplication.run()です。

ところが、webpack適用時~~にapplication.run()};を使用するのには~~のページ名にはある制限があります。それが、ファイル名の最後が root か page でなければならないです。このルールに則っていない場合、ページが見つからないというエラーが出ます。

[コード]

▲　▼

_ NativeScriptのiOS対応時に気をつけること

基本的にはAndroidで開発を行っているのですが、ある程度出来てからiOSで動かしたときに期待通り動かなかった点を中心に、双方のプラットフォームで動かすために気をつけるべき点を五月雨的に書いていきます（随時追記する予定）。

基本的には深く根本原因まで探って対処するというより、「こうしてみたら動いた」的な内容になっていますので、理屈から理解したい方には不向きかも知れません。

↑

_ WebView, HtmlViewの初期高さが1行

まずAndroidとiOSの大きな違いはViewの高さのデフォルト状態です。Androidは基本的に領域一杯に広がって配置されますが、iOSは最小範囲に留まって配置されるようです。このため、WebViewやHtmlViewを画面一杯に表示してスクロールさせたいような場合は、高さを指定する必要があります。

#code(php){{{
<GridLayout>

▲　▼

_ NativeScriptで画面の転回に合わせてTabViewの表示を切り替える

NativescriptでTabViewを消したり表示したりする方法です。

例えば動画再生や画像表示をフルスクリーンで行う場合、TabViewのタブを消したい場合があります。
ここでは、デバイスの向き（縦、横）によってTabViewの表示・非表示を切り替えます。

回転検出は nativescript-orientation というプラグインを使います。

#code(php){{{

▲　▼

_ Zenko＋Clapprでdash_shaka_playback 1_1002エラーが出た話

S3互換サーバー(Zenko)に動画ファイルを置き、HLSでアクセスしようとした場合、CORS(Cross-Origin Resource Sharing)が問題になります。
動画閲覧UIのHTMLは通常Zenko外にあるので、そこからZenkoにアクセスしようとしても、CORS制限でエラーとなってしまうのです。

私が遭遇したのは、localhost(開発環境)からClappr.PlayerでZenkoの動画ファイルを読みに行くケースです。
全てローカルで閉じている場合は正常に動画が再生されるのですが、ファイルをZenkoに置くと以下のエラー画面となってしまいます。

▲　▼

_ NativeScriptでActionItemの色を指定する

NativeScriptでActionBarの右端にメニューを出す場合、マニュアル通り以下のようにします。

#code(php){{{
<ActionBar class="action-bar">
<Label class="action-bar-title" text="受信箱"></Label>
<ActionItem tap="onInbox"
text="受信箱" android.position="popup"
visibility="{{ isInbox ? 'collapse' : 'visible' }}">

Last-modified: 2016-09-22 (木) 16:36:23 (1116d)