Soumettre la recherche
Mettre en ligne
Ionicで作るTechfeed
•
1 j'aime
•
1,689 vues
yoshikawa_t
Suivre
html5j Webプラットフォーム部 第21回勉強会の登壇資料です。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 18
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
natsumo
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Osamu Monoe
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
Cordova利用アプリ開発経験談
Cordova利用アプリ開発経験談
Kenichi Kambara
Lync 2013 アプリの開発ーJapan SharePoint Group
Lync 2013 アプリの開発ーJapan SharePoint Group
adachiyosuke
Lync Client 開発概観
Lync Client 開発概観
Manato KAMEYA
SharePointとLyncの連携
SharePointとLyncの連携
adachiyosuke
Intro to OMA GotAPI Open-Source Implementation Supporting Web - Healthcare Us...
Intro to OMA GotAPI Open-Source Implementation Supporting Web - Healthcare Us...
Device WebAPI Consortium
Recommandé
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
【JavaScript SDK ver.2】MonacaとmBaaSでプッシュ通知を体験しよう(for Android & iOS)
natsumo
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Osamu Monoe
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
Cordova利用アプリ開発経験談
Cordova利用アプリ開発経験談
Kenichi Kambara
Lync 2013 アプリの開発ーJapan SharePoint Group
Lync 2013 アプリの開発ーJapan SharePoint Group
adachiyosuke
Lync Client 開発概観
Lync Client 開発概観
Manato KAMEYA
SharePointとLyncの連携
SharePointとLyncの連携
adachiyosuke
Intro to OMA GotAPI Open-Source Implementation Supporting Web - Healthcare Us...
Intro to OMA GotAPI Open-Source Implementation Supporting Web - Healthcare Us...
Device WebAPI Consortium
DeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみた
Device WebAPI Consortium
HTML5ハイブリッドアプリの活用ポイント
HTML5ハイブリッドアプリの活用ポイント
アシアル株式会社
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
WheetTweet
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
アシアル株式会社
Realm meetup LT大会(Androidアプリへの適用経験談)
Realm meetup LT大会(Androidアプリへの適用経験談)
Kenichi Kambara
Html5 conference 2013
Html5 conference 2013
Mitsue-Links
Android Wearアプリ プレビュー版→正式版への移植ガイド
Android Wearアプリ プレビュー版→正式版への移植ガイド
Kenichi Kambara
Android Wearアプリ開発経験談
Android Wearアプリ開発経験談
Kenichi Kambara
Lync 2013 API カスタマイズアプリ開発
Lync 2013 API カスタマイズアプリ開発
adachiyosuke
LinkingとデバイスWebAPI
LinkingとデバイスWebAPI
Device WebAPI Consortium
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
Naoki Umehara
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
Kenichi Kambara
自動運転サービスの認証認可
自動運転サービスの認証認可
Kotaro Hoshi
アプリ製作ツール HiCIEL 紹介
アプリ製作ツール HiCIEL 紹介
baeksunil
OMA GotAPI 標準化作業状況アップデート
OMA GotAPI 標準化作業状況アップデート
Device WebAPI Consortium
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣
アシアル株式会社
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Nobutaka OSHIRO
Contenu connexe
Tendances
DeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみた
Device WebAPI Consortium
HTML5ハイブリッドアプリの活用ポイント
HTML5ハイブリッドアプリの活用ポイント
アシアル株式会社
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
WheetTweet
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
アシアル株式会社
Realm meetup LT大会(Androidアプリへの適用経験談)
Realm meetup LT大会(Androidアプリへの適用経験談)
Kenichi Kambara
Html5 conference 2013
Html5 conference 2013
Mitsue-Links
Android Wearアプリ プレビュー版→正式版への移植ガイド
Android Wearアプリ プレビュー版→正式版への移植ガイド
Kenichi Kambara
Android Wearアプリ開発経験談
Android Wearアプリ開発経験談
Kenichi Kambara
Lync 2013 API カスタマイズアプリ開発
Lync 2013 API カスタマイズアプリ開発
adachiyosuke
LinkingとデバイスWebAPI
LinkingとデバイスWebAPI
Device WebAPI Consortium
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
Naoki Umehara
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
Kenichi Kambara
自動運転サービスの認証認可
自動運転サービスの認証認可
Kotaro Hoshi
アプリ製作ツール HiCIEL 紹介
アプリ製作ツール HiCIEL 紹介
baeksunil
OMA GotAPI 標準化作業状況アップデート
OMA GotAPI 標準化作業状況アップデート
Device WebAPI Consortium
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣
アシアル株式会社
Tendances
(20)
DeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみた
HTML5ハイブリッドアプリの活用ポイント
HTML5ハイブリッドアプリの活用ポイント
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
Realm meetup LT大会(Androidアプリへの適用経験談)
Realm meetup LT大会(Androidアプリへの適用経験談)
Html5 conference 2013
Html5 conference 2013
Android Wearアプリ プレビュー版→正式版への移植ガイド
Android Wearアプリ プレビュー版→正式版への移植ガイド
Android Wearアプリ開発経験談
Android Wearアプリ開発経験談
Lync 2013 API カスタマイズアプリ開発
Lync 2013 API カスタマイズアプリ開発
LinkingとデバイスWebAPI
LinkingとデバイスWebAPI
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
iOSアプリケーションの継続的デリバリー 〜エンタープライズ品質のiOSアプリケーションを目指して〜
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
自動運転サービスの認証認可
自動運転サービスの認証認可
アプリ製作ツール HiCIEL 紹介
アプリ製作ツール HiCIEL 紹介
OMA GotAPI 標準化作業状況アップデート
OMA GotAPI 標準化作業状況アップデート
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣
Similaire à Ionicで作るTechfeed
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Nobutaka OSHIRO
IoTあるじゃん北海道支部勉強会#1
IoTあるじゃん北海道支部勉強会#1
Koyo Takenoshita
WebRTCが切り拓く2020年のIoT
WebRTCが切り拓く2020年のIoT
WebRTCConferenceJapan
Xcode and iTC submission topics
Xcode and iTC submission topics
Syo Ikeda
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
Thing.jsについて
Thing.jsについて
Masakazu Muraoka
HTML5 IMPACT from Multi Device development for NicoNico
HTML5 IMPACT from Multi Device development for NicoNico
Sho KUSANO
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
yoshikawa_t
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Noritada Shimizu
VUI on IoT Device
VUI on IoT Device
Nakano Kyohei
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
インフラジスティックス・ジャパン株式会社
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
Developers Summit
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
Imamura Masayuki
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
dynamis
05.日本マイクロソフト(株)_発表資料
05.日本マイクロソフト(株)_発表資料
wagatuma
iOS13 SDK による 全機能置き換え Part1
iOS13 SDK による 全機能置き換え Part1
Kaname Noto
Webrtc-ORTC-JapanSharePointGroup
Webrtc-ORTC-JapanSharePointGroup
adachiyosuke
第1回 コデアルiOSアプリ勉強会
第1回 コデアルiOSアプリ勉強会
codeal
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
Hidetoshi Mori
Similaire à Ionicで作るTechfeed
(20)
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
IoTあるじゃん北海道支部勉強会#1
IoTあるじゃん北海道支部勉強会#1
WebRTCが切り拓く2020年のIoT
WebRTCが切り拓く2020年のIoT
Xcode and iTC submission topics
Xcode and iTC submission topics
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Thing.jsについて
Thing.jsについて
HTML5 IMPACT from Multi Device development for NicoNico
HTML5 IMPACT from Multi Device development for NicoNico
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
VUI on IoT Device
VUI on IoT Device
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
05.日本マイクロソフト(株)_発表資料
05.日本マイクロソフト(株)_発表資料
iOS13 SDK による 全機能置き換え Part1
iOS13 SDK による 全機能置き換え Part1
Webrtc-ORTC-JapanSharePointGroup
Webrtc-ORTC-JapanSharePointGroup
第1回 コデアルiOSアプリ勉強会
第1回 コデアルiOSアプリ勉強会
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
Plus de yoshikawa_t
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
yoshikawa_t
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
yoshikawa_t
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
yoshikawa_t
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
yoshikawa_t
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
jQuery Mobile is not dead!
jQuery Mobile is not dead!
yoshikawa_t
HTML5開発最前線
HTML5開発最前線
yoshikawa_t
Chrome Apps のデバイスAPI
Chrome Apps のデバイスAPI
yoshikawa_t
Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
yoshikawa_t
Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2
yoshikawa_t
モバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンス
yoshikawa_t
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
yoshikawa_t
Chrome apps for mobile 概要
Chrome apps for mobile 概要
yoshikawa_t
Chrome Apps 概要
Chrome Apps 概要
yoshikawa_t
Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)
yoshikawa_t
Html5概要 & デモ
Html5概要 & デモ
yoshikawa_t
いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門
yoshikawa_t
Sencha touch vs j query mobile
Sencha touch vs j query mobile
yoshikawa_t
jQuery MobileとHTML5
jQuery MobileとHTML5
yoshikawa_t
Chrome packaged appsをデバッグ
Chrome packaged appsをデバッグ
yoshikawa_t
Plus de yoshikawa_t
(20)
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
jQuery Mobile is not dead!
jQuery Mobile is not dead!
HTML5開発最前線
HTML5開発最前線
Chrome Apps のデバイスAPI
Chrome Apps のデバイスAPI
Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2
モバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
Chrome apps for mobile 概要
Chrome apps for mobile 概要
Chrome Apps 概要
Chrome Apps 概要
Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)
Html5概要 & デモ
Html5概要 & デモ
いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門
Sencha touch vs j query mobile
Sencha touch vs j query mobile
jQuery MobileとHTML5
jQuery MobileとHTML5
Chrome packaged appsをデバッグ
Chrome packaged appsをデバッグ
Dernier
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Dernier
(11)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Ionicで作るTechfeed
1.
Ionicで作るTechFeed 2018/2/25 Toru Yoshikawa (@yoshikawa_t)
2.
Who? 株式会社テックフィード取締役 html5j 代表、Google Developer Experts、Microsoft
MVP、HTML5 Experts.jp 副編集⻑兼エキスパート 吉川 徹 / Toru Yoshikawa @yoshikawa_t
3.
エンジニア向け情報キュレーションサービス 「 TechFeed」を運営してます! techfeed.io
4.
iOS、Androidアプリもあります
5.
TechFeedとIonic TechFeedは、ブラウザー・モ バイル(Android、iOS)で動作 するマルチプラットフォームを Ionicで実現している Ionicをベースにカスタマイズを ほどこして各プラットフォーム 向けに配信している
6.
Ionicとは? マルチプラットフォーム対応の豊富なUIコンポーネント 群を持つフレームワーク Angular/TypeScript/Cordovaを採⽤ 各プラットフォームに特化したUIを提供 レスポンシブ、PWA対応 無償で商⽤利⽤可能で有償のサポートも有り 現在の最新はv3.9.2で、v4の準備中
7.
IonicのUI 各プラットフォームに特化したUIに変わる Androidならマテリアルデザインに準拠し、⾒た⽬だけでなくアニメーショ ンやエフェクト等も変化 https://ionicframework.com/docs/components/
8.
Ionicプロジェクトの作成 > npm install
-g ionic cordova > ionic start helloWorld blank > cd helloWorld > ionic serve
9.
Page/Componentの中⾝ html ts
10.
TechFeedで実際に ⾒てみよう レスポンシブデザイン モバイルビュー(現在はiOSモード固定) ページ遷移か各種コンポーネント https://techfeed.io
11.
ネイティブの機能をサポー トするIonic Native Cordova PluginをIonic
NativeのAPIでラップし て、ts上からそのまま使えるようにしたもの ⾮常に多くのPluginをサポート https://ionicframework.com/docs/native/
12.
Ionic Nativeの利⽤⽅法 > npm
install @ionic-native/core --save > npm install @ionic-native/camera --save > ionic cordova plugin add cordova-plugin-camera AngularのAppModuleに 読み込ませてあとはDIでインポートして 利用するだけ
13.
よく使うプラグイン cordova-plugin-crosswalk-webview cordova-plugin-splashscreen cordova-plugin-statusbar cordova-plugin-badge cordova-plugin-inappbrowser cordova-plugin-wkwebview-engine cordova-universal-links-plugin etc…
14.
まとめ 良い点 Ionicは洗練されたコンポーネントが豊富に⽤意 されていて開発に困ることはほぼない マルチプラットフォームで動作し、ネイティブ機 能による+αも⽐較的容易 Angular/TypeScriptが使える⼈はすぐにでも実 践可能
15.
まとめ 注意事項 Angular/TypeScriptの学習コスト 良くも悪くもCordovaなので、パフォーマンスに は気をつける必要がある。使うPluginによっては バグも? v4がもうすぐ出る予定なので若⼲の移⾏コストは かかるかも
16.
参考資料 TechFeedのつくりかた - Angular2/Webpack/ Ionic2/Cordova実践⼊⾨ https://www.slideshare.net/shumpei/ techfeed-angular2webpackionic2cordova Ionic2/3
Anti Pattern https://dsuket.github.io/ionic2-anti-pattern/
17.
Ionicコミュニティ Ionic japan Ionic meetup https://ionic-jp.connpass.com/ Slack http://ionic2-ja.herokuapp.com/
18.
Thank you!! (@yoshikawa_t)
Télécharger maintenant