Help us understand the problem. What is going on with this article?

cordovaでハローワールド

More than 1 year has passed since last update.

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?
      • まだ試したないのでいろいろ試そう。
    • すぐに試せそうでよろしい。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした