けんぼーは留年生スマートフォン用の表示で見るけんぼーは留年生Twitterに書ききれないこととか2016-05-15CordovaでAndroidアプリを作ろうとする話Cordovaだよ。HTML5でAndroidからiOSからwindowsアプリとかクロスプラットフォームでアプリ開発出来るすごいやつらしいよ。今日はAndroidアプリを作ろうとしたよ。このチュートリアルを進めたんだよ。Tutorial0.環境導入ググって適当にやったら何かうまくいかなくてもう一回やったら何か上手く行った。大丈夫ググれば何とかなるから頑張れ。1.プロジェクトの作成iOSへの対応は持ってないし環境整えるのも面倒だから今回は飛ばした。プラグインを導入するところで早速つまずく。org.apache.cordova.consoleどうやらこのチュートリアル古いらしい。cordova-plugin-consolehttps://www.npmjs.com/package/cordova-plugin-deviceCordovaでは利用する各種機能がプラグインという形で提供されていてrubyのgemやpythonのpipのように適宜必要な物を付けたり外したりしていくらしい。3.セットアップ落としてきたものをそのままぶち込んで動かしてみる。4.データの扱いサンプルのindex.html内で参照するjsを切り替えることで情報を色んな方法で持ってくることが出来るらしい。デフォルトのmemoryだと普通にjsの変数に叩き込むだけだが、WebSQLにぶち込んでそこから取ってくることも出来るし、外部からjsonを引っ張ってくる事もできる。このサンプルでは3で落としてきたファイルの中にあるサーバーを自前で動かしそこから取ってくるようになってる。裏側の動きが変わるだけで表向きには変わらない。実際の運用ではデータの大きさとか更新頻度とかで適切なものを使い分けることになるだろう。5.ダイアログを出してみるjavascriptでもダイアログは出せるが、webブラウザのダイアログとスマホのOSの通知は別物だったりするわけで。その通知を出す機能が1でインストールしたようなプラグインの1つとして提供されている。1のように書かれているコマンドが古いので要注意。cordova-plugin-dialogsチュートリアルに書かれている通りに、cordova.jsを読み込み(さっきインストールしたプラグインを有効にするため)、app.jsで馴染み深いwindow.alert()をcordovaのnotificationに上書きする。するとこれがこうなる。僕の環境だとダイアログの色が変わっただけだな......。古いけど日本語での解説が読みたかったらこっち読んだ方が多分早い。月別アーカイブはてなブログをはじめよう!kemboorgさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。