【Javascript】爆速でハイブリッドなスマホアプリ開発入門する
タグ 125cc250TRAdmobAngularBEAMSChromeプラグインChrome拡張CL250CordovaCrooooberE-M1E-M1MarkIIE-M5ETLExcelG9PROGB350globalMapGN125GoogleMapGooglePlayGoogleマイマップGSX250RJavascriptJSFLAOWALUMIX S1OlympusOnsenOnsenUIPanasonicPEN-FPhonegapPHPpuigRADWIMPSReactsamyangSE/ITコンサル小噺sonyTalendTalendOpenStudiotJavaFlextJavaRowtMapVTR250WebSlidesWikiDiverWikipediaWordpressYoutubeYZF-R25α7iiiいなつつみせせらぎ公園なぜバイク業界は衰退しているのかなばな
Ionic2 を使ってConnpass検索アプリを作ってみた - Qiita
私はスマートフォンアプリが好きです。お仕事ではSwiftとJavaを書いています。 Angular2を使ってアプリを作ることができる「Ionic2」を使って、簡単なサンプルアプリを作ってみました。 初心者の私でも簡単につくれたので、興味がある方はぜひ触ってみてください。 Ionic2について Ionic2は、Angular2をベースとしたモバイル用UIフレームワークです。 ハイブリッドアプリで使うことを念頭に作られており、ネイティブのような見た目のUIが揃っています。 特に記述をしなくても、iOS/AndroidそれぞれにあったUIを出し分けてくれます。 また、Cordovaが含まれているため、実際にスマートフォン用アプリとしてビルドすることが可能です。 Cordovaプラグインを使うことで、カメラやGPS、DBなどのネイティブ機能を使うことが可能です。 使用できるコンポーネントは公式ドキ
ハイブリッドモバイルアプリ開発をしてみて分かった、WebViewアプリのできることできないこと - Qiita
少し前からシリコンバレーまわりで働いているのですが、こちらのスタートアップではアプリのプロトタイプをネイティブではなくWebViewで作るのは割と普通のことのようです。 私自身、数ヶ月前に趣味アプリとしてWebViewベースのハイブリッドモバイルアプリをiOSとAndroidで公開したので、そのときに感じたこと・ノウハウとかをまとめてみました。 使ったフレームワーク Ionic Frameworkというフレームワークを使いました。 このフレームワークは、Cordovaという、JavaScriptからiOSやAndroidのネイティブコードにアクセスできる仕組みをもったプラットフォームをベースに作られています。 さらに、WebView上では流行りのAngularJSを用いられています。 また、Ioniconというiconが無償で提供されており、デザイナーがいなくてもかなり綺麗なUIのアプリを
【ハイブリッドアプリ】Monacaを利用してみてはじめに疑問に思ったこと一覧 - Qiita
Monacaでハイブリッドアプリを作りたいと思って利用してみてやってみたことや不明だったことをメモも兼ねてまとめてみます。 個人的な感想なのであくまで参考程度に。 どこで勉強したらいい？ サイト Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ Monacaを最初から使ってみてAngularJSの基本やAPIのコールなどから勉強できる。 超速アプリ開発！ニフティクラウド mobile backend 入門 ドットインストール：Monacaを利用してPUSH通知まで簡単にできる。サーバ側もmobile backendで簡単に構築できるのでお薦め。 Monacaでチェックインアプリを作成する ハンズオンの資料。同様にmobile backendを使ってアプリを作れます。 アシアルブログ 本家ブログなので情報が新しい。慣れてきたら見るとよい。 Qiita M
cordovaでFirebase Cloud Messagingを使ってみる。#2 - Qiita
前回の続き cordovaでFirebase Cloud Messagingを使ってみる。#1 前回は、Firebase Cloud Messagingと言いながらも、Firebase Notificationsのところまでをまとめたものでした。 1. 証明書やAPNsをApple Developper Centerで用意する。 https://firebase.google.com/docs/cloud-messaging/ios/certs 結構手順が面倒なので、こちらのページを参考に作っていくと良いと思います。 基本的に、ここは通常のプッシュ通知の設定と一緒なので、他にも日本語で解説されていると思います。 2. 証明書をキーチェーンアクセスからエクスポートしてFirebaseに登録 .p12形式でエクスポートしたファイルを、Firebaseのコンソールから登録します。 歯車マーク>プ
Cordova/Phonegapのカメラカスタム系プラグイン - Qiita
PhoneGap系の実装では、カメラ周りのカスタムは基本的にはネイティブプラグインを書く必要がある(iOS,Android用にそれぞれObjective-C/Swift, Javaを書く）のだけど、やっぱり面倒くさい！なんとか汎用的な解決策はないものか！とちょっと調べてみた。 CameraPlus Plugin For Cordova 機能： カメラをバックグラウンドで起動。ライブで画像取得 その画像をlocalStrageに保存したり、Base64でPOST可能（キャスト可能） ストリーミング配信の他に、取得した画像をcanvasに描くなどしてカスタムUIカメラを作ることも可能。[サンプル] 欠点： カメラ取得→jpeg化→base64→canvas、という手段なので、遅い。だいたい0.2-0.4秒くらい遅れる。 上記の理由で、リフレッシュレートもだいたい12fpsくらい（感覚値） co
SPAのサイトをアプリにするメリットと開発での問題点について - Qiita
最初に Webの技術を使って、iOS、Androidアプリを作ることができるPhoneGapというツールを知っている人は多いと思います。 PhoneGapはAdobeが提供しているのですが、そのオープンソース版としてApache Cordovaというツールがあります。 Apache Cordovaを使った事例として、第2回Cordova勉強会でWebサービスとしてリリースした「smartFX」をハイブリットアプリとしてリリースすることになった背景やその効果についてと、ハイブリットアプリ化するにあたって出てきた問題点と対応について発表をしてきました。 詳しい内容はスライドを見てください。 smartFXにおけるApache Cordovaの活用について ここではスライドの補足をしていきたいと思います。 ハイブリットアプリをリリースすることになった背景やその効果について smartFXは、サイ
Cordovaは今やMicrosoftが主導！？最新状況と基本を素早く再チェック！
Cordovaは今やMicrosoftが主導！？最新状況と基本を素早く再チェック！ 田中 正裕（アシアル株式会社） Web技術でアプリ開発2016特集・第二弾は、Cordovaの最新状況と基本をご紹介。その歴史からプラットフォーム／ライブラリの特徴、ネイティブな機能を呼び出す方法などを解説していきます。 概要 CordovaはPhoneGapと呼ばれていた時代を含めると、8年以上の歴史があります。PhoneGapが産声を上げたのは2008年、Nitobi社がハッカソンでPhoneGapを発表しました。オープンソースで提供されていたPhoneGapは注目され、2011年にはNitobiはAdobe社に買収されます。その結果、オープンソースで提供されているフレームワーク（PhoneGap本体）はCordovaと名前がつけられ、Apache Foundationの仲間入りします。 その結果、Ad
Monacaで Pokémon GO風 VRアプリを作ってみた | ヘッドウォータースのブログ TechNote
こんにちは、中村です。 前回に引き続き、MonacaでVRアプリを作ってみたいと思います。 ※前回の記事：コーディングわずか３行！？ A-FRAME × MonacaでVRアプリ作ってみた 今流行りの、PokemonGO風のVRアプリを作ってみたいと思います。 今回はボールを投げるアニメーション部分の実装をします。 まずは、背景を実装します。 前回の記事で撮影した公園の360°写真を使用します。 <a-scene> <a-sky src="image/sky.jpg"></a-sky> <a-scene> 次にモンスターを配置します。 お好きな画像を用意してa-skyタグの下に下記を追加して下さい。 <a-image src="image/ant.png" position="0 2 -5" height="5" width="5"></a-image> 次に、モンスターボールを配置します
MonacaでiBeaconを利用してみる【iOS＆Android】 - Qiita
MonacaのサンプルプロジェクトにはiBeaconを利用できるプロジェクトがあります。 http://docs.monaca.mobi/cur/ja/sampleapp/samples/ibeacon/ 上記にオフィシャル情報が載っていますが、実際にやってみたのでiBeaconの発信や載ってなかった点などまとめてみたいと思います。 やってみた感想としてはiOSとAndroid両方で簡単に作れるのはすごいですね。 前提 ibeaconのcordova Pluginを利用するのでMonacaのGoldプラン以上が必要 Macでの説明です。Winもほぼ同じですがiBeaconの発信はアプリか専用機器を利用ください。 流れ iBeacon iBeaconの発信 iBeaconの受信 Monacaでプロジェクト作成 プロジェクト開く プラグインのインストール カスタムデバッガーアプリのビルドとイン
cordova + ionicでプッシュ通知（iOS）の1から9！ - 鈴木商店ブログ
ホーム » JavaScript » Ionic » cordova + ionicでプッシュ通知（iOS）の1から9！
ハイブリッドアプリで使えるデータベースまとめ
ハイブリッドアプリでデータベースを利用したいときのあれこれをまとめました。私の製作環境はMonacaですが、Cordova環境全般に同様です。 使用できるデータベース・ストレージの選択肢が多い事は良い事なのですが、結局どんなアプリにはどのデータベースがいいのか迷ってしまいます。例えば、ゲームスコアのランキングやハイスコア、サービスのユーザー認証、スケジュール管理、シンプルなメモ帳などなど。また、ローカル(オフライン)だけで完結させるのか、サーバーへアクセスさせるのかも重要です。 ざっと思いつくだけでも下記をデータベースとして使えそうです。 Web Storage localStorage、sessionStorage IndexedDB WebSQL 外部管理サーバーDBアクセス mBaaS(外部バックエンドサービス) Monaca バックエンド、ニフティクラウド、Kii Cloud、Mi
2016年JSハイブリッドアプリの動向をまとめてみた - Qiita
(元記事はこちら)。 概要 ハイブリッドアプリで採用するフレームワーク・アーキテクチャの選定をするため、調べたことをまとめます。 ハイブリッドアプリとは? ハイブリッドアプリとは、ネイティブコード以外を使って作られたアプリです。今回は、JavaScriptを使用したハイブリッドアプリを想定しています。 ハイブリッドアプリは、基本的にWebViewというネイティブコンポーネントを使って、Webの技術をネイティブに組み込むような設計をしていました。それを可能にする代表的なものがCordovaで、名前は聞いたことがあるかもしれません。Cordovaを利用してでてきたのが、Ionicなどのフレームワークでした。 しかし最近になって、React Nativeを始めとして、ネイティブコンポーネントをJavaScriptで呼び出すというアプローチをとるものがでてきました。 NativeScriptに関し
ReactとCordovaで、Web/モバイルのハイブリットアプリを作った話 - うなの日記
ReactとCordovaを使って、ブラウザ向けのWebUI + Androidで動くスマホアプリ を提供するサービスを、一人で作ってみた話です。 サマリー 作ったもの 最大の課題:作業量 一人で作りきるために意識したこと 取り組み1: Cordovaを使って、Web UI/スマホアプリのコードを共通化する 取り組み2: レイヤードアーキテクチャを採用し、共有できるコードを最大化する 取り組み3: ユニットテストを書く まとめ 作ったもの jiji2.unageanu.net 自分だけの取引アルゴリズムで、誰でも、いますぐ、かんたんにFX自動取引を開始できる、システムトレードフレームワークです。 アルゴリズムの作成、バックテスト、リアル口座での自動取引まで、これ一つで可能。 取引アルゴリズムはRubyで記述。メール送信や取引タイミングのPush通知も、APIを呼び出すだけで実現できます。
FireworksユーザーのためのAdobe Experience Design
2016年7月5日に開催したAdobe Experience Designの勉強会資料です。Fireworks使いの人向けにExperienceDesignの向き・不向きを解説しています。Read less
Web制作者が知っておいた方が良いと思う、HTML5ハイブリッドアプリのフレームワークについて | バンクーバーのうぇぶ屋
ここのところ、バンクーバーにある専門学校の方とお話することが多いのですが、WEBデザイナーの専門学校なんかの授業でもハイブリッドアプリの科目が取り扱われているみたいですね。最近はWEBデザイナーに必要なスキルの一つとしても、HTML5のハイブリッドアプリ開発は大事になってきてるんじゃないかなと思ったので、これから色々勉強してみようと思っている方向けに最初のとっかかり記事を情報共有として記事を書かせて頂ければと思います。 僕自身もアプリ制作専門で活動したことは無いのですが、最近は「WEBサイト作りましょう」で、モバイルの話が上がる事はほぼ絶対になってきていますよね。で、WEBという媒体を使って何かを提案する姿がWEBデザイナーである以上、そうやってフィールドがモバイルにも派生しているのであればアプリ面の知識も「全く知りませんでした」は正直避けたい所になっていくのではと思っています。 というわ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
ハイブリッドアプリ開発でファイルのアップロード、ダウンロードを便利にするプラグインを使う
GitHub - cordova-rtc/cordova-plugin-iosrtc: Cordova iOS plugin exposing the WebRTC W3C API
Maintenance Page | Trekul
