3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

cordovaでハローワールド

Last updated at Posted at 2018-02-17

cordova いじりたい

以下を参考にした。

  1. nodejs が入ってなかったらインストールする
  2. npm install -g cordova

これだけ

とりあえず環境作る

まずはハローワールドでしょ

  • ということでプロジェクトを作る
  • 以下コマンドでスケルトン作ってくれた
cordova create hello_world com.example.hw hello_world
  • cordova公式にanonymouseなレポート送る?って聞かれた。
  • nにしといた。(なんとなく

対象のプラットフォームを追加する

とりあえずandroid,browser,iosを追加してみる

  • プロジェクトディレクトリに移動してからコマンド打ってね?って怒られた。。。
cd hello_world
  • 移動してから下記コマンド
cordova platform add android
cordova platform add browser
cordova platform add ios
cordova platform add windows
  • windowsでもiosのプラットフォーム自体は追加できたな。。。
  • ビルドできないとか?

とりあえずbrowser版をビルドしてみる

  • まだ何もしていないけど
  • ビルドの前に下記コマンドで必要なものがそろっているか確認する事ができるみたい
cordova requirements
  • JDK入ってない
  • AndroidSDKはいってない
  • そもそもiosじゃない
  • などなど、文字化けするいきおいで怒られた。
cordova platform remove android
cordova platform remove ios
cordova platform remove windows
  • ひとまずWEBでできればいいかなということでbrowserのみにした。
    • なんかcordova requirementsでエラー出るけどまあいっか
  • windowsはどうじゃろかと思ったのだがSDKないのでビルドできひんって言われた。

とりあえずbrowserをビルド

cordova build browser
  • platformsにディレクトリが作成されてビルドされたファイルがコピーされた。
  • platformsが出力ディレクトリという事か。

動かしてみる

以下コマンドを打つことでサーバーが立ってブラウザが自動起動した。

cordova run browser

WEB公開するときは?

  • XAMPPで試してみる。

  • 動くかな?

  • xamppのサーバー設定をちょちょいといじってvirtualホスト作成

  • hostsもいじってテスト用ドメインを充てる

  • XAMPPを立ち上げて さっき作ったテスト用ドメインにアクセス

    • ちゃんと表示された。

WEBベースのアプリなら簡単に作れそう。

  • nodejsとかpythonなどの組み合わせができるか。
    • hookspluginsが肝になってきそう。
    • まだ見てないんだけどね。
      • hooksはcordovaのCLIコマンドに対するhookなわけか。
      • pluginsは思った通りネイティブ向けコード書くかんじか。
      • イメージとしてはhooksにgulpなりbrowserifyなりのタスク書いておいてビルドした時にjsに書き出ししてhtmlで読み込んで使う感じかな。
      • というか今のところそれしか思い浮かばない。
  • プラットフォーム対応について
    • WEBベースなら全く問題ないが、platformのネイティブな機能などを使う場合は当然そっち向けのAPIを使用する必要があるね。
    • こっちもhookspluginsが重要になってきそう
    • というかコントローラ的なjsはぶっちゃけnode?
      • まだ試したないのでいろいろ試そう。
    • すぐに試せそうでよろしい。
3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?