GN125、グラディウス400のメンテナンス/カスタムブログです。入門01】そもそもPhonegapってなに?使い方などみなさん、こんにちは!今回は、本ブログ初のプログラム関係の話題です。いうのも挟んでいきますよ!はい。今回のテーマはPhonegap/Cordovaを使おうよ!というものです。そもそもそれ何?という所から始めましょう。ほかのサイトでも詳しく説明されていますが。PhonegapとCordovaとは、スマートフォンアプリを開発するためのフレームワークです。私はPhonegapの方を主に使っているので、以降、Phonegap/Cordovaではなく単にPhonegapと書きます。(Phonegap/Cordovaを使用してすぐに開発していきたいんだ!という方は、こちらの記事をご覧ください⇒【Javascript】爆速でハイブリッドなスマホアプリ開発入門する)まずは、特徴を列挙していきます。ハイブリッドアプリ開発ができるつまり、1つのプログラムで、Android端末でも、iOSでも動くアプリが作れます。なんとうれしい!通常、スマホアプリ開発を行う場合、AndroidならJavaで、iOSならSwiftで、とそれぞれのプラットフォーム向けの言語で開発する必要があります。Phonegapを使用すると、サポートしている全てのターゲットで動くアプリが作成できます。強気な記述をしていますが、実際には、微妙に各OSごとに動きが異なる所があったりするので、実際には各OSごとのコーディングが必要だったりします。開発のための技術はHTML5+CSS+JavascriptPhonegapは、通常のWebページを作って、それをアプリで動かせるようにビルドする、みたいな感じです。普通にHTML+CSSでレイアウトと見た目を、Javascriptでユーザからの入力を処理してーという感じですね。アプリを作るために新たにJavaやSwiftの学習をしなくていいですからね。NativeScriptなども同じくハイブリッドアプリ開発ができますが、こちらは、HTMLではなくXMLを使用してUI記述を行ったり、JSコードを見てもかなりWebアプリを作る感覚とは異なります。(ネイティブ並み(というかネイティブか?)のスピードが出るので、修得しておくとかなり強いとは思いますが。WebViewで動作している上記技術で作成されますが、裏方ではそれを完全ネイティブコードに変換しているわけではなく、WebViewというアプリ内でwebページを表示するための機能を利用して動作します。ネイティブアプリよりも動作スピードは遅いです。その遅さが体感できる程にはハッキリしています。(2016/10現在の話です)ざっと特徴としてはこんな感じです。「え?じゃぁ、JavaやらSwingやらでネイティブアプリを作る意味なくね?みんなPhonegap/Cordovaで作ればいいんじゃ?」と思ってしまいますよね。現実はそんなことはありません。以下にPhonegap/Cordovaのメリット/デメリットを記述しますメリットWeb技術者であれば新たな技術習得は不要HTML5+CSS+Javascriptですぐに開発に取り掛かれます。Cordovaのインストール、ビルド方法などのは別途学ばないといけませんが、新たに学ぶことは多くありません。修得コストはとても低いと言えます。外部プラグインを使用しなければ、Webブラウザ上で動作確認ができのも便利な点です。BlackBerryなどにも対応したアプリが(ほぼ)1つのソースで生成できます。前述の通り、通常であればターゲットOSごとに開発が必要ですが、Phonegapを使用することで複数ターゲットのアプリを作る時も開発工数が減少します。デファクトスタンダードハイブリッドアプリ開発界隈の実質デファクトスタンダードなので(2016年ハイブリッドアプリ動向などがソース)、とりあえずPhonegap/Cordovaを学んでおけば波に乗れます。開発ユーザが多いため、情報もそこそこ(海外が多いですけど)ネット上に転がっています。デメリット処理スピードが...完全ネイティブアプリの処理スピードには敵わないです。前述の通り、WebView上で動作するので、完全ネイティブなアプリにはスピード面ではどうしても勝てません...3Dゴリゴリのゲーム開発などの開発には向きません。Unityしましょう。まとめPhonegap/Cordovaはハイブリッドアプリ開発のフレームワーク3Dゲームなどの開発には向かないが、もっと動きの少ないアプリ(メモ帳、家計簿、ネットから情報を受け取って表示する系のアプリなど)の開発には向いているWeb技術者がスマホアプリ開発をする場合、学習コストが少なく済むはい。今回は概要というか、かなり一般的な話になってしまいました。次回は環境構築とPhonegapアプリを動かしてみる、みたいな回にしようと思います。今回は、自分が公開したAndroidアプリのバナーを作りましょう!という話題です。2016.12.16今回は、こんなWebアプリ(ツール)を作りましたよ、という記事です。用途と使い方についてです。Youtuberになりました!チャンネル登録をお願[...]ETL開発ツールは比較するまでもなくTalend一択だと思う。2016.09.29今回は、Javascriptでスマホアプリを開発する方法についてまとめました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【JSF入門02】ボタン押下時のイベントを扱う。入門02】CSVデータを変換する。Talendの使い方からはじめます。【コマンド/bat】ファイル検索の結果ファイルをコピーする2つの方法(Windows)【Talend】条件分岐(if)する4つの方法をまとめました【Javascript】爆速でChrome拡張プラグイン開発を試す。作り方は意外とかんたんでした。【Talend】グローバル変数の使い方(globalMapとcontext)ETL開発ツールは比較するまでもなくTalend一択だと思う。入門01】開発環境の構築。【エストレヤ】なんと妹がバイク乗りになるらしい。いうわけでバイクを購入しました。Songバイクでツーリングいこっ!心に残る絶景を写真にGN倶楽部IT系カテゴリの最新記事2019.03.06Wordpress,【WordPress】突然固定ページが404エラーで表示されなくなった!?ので私の対処法を書きます。WebSlides,【WebSlides】HTML+CSS+Javascriptでプレゼン資料を作成したら割とウケた話。React,【React】Reactに爆速で入門する4。React,【React】Reactに爆速で入門する3。React,【React】Reactに爆速で入門する2。WordPress.。