HTML/CSS/JavascriptでAndroid/iOSアプリをつくる。Programming2018-09-30HTML/CSS/JavascriptでAndroid/iOSアプリをつくる。プログラミングこんにちは、たねやつです。今回から勉強がてら作成したスマホアプリののことについて書いていこうと思います。10回ちょいぐらいのシリーズ記事になると思います。ToolsNode.jsCordova次の記事こんな感じアプリ本体https://drive.google.com/open?id=1qmDCJRyjDxvFi_h_PRvaynXX-QU14O9mここに置いてありますので参考用に使用してください。アイコンはデフォルトのままです。9(Pixel)で確認しています。Googleプレイストア以外からのアプリをインストールするための権限設定などについては以下の記事を参考にしてください。前提iOS用のアプリを作成することもできますが、今回のシリーズではAndroid向けアプリを作成する方向で進めていきます。Windows機を使用している前提での解説となります。アプリのインストール方法が少し異なるぐらいで大きな問題は出ないと思います。最後に、開発に使用するPCのメモリは8GB以上必要となります。StudioNode.jsCordova(Chrome)がとりあえず最低限必要なソフト(?)達です。OS端末を仮想的に動かしてデバッグするために必要です。実機デバッグしかしない、iOS用のアプリを作るという方は不要かと思います。Chromeがあるとより細かいデバッグができるので(実際の画面をHTMLのソースコードで確認できる)、便利ですがあまり必要性は高くないです。Codeコードを書くために使用します。あのMicrosoftが作っています。10に標準で入れてくれれば、、(笑))結構動作が軽く、Atomなどの高機能テキストエディタの代わりにも使えそうです。秀丸が一番好きなのですが、現代的なエディタも使ってみたいと思い、しばらくはテキストエディタとしても使っていこうと思います(笑)以下のリンクから最新のvscodeをインストール。ページ自体は英語となっていますが、インストール時に言語を選択できます。Toolsを導入します。これがないとアプリのビルド(スマホで動くファイルの作成)やデバッグができません。インストールした直後であれば、VSCodeの画面上の左のバーに虫と駐車禁止マークみたいなのが表示されていると思います。その下にある四角いマークをクリックすると拡張機能の検索・管理画面になります。toolsと入力して、同名のエクステンションをインストール・再起動すれば完了です。Node.jsnode.jsとは、javascriptで動くサーバーを作ることのできるなにかです。深くは理解していないですし、理解する必要も今回はないです。('ω')以下のURLから最新版をダウンロードしてインストールしてください。LTS版のほうが安定していますがどちらでも構いません!node.jsをインストールすると、一緒にnpmというコマンドもインストールされます。これはnode.jsで使用できるモジュールを管理するためのものです。Linuxを触ったことのある方であればapt-getやyumコマンドのようなものを想像すれば理解しやすいかと思います。npmコマンドが実行できるようになりました。CordovaCordovaはいわゆるフレームワークと呼ばれるもので、こいつのおかげでHTML/CSS/JSだけでAndroidで動くいい感じのアプリを作ることができます。以下のnpmコマンドを実行するとインストールできます。Windowsの場合コマンドプロンプトを起動してそこから実行します。Rで、出てきた入力ボックスにcmdと入力すると出てきます。cordova-gオプションをつけることで、グローバルインストールとなり、コマンドプロンプトからパスを指定しなくても実行できるようになります。後々-gをつけないインストールも出てきますがとりあえずは無視...これでコマンドプロンプトからcordovaコマンドが使えるようになります。21:23HTML/CSS/JavascriptでAndroid/iOSアプリをつくる。開発環境の構築)Tweet関連記事2019-03-16【Node.js】foreverコマンドの基本的な使い方まとめ(過去に書いた記事を大きく修正してまとめなおしたものです。mini3(黒豆)を制御するExpressでAPIサーバーを作成しpython-broadlinkを実行できるよ...2018-10-10HTML/CSS/JavaScriptでAndroid/iOSアプリをつくる。Onse...2018-10-06HTML/CSS/JavascriptでAndroid/iOSアプリをつくる。仮想端末/...cordovaを使用してプロジェクトの作成、サンプルアプリの起動ま...2018-10-03HTML/CSS/JavascriptでAndroid/iOSアプリをつくる。Cordov...こんばんわ、たねやつです。自作キーボードについていろいろ書いています。84を2年ほど使ってみた感想・打鍵音など。2019-12-14はてなブログの埋め込みコードの配色(背景・文字色)を自由に変更する2019-12-11イルミナイト万博(2019)行ってきました。背景を元に戻すAdはてなブログをはじめよう!ibuquicalligさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。