技術っぽいことを書いてみるブログ

PythonとかVue.jsとか技術的なことについて書いていきます。

2020-05-01から1ヶ月間の記事一覧

Android用のハイブリッドアプリを構築してみる。。。~画面の向きを固定にする~

はじめに Androidアプリの実機でテストしていて、 端末を横向きにすると、レイアウト崩れを起こしていることに気づきました。 で、構築しているアプリとしては、縦向き固定でよいと思いますので、 縦向き固定にする方法を記載しておきます。 縦向き固定の設…

Android用のハイブリッドアプリを構築してみる。。。~Cordovaプラグインの追加・実装~

はじめに 使うcordovaプラグイン 環境のおさらい メインのvueプロジェクト cordovaプロジェクト cordovaプラグインの追加 cordova plugin addでプラグインを追加する cordovaプラグインの確認 プラグインを呼び出す実装を行う ビルド&実機デバッグの実行 vu…

Android用のハイブリッドアプリを構築してみる。。。~Vueプロジェクトにcordovaを追加する~

はじめに 前提条件 npmインストールされているリストの確認 vueプロジェクトの作成 semanti ui vueを導入 cordovaプラグインの追加 ビルド先の変更 cordova.jsの読み込み ビルド実行 実機デバッグ 実行結果 まとめ・・・ はじめに 以前の記事(こちらとこち…

Android用のハイブリッドアプリを構築してみる。。。~アイコンの設定~

はじめに アイコンの設定 アイコンの準備 アイコンの配置 設定ファイルへの追記 Android実機の実行 最後に・・・ はじめに ハイブリッドアプリをAndroidの実機デバッグできましたが、 Android上のアプリのアイコンは、デフォルトのCordovaアイコンでしたので…

Android用のハイブリッドアプリを構築してみる。。。~実機デバッグの実行~

はじめに Android端末での実機デバッグの実行 Android端末の事前設定 cordovaの実行 Android端末での許可 Android端末での実行結果 Android実機実行時のデバッグの方法 Inspect with Chrome Developer Toosの実行 WebViewをInspectする はじめに 今回は、PC…

Android用のハイブリッドアプリを構築してみる。。。~Vueプロジェクトの追加~

はじめに vue.jsのインストール vue.jsをnpmインストール vue.jsのインストール 確認 vueのプロジェクト作成 vue createコマンドでvueプロジェクトを作成する デフォルトnpmレジストリへの接続が遅いので、https://registry.npm.taobao.orgを使用するかの質…

Android用のハイブリッドアプリを構築してみる。。。~開発環境の整備~

はじめに 構築するAndroidアプリの条件 Node.jsのインストール Node.jsのダウンロード Node.jsのインストール Node.jsのインストール確認 Android Studioのインストール Android Studioのダウンロード Android Studioのインストール パスを設定する Cordova…