コミュ障だから明日が僕らをよんだって返事もろくにしなかった

何かを創る人に憧れたからブログをはじめたんだと思うよ

ふぉおおおおおおおおおおおおおおおおおおおおん

ふぉぉぉぉぉん(叫び)

はい、おはようございます。僕です。今日もブログ更新していきましょう。以前もこんな叫び系記事を更新していた気がしますがもはやこのブログはポエム以外のなにものでもないのです……。こんな場末のブログの記事なんて期待しちゃいけないのです。


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割は完成したといっても過言ではないしいいでしょ(過言)。
f:id:andron:20190826134551p:plain
インストールするとこんな感じです。上から「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コマンドなんですよね。あんま違いがわからない。

んで、プロジェクトを作るとこんな感じのやつが生成されます。
f:id:andron:20190826142135p:plain
「www」以下をいじれば君だけの最強アプリの完成だみたいな情報がよくヒットする。なのでwwwをいじってやって……。


f:id:andron:20190826171531p:plain
こんなんをHTML知識だけで作れます。なんかちょっと触った感じテンプレートエンジン時代のPHP書いているみたいな感触……。


ビルドとかしたくなったら

とりあえず今回はなんのアプリもどきもできなかった。環境構築兼動作確認回ってことでコレで……。けども、そのうちビルドしたくなることもあるだろうからこれをついでに貼り付けておく。

build.phonegap.com
まだ使ってないからよくわからないけどもGitHubリポジトリ貼り付けるとビルドしてくれるサービスっぽい。なぜか本家のPhonegapよりもこっちの方がブックマークが多い。

*1:なんとかして僕の中で馴染むツールを探し出してモバイル開発に役立てていきたい。