ふぉぉぉぉぉん(叫び)
はい、おはようございます。僕です。今日もブログ更新していきましょう。以前もこんな叫び系記事を更新していた気がしますがもはやこのブログはポエム以外のなにものでもないのです……。こんな場末のブログの記事なんて期待しちゃいけないのです。
phonegap.com
というわけで大分間空いてますがFlutterに続いてPhonegapもいじることにします*1。んで、件のPhonegapですが、こんなやつです。
Apache Cordova(アパッチ・コルドバ)は、オープンソース(Apache 2.0 License)のモバイルアプリケーション開発フレームワーク。
ニトビ・ソフトウエア社によってPhonegap(フォンギャップ)として開発が始められ、その後アドビシステムズがニトビ・ソフトウェア社を買収したことによりPhoneGapはAdobeのプロダクトとなったが、そのソースコードがApache CordovaとしてApacheソフトウェア財団に寄贈され、コミュニティによってメンテナンスされている。
こんなやつです。大体Cordovaで「HTML+CSS+JavaScript」で動かせるモバイル開発用フレームワークって言われてます。細かいところとかはこれから触るので知らないです。
関連:Cordova
Apache Cordova
早速なんかつくってみる
僕はこの手のやつ環境作って大体満足してしまうんですよね。だから「Hello World」しかできない……。
けどまあそれができれば実装の9割は完成したといっても過言ではないしいいでしょ(過言)。
インストールするとこんな感じです。上から「HelloWorldテンプレート」「空テンプレート」「Framework 7テンプレート」「プッシュ通知テンプレート」「Wikitude ARテンプレート」っぽいです。
CLIでも操作できるようになるやつがあるそうなのでお好みで。
# 導入 $ npm install -g phonegap@latest # 使い方 $ phonegap --help Usage: phonegap [options] [commands] Description: PhoneGap command-line tool. Commands: help [command] output usage information create <path> create a phonegap project build <platforms> build the project for a specific platform install <platforms> install the project on for a specific platform run <platforms> build and install the project for a specific platform platform [command] update a platform version plugin [command] add, remove, and list plugins template [command] list available app templates info display information about the project serve serve a phonegap project version output version number analytics turn analytics on or off, or view current status report-issue opens your browser and launches github.com with a ready to report issue Additional Commands: local [command] development on local system remote [command] development in cloud with phonegap/build prepare <platforms> copies www/ into platform project before compiling compile <platforms> compiles platform project without preparing it emulate <platforms> runs the project with the flag --emulator cordova execute of any cordova command Options: -d, --verbose allow verbose output -v, --version output version number -h, --help output usage information --no-update-notifier disable update notifier, to opt-out of update-notifier change the 'optOut' property to 'true' in ~/.config/configstore/update-notifier-phonegap.json Examples: $ phonegap help create $ phonegap create path/to/my-app $ cd my-app/ $ phonegap run ios $ phonegap analytics on
コマンドで追ってみるとphonegap
コマンドやっていることcordova
コマンドなんですよね。あんま違いがわからない。
んで、プロジェクトを作るとこんな感じのやつが生成されます。
「www」以下をいじれば君だけの最強アプリの完成だみたいな情報がよくヒットする。なのでwwwをいじってやって……。
ビルドとかしたくなったら
とりあえず今回はなんのアプリもどきもできなかった。環境構築兼動作確認回ってことでコレで……。けども、そのうちビルドしたくなることもあるだろうからこれをついでに貼り付けておく。
build.phonegap.com
まだ使ってないからよくわからないけどもGitHubリポジトリ貼り付けるとビルドしてくれるサービスっぽい。なぜか本家のPhonegapよりもこっちの方がブックマークが多い。
*1:なんとかして僕の中で馴染むツールを探し出してモバイル開発に役立てていきたい。