Enviar pesquisa
Carregar
ハイブリッドアプリの開発
•
1 gostou
•
775 visualizações
Y
Yoshinori Kamaishi
Seguir
ハイブリッドアプリの開発、勉強用資料
Leia menos
Leia mais
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Recomendados
プログラミング教育の課題を解決する モブプラ by もぶぷろん
プログラミング教育の課題を解決する モブプラ by もぶぷろん
singularitysociety
おためし
おためし
Naoki Kasai
ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会
YukiIwasaki2764
パワポブラッシュアップセミナー パワポ教材例
パワポブラッシュアップセミナー パワポ教材例
Michio Inaba
ブラウザを使ってプログラミングの勉強をしよう!
ブラウザを使ってプログラミングの勉強をしよう!
Taisuke Ozaki
AlphabetBootCamp 第1回勉強スライド
AlphabetBootCamp 第1回勉強スライド
Sawada Makoto
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
Recomendados
プログラミング教育の課題を解決する モブプラ by もぶぷろん
プログラミング教育の課題を解決する モブプラ by もぶぷろん
singularitysociety
おためし
おためし
Naoki Kasai
ど素人向け エンジニア勉強会
ど素人向け エンジニア勉強会
YukiIwasaki2764
パワポブラッシュアップセミナー パワポ教材例
パワポブラッシュアップセミナー パワポ教材例
Michio Inaba
ブラウザを使ってプログラミングの勉強をしよう!
ブラウザを使ってプログラミングの勉強をしよう!
Taisuke Ozaki
AlphabetBootCamp 第1回勉強スライド
AlphabetBootCamp 第1回勉強スライド
Sawada Makoto
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
e-Learning Design for Teacher
e-Learning Design for Teacher
Sunami Hokuto
Bugreport anti pattern-language_ver.draft
Bugreport anti pattern-language_ver.draft
tomohiro odan
Paperless 2014 final MR & RA
Paperless 2014 final MR & RA
Reiko A
J Module1 Intro
J Module1 Intro
KaoruKonishi
Tefl20140729 14key
Tefl20140729 14key
youwatari
研修成果プレゼン資料
研修成果プレゼン資料
Wataru Yamaura
20130622_android横須賀_LT
20130622_android横須賀_LT
kei aran
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
Masahito Zembutsu
131207 NECTJ Workshop 2
131207 NECTJ Workshop 2
NECTJ
ふりかえりワークショップ@オープンラボ備後
ふりかえりワークショップ@オープンラボ備後
Shinsuke Abe
[Gree] Dialogflowを利用したチャットボット導入事例
[Gree] Dialogflowを利用したチャットボット導入事例
Takashi Suzuki
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
shibao800
タブレットでわくわくプログラミング体験(公開版)
タブレットでわくわくプログラミング体験(公開版)
Kazuhiro Abe
プロジェクト型教育プログラムの意義と課題
プロジェクト型教育プログラムの意義と課題
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
ソーシャルワークショップ110610
ソーシャルワークショップ110610
伸夫 森本
Apps for Office サミット!
Apps for Office サミット!
kinuasa
EclipseCon Europe 2019 modeling report
EclipseCon Europe 2019 modeling report
Akira Tanaka
20150204 イタンジプログラミング講座テキスト第一回
20150204 イタンジプログラミング講座テキスト第一回
Yusuke Yokozawa
201708 プログル模擬授業
201708 プログル模擬授業
Yuta Tonegawa
部屋とワイシャツとPHPとアジャイル開発と私
部屋とワイシャツとPHPとアジャイル開発と私
Kei Sawada
どうなるflash!?
どうなるflash!?
Yoshinori Kamaishi
レスポンシブデザインってなに?
レスポンシブデザインってなに?
Yoshinori Kamaishi
Mais conteúdo relacionado
Semelhante a ハイブリッドアプリの開発
e-Learning Design for Teacher
e-Learning Design for Teacher
Sunami Hokuto
Bugreport anti pattern-language_ver.draft
Bugreport anti pattern-language_ver.draft
tomohiro odan
Paperless 2014 final MR & RA
Paperless 2014 final MR & RA
Reiko A
J Module1 Intro
J Module1 Intro
KaoruKonishi
Tefl20140729 14key
Tefl20140729 14key
youwatari
研修成果プレゼン資料
研修成果プレゼン資料
Wataru Yamaura
20130622_android横須賀_LT
20130622_android横須賀_LT
kei aran
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
Masahito Zembutsu
131207 NECTJ Workshop 2
131207 NECTJ Workshop 2
NECTJ
ふりかえりワークショップ@オープンラボ備後
ふりかえりワークショップ@オープンラボ備後
Shinsuke Abe
[Gree] Dialogflowを利用したチャットボット導入事例
[Gree] Dialogflowを利用したチャットボット導入事例
Takashi Suzuki
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
shibao800
タブレットでわくわくプログラミング体験(公開版)
タブレットでわくわくプログラミング体験(公開版)
Kazuhiro Abe
プロジェクト型教育プログラムの意義と課題
プロジェクト型教育プログラムの意義と課題
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
ソーシャルワークショップ110610
ソーシャルワークショップ110610
伸夫 森本
Apps for Office サミット!
Apps for Office サミット!
kinuasa
EclipseCon Europe 2019 modeling report
EclipseCon Europe 2019 modeling report
Akira Tanaka
20150204 イタンジプログラミング講座テキスト第一回
20150204 イタンジプログラミング講座テキスト第一回
Yusuke Yokozawa
201708 プログル模擬授業
201708 プログル模擬授業
Yuta Tonegawa
部屋とワイシャツとPHPとアジャイル開発と私
部屋とワイシャツとPHPとアジャイル開発と私
Kei Sawada
Semelhante a ハイブリッドアプリの開発
(20)
e-Learning Design for Teacher
e-Learning Design for Teacher
Bugreport anti pattern-language_ver.draft
Bugreport anti pattern-language_ver.draft
Paperless 2014 final MR & RA
Paperless 2014 final MR & RA
J Module1 Intro
J Module1 Intro
Tefl20140729 14key
Tefl20140729 14key
研修成果プレゼン資料
研修成果プレゼン資料
20130622_android横須賀_LT
20130622_android横須賀_LT
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
131207 NECTJ Workshop 2
131207 NECTJ Workshop 2
ふりかえりワークショップ@オープンラボ備後
ふりかえりワークショップ@オープンラボ備後
[Gree] Dialogflowを利用したチャットボット導入事例
[Gree] Dialogflowを利用したチャットボット導入事例
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
Product Ownership~NTTデータと楽天それぞれの文脈でのサービスづくり、人づくり、チームづくりの取り組み
タブレットでわくわくプログラミング体験(公開版)
タブレットでわくわくプログラミング体験(公開版)
プロジェクト型教育プログラムの意義と課題
プロジェクト型教育プログラムの意義と課題
ソーシャルワークショップ110610
ソーシャルワークショップ110610
Apps for Office サミット!
Apps for Office サミット!
EclipseCon Europe 2019 modeling report
EclipseCon Europe 2019 modeling report
20150204 イタンジプログラミング講座テキスト第一回
20150204 イタンジプログラミング講座テキスト第一回
201708 プログル模擬授業
201708 プログル模擬授業
部屋とワイシャツとPHPとアジャイル開発と私
部屋とワイシャツとPHPとアジャイル開発と私
Mais de Yoshinori Kamaishi
どうなるflash!?
どうなるflash!?
Yoshinori Kamaishi
レスポンシブデザインってなに?
レスポンシブデザインってなに?
Yoshinori Kamaishi
フラットデザインってなに?
フラットデザインってなに?
Yoshinori Kamaishi
Androidアプリ販売への道
Androidアプリ販売への道
Yoshinori Kamaishi
Excelマクロ・vbaについて
Excelマクロ・vbaについて
Yoshinori Kamaishi
Html5で作るデジマガ
Html5で作るデジマガ
Yoshinori Kamaishi
Html5ってなに?
Html5ってなに?
Yoshinori Kamaishi
Mais de Yoshinori Kamaishi
(7)
どうなるflash!?
どうなるflash!?
レスポンシブデザインってなに?
レスポンシブデザインってなに?
フラットデザインってなに?
フラットデザインってなに?
Androidアプリ販売への道
Androidアプリ販売への道
Excelマクロ・vbaについて
Excelマクロ・vbaについて
Html5で作るデジマガ
Html5で作るデジマガ
Html5ってなに?
Html5ってなに?
ハイブリッドアプリの開発
1.
2.
今回のテーマの重要点 テーマ成果物の完成の可否
テーマ選定理由 テーマ内容説明 成果物とそのソースコードの解説 結果に対し学んだ点 質疑応答
3.
比較的簡単(低コスト)で、 様々なプラットフォームに対応した、
本格的なアプリケーションが作れる!
4.
テーマ:ハイブリッドアプリを使用した、家計簿アプリ 完成出来ませんでした。 理由 ◦ 時間配分を間違えた。 ◦
選んだ開発方法が重かった。(ハードルが少し高かった) 今回取り組んだ課題「ハイブリッドアプリ」の開発は、私にとって初めての経験であり、 使用したソフトも言語もフレームワークも、全て初めてであった。 その為、解らない所がたくさん出てきたり、調べてみても明確な答えがなかったりと、 具体的なプログラムの概念を身に着けるだけで、気づけば月の8割は勉強に使ってし まった。
5.
最近HTML5に触れる機会があり、興味が出たため HTML、CSS、javascriptの学習をするため
比較的手軽にスマートフォンのアプリを作製できるた め
6.
現在存在するおもなスマートフォンアプリの種類 ネイティブアプリ WEBアプリ
ハイブリッドアプリ
7.
開発言語 ◦ Android
⇒ java ◦ iOS ⇒ Objective-C ・ Swift 特徴 ◦ 加速度センサーやバックグラウンド処理、プッシュ通知などの iOSやAndroidが提供する機能(API)が使える。 ◦ App StoreやGoogle Playなどで配布し、ユーザーはそのア プリをインストールして使う。 Android iOS Java Object-C/Swift アプリ
8.
開発言語 ◦ HTML5
・ CSS ・ JavaScript 特徴 ◦ インストールせずに、ブラウザで使用できる。 ◦ Webブラウザが提供する機能(API)はiOSやAndroidが提 供する機能に比べると一部でしかないため、機能制限がある。 Android iOS Safari Chrome (ブラウザ) HTML5
9.
ネイティブアプリ WEBアプリ
10.
おもな開発言語 ◦ HTML5
・ CSS ・ JavaScript 特徴 ◦ 加速度センサーやバックグラウンド処理、プッシュ通知などの iOSやAndroidが提供する機能(API)が使える。 ◦ App StoreやGoogle Playなどで配布し、ユーザーはそのア プリをインストールして使う。 ネイティブアプリ + WEBアプリ Android iOS Java Object-C/Swift HTML5アプリ
11.
クロスプラットフォーム性 ネイティブアプリ Android ⇒ Java iOS
⇒ Object-C/Swift OSの流儀に従う必要がある。 ハイブリッドアプリ Android ・ iOS ⇒ HTML5 OSの流儀に従う必要なし!
12.
Web標準の知識をモバイルアプリ開発に適用できます もちろんPCでのブラウザ向けの開発とは違い、 モバイル端末のスペックやその上で動作するブラウザのことは 考慮しなければいけませんが、もっぱらWeb開発に携わっていた方が、 モバイルアプリを開発する際にも比較的、敷居は低くなります。 Web開発 HTML・CSS・JavaScript ハイブリッドアプリ開発 HTML5・CSS・JavaScript Web開発の知識での応用が可能
13.
JavaScriptから各OSのAPIを呼び出すことができます Cordovaなどのハイブリッドアプリ開発用のフレームワーク を使うことで、カメラや、センサーなどのモバイル端末でのみ 利用できるAPIをJavaScriptから呼び出すことができます。
14.
Wikipediaのモバイルアプリ クックパッド Android版 平均評価
4.4 平均評価 4.1
15.
お店の店員 ◦ お客さんが購入しようとしている商品の在庫などを確認
山梨にある企業 ◦ 甲府駅などにあるバス停の時刻案内 保険会社の社員 ◦ タブレットにて、保険の情報を記入・閲覧 データベースを身近な端末で扱う機会が増えてきている
16.
使用言語など ◦ HTML5 ◦
CSS UIフレームワーク onsen UI v1.3.8 ◦ JavaScript フレームワーク AngularJS v1.4.3 ◦ Web SQL(SQLite) 使用ソフト ◦ Monacaクラウド
17.
18.
良かった点 ◦ 今まで触れることなかった、新しい技術を学ぶことが出来た。
苦労した点 ◦ 今まで触れたことが無かった為に、解らないことがたくさんあ り、立ち止まることが多かった。 ◦ フレームワークのAngularJSと、UIフレームワークのOnsen UIを組み合わせる為の方法などの情報が、思ったより少な かった。