Submit Search
Upload
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
•
0 likes
•
295 views
Satoru Yamaguchi
Follow
at Infragistics Webinar
Read less
Read more
Technology
Report
Share
Report
Share
1 of 47
Download now
Download to read offline
Recommended
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
インフラジスティックス・ジャパン株式会社
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言
Shigeru Kobayashi
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
インフラジスティックス・ジャパン株式会社
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
Pokelabo android web
Pokelabo android web
Shumpei Shiraishi
Recommended
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
インフラジスティックス・ジャパン株式会社
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言
Shigeru Kobayashi
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
Enterprise mobility のご紹介 ~Infragisticsが提供する SharePoint モバイルプラットフォーム~
インフラジスティックス・ジャパン株式会社
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
Pokelabo android web
Pokelabo android web
Shumpei Shiraishi
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
Ionicで作るTechfeed
Ionicで作るTechfeed
yoshikawa_t
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
Satoru Yamaguchi
変化の時代における開発者のスキル資産形成について
変化の時代における開発者のスキル資産形成について
Ken Azuma
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
Hikaru Ito
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
インフラジスティックス・ジャパン株式会社
Couchbase x unity
Couchbase x unity
MakotoItoh
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Mori Shingo
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Osamu Monoe
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
KLab Inc. / Tech
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
Infragistics Ultimate 2019 Vol.1最新機能
Infragistics Ultimate 2019 Vol.1最新機能
インフラジスティックス・ジャパン株式会社
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier_IV
Practices Of An Agile Developer
Practices Of An Agile Developer
Shintaro Kakutani
エンジニアリングするデザイナーが領域を超えて見えたこと
エンジニアリングするデザイナーが領域を超えて見えたこと
Mayumi Narisawa
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
yuki0211s
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
Unityネイティブプラグインの勧め
Unityネイティブプラグインの勧め
KLab Inc. / Tech
デバイス時代の Web UI コンポーネント活用
デバイス時代の Web UI コンポーネント活用
インフラジスティックス・ジャパン株式会社
NucliOS 概要
NucliOS 概要
インフラジスティックス・ジャパン株式会社
20130528 pasonatech
20130528 pasonatech
インフラジスティックス・ジャパン株式会社
More Related Content
What's hot
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
Ionicで作るTechfeed
Ionicで作るTechfeed
yoshikawa_t
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
Satoru Yamaguchi
変化の時代における開発者のスキル資産形成について
変化の時代における開発者のスキル資産形成について
Ken Azuma
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
Hikaru Ito
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
インフラジスティックス・ジャパン株式会社
Couchbase x unity
Couchbase x unity
MakotoItoh
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Mori Shingo
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Osamu Monoe
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
KLab Inc. / Tech
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
Infragistics Ultimate 2019 Vol.1最新機能
Infragistics Ultimate 2019 Vol.1最新機能
インフラジスティックス・ジャパン株式会社
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier_IV
Practices Of An Agile Developer
Practices Of An Agile Developer
Shintaro Kakutani
エンジニアリングするデザイナーが領域を超えて見えたこと
エンジニアリングするデザイナーが領域を超えて見えたこと
Mayumi Narisawa
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
yuki0211s
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
Unityネイティブプラグインの勧め
Unityネイティブプラグインの勧め
KLab Inc. / Tech
What's hot
(19)
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
Ionicで作るTechfeed
Ionicで作るTechfeed
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
インフラジスティックス Wpf コントロールを用いたリッチ アプリケーション開発
変化の時代における開発者のスキル資産形成について
変化の時代における開発者のスキル資産形成について
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
Cordovaで作る!センサと超小型BLEモジュールを用いた簡単IoTアプリ開発
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
Couchbase x unity
Couchbase x unity
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
XAML のこれまでとこれから、今「やる」べき意義
XAML のこれまでとこれから、今「やる」べき意義
Infragistics Ultimate 2019 Vol.1最新機能
Infragistics Ultimate 2019 Vol.1最新機能
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Practices Of An Agile Developer
Practices Of An Agile Developer
エンジニアリングするデザイナーが領域を超えて見えたこと
エンジニアリングするデザイナーが領域を超えて見えたこと
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Unityネイティブプラグインの勧め
Unityネイティブプラグインの勧め
Similar to モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
デバイス時代の Web UI コンポーネント活用
デバイス時代の Web UI コンポーネント活用
インフラジスティックス・ジャパン株式会社
NucliOS 概要
NucliOS 概要
インフラジスティックス・ジャパン株式会社
20130528 pasonatech
20130528 pasonatech
インフラジスティックス・ジャパン株式会社
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
モダン Web 開発におけるインフラジスティックスのこれまでの取り組みと今後
モダン Web 開発におけるインフラジスティックスのこれまでの取り組みと今後
インフラジスティックス・ジャパン株式会社
データ視覚化・分析アプリケーションの超速開発
データ視覚化・分析アプリケーションの超速開発
Satoru Yamaguchi
変革の時代を生き抜くためのスピード開発
変革の時代を生き抜くためのスピード開発
インフラジスティックス・ジャパン株式会社
データ視覚化分析アプリケーションの超速開発
データ視覚化分析アプリケーションの超速開発
インフラジスティックス・ジャパン株式会社
インフラジスティックス製品サブスクリプション/サポートについて
インフラジスティックス製品サブスクリプション/サポートについて
インフラジスティックス・ジャパン株式会社
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Shotaro Suzuki
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
インフラジスティックス・ジャパン株式会社
デスクトップ向けUIコンポーネントの対応状況と今後の予定
デスクトップ向けUIコンポーネントの対応状況と今後の予定
インフラジスティックス・ジャパン株式会社
Ignite ui 2012 最新情報 jQuery UI 編
Ignite ui 2012 最新情報 jQuery UI 編
Daizen Ikehara
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
CData Software Japan
Css nite(2010.09.23)
Css nite(2010.09.23)
Yoshiki Ushida
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
インフラジスティックス・ジャパン株式会社
建築革命、更に更に進化!便利さ向上【Unity Reflect ver 3.0 】
建築革命、更に更に進化!便利さ向上【Unity Reflect ver 3.0 】
Unity Technologies Japan K.K.
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
Akira Inoue
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
Satoru Yamaguchi
Similar to モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
(20)
デバイス時代の Web UI コンポーネント活用
デバイス時代の Web UI コンポーネント活用
NucliOS 概要
NucliOS 概要
20130528 pasonatech
20130528 pasonatech
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
モダン Web 開発におけるインフラジスティックスのこれまでの取り組みと今後
モダン Web 開発におけるインフラジスティックスのこれまでの取り組みと今後
データ視覚化・分析アプリケーションの超速開発
データ視覚化・分析アプリケーションの超速開発
変革の時代を生き抜くためのスピード開発
変革の時代を生き抜くためのスピード開発
データ視覚化分析アプリケーションの超速開発
データ視覚化分析アプリケーションの超速開発
インフラジスティックス製品サブスクリプション/サポートについて
インフラジスティックス製品サブスクリプション/サポートについて
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
デスクトップ向けUIコンポーネントの対応状況と今後の予定
デスクトップ向けUIコンポーネントの対応状況と今後の予定
Ignite ui 2012 最新情報 jQuery UI 編
Ignite ui 2012 最新情報 jQuery UI 編
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Css nite(2010.09.23)
Css nite(2010.09.23)
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
建築革命、更に更に進化!便利さ向上【Unity Reflect ver 3.0 】
建築革命、更に更に進化!便利さ向上【Unity Reflect ver 3.0 】
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
Recently uploaded
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
Recently uploaded
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
1.
Infragistics Propietary1 モバイル対応UI部品を利用した レスポンシブWebアプリ開発 インフラジスティックス・ジャパン株式会社 ソリューションコンサルタント 山口 慧 SYamaguchi@infragistics.com
2.
Infragistics Propietary2 Blog2012 年インフラジスティックス・ジャパン入社。 開発サポートエンジニア経て、現在は開発現場に おける課題解決やモバイルソリューション提案を 行うソリューションコンサルタントとして活動中。 山口
慧(さとる) インフラジスティックス・ジャパン株式会社 ソリューションコンサルタント ■自己紹介
3.
Infragistics Propietary3 2006 年設立、本社所在地:
東京都渋谷区 会社概要 社名 Infragistics Japan Co., Ltd. インフラジスティックス・ジャパン株式会社 設立 2006 年 8 月 代表取締役 東 賢 所在地 東京都渋谷区神宮前 1-20-1 井門美竹ビル 2F 電話番号 03-6892-8034 米国本社 Infragistics, Inc. 1989 年創業、2000 年 ProtoView Development Corporation、Sheridan Software Systems, Inc. の合併により設立
4.
Infragistics Propietary4 事業内容
5.
Infragistics Propietary5 インフラジスティックス・ジャパンの担当地域 5 日本を含むアジア太平洋地域を担当
6.
Infragistics Propietary6 1996
年の販売開始から累計 5,000 社以上に開発ツール製品を導入 日本市場における製品導入実績 6 • プロジェクトにおける工数の削減 • 提案/設計時のラピッドプロトタイピングにも利用SI • 自社製品の継続的アップグレードに伴う価値向上 • 弊社製品による他のプラットフォームへの迅速な対応ISV • セルフ開発スキーム確立における標準パーツとしての利用 • 「作らない」ための弊社製品の利用IT
7.
Infragistics Propietary7 アジェンダ マルチデバイス時代のレスポンシブデザイン レスポンシブWebデザインについて Infragistics Controlsの紹介 レスポンシブWebアプリ作成デモ Infragistics
controls ツアー (時間の限り) まとめ
8.
マルチデバイス時代の アプリ開発
9.
Infragistics Propietary9
10.
Infragistics Propietary10
11.
Infragistics Propietary11 ワンソース・マルチデバイス対応
12.
Infragistics Propietary12 Web /
ネイティブ に限らず ワンソース・マルチデバイス対応 の選択肢は豊富になった それ以外にも・・・
13.
Infragistics Propietary13 1. Resize 2.
Reflow 3. Reposition 4. Reveal 5. Re-architect 6. Replace The 6 R’s 2-658 Design: UX Patterns and Responsive Techniques for Universal Windows Apps
14.
Infragistics Propietary14 1. Resize 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
15.
Infragistics Propietary15 2. Reflow 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
16.
Infragistics Propietary16 3. Reposition 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
17.
Infragistics Propietary17 3. Reposition 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
18.
Infragistics Propietary18 4. Reveal 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
19.
Infragistics Propietary19 5. Re-architect 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
20.
Infragistics Propietary20 5. Re-architect 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
21.
Infragistics Propietary21 6. Replace 2-658
Design: UX Patterns and Responsive Techniques for Universal Windows Apps
22.
Infragistics Propietary22 マルチデバイス対応の考慮点 スクリーンサイズ
文字や画像などコンテンツの見た目 ユーザビリティ インタフェース(タッチ対応) 通信パフォーマンス デバイス機能の利用 SEO対策(公開サイトの場合)
23.
Infragistics Propietary23 Web における主な対応方法
モバイル専用ページを設ける ユーザエージェントで判断してモバイルページへリダイレクト Tokyo: http://www.metro.tokyo.jp/ レスポンシブWebデザイン メディアクエリなどをクライアントサイドの技術を使い、スクリー ンサイズにより表示を切り替える New York: http://www1.nyc.gov/
24.
Infragistics Propietary24 レスポンシブWebデザイン メリット/デメリット
メリット ワンソース・マルチデバイス対応 URLが一つ フレームワーク利用で実装が容易 デメリット (注意点) デバイスサイズごとの細かいデザインができない ユーザビリティの低下 レスポンスの低下 注意:“最適化”ではない
25.
Infragistics Propietary25 便利ツール Dom
解析: Developer Tools (IE, Chrome, FireFox) マルチデバイス動作確認: Chrome Device Mode https://developer.chrome.com/devtools/docs/device-mode モバイル最適化 解析: Google Page Speed Insights https://developers.google.com/speed/pagespeed/insights
26.
Infragistics Propietary26 Twitter Bootstrap
オープンソースのフロントエンドツール デザイナに頼らずとも容易に外観を整えられる グリッドシステム ボタン、テーブル、入力項目、などのデザイン ※対応ブラウザ注意
27.
Infragistics Propietary27 グリッドシステム http://getbootstrap.com/css/#grid-options Class指定で容易にレイアウト
28.
Infragistics Propietary28 グリッドシステム(例) <div class=“row”> <div
class="col-xs-12 col-sm-12 col-md-6">1</div> <div class="col-xs-12 col-sm-12 col-md-4">2</div> <div class="col-xs-12 col-sm-6 col-md-2">3</div> <div class="col-xs-12 col-sm-6 col-md-2">4</div> <div> 1 1 3 1 2 3 4 4 2 432 ~ 768px 768px ~ 991px 992px ~
29.
Infragistics が提供する HTML/jQuery UI部品
30.
Infragistics Propietary30 開発ツール: Infragistics
Ultimate
31.
Infragistics Propietary31 Infragistics Ultimate
が提供する高い生産性 圧倒的なUIの種類と機能の豊富さ (1つの機能のUI表現のパターンも豊富) 高度なパフォーマンスチューニング (チューニングだけでなく機能も!) 独立したビジュアルデザイン (プリセットの提供多数!)
32.
Infragistics Propietary32 提供プラットフォーム デスクトップ Windows
Forms, WPF ウェブ ASP.NET, jQuery/HTML5 , ASP.NET MVC, Silverlight モバイル iOS, Android, Windows Store App , Windows Phone, Xamarin.Forms UX ツール Indigo Studio, ICON
33.
33 Ignite UI jQuery/HTML5 対応コントロール Web
& ハイブリッド ソリューションの構築をサポート Copyright 2015 Infragistics Japan Co., Ltd. • データ グリッド • チャート & ゲージ • エディター • インタラクション • レイアウト • マップ • モバイル コントロール • テーマ サポート • ASP.NET MVC サポート
34.
Infragistics Propietary34 収録コントロール一覧 • レイアウト –
Layout Manager – Tile Manager – Splitter • エディター – Combo Box – Editors – Date Picker – HTML Editor – Split Button • フレームワーク – Infragistics Loader – Data Source – Templating Engine – Client Excel Library – Infragistics Excel* – Infragistics Word* – Infragistics Document* *ASP.NET 用サーバー側コ ンポーネント • モバイル – List View – Rating – Button – Check Box – Check Box Group – Collapsible – Collapsible Set – RadioButton Group – SelectMenu – Slider – Toggle Switch – TextBox – Page – PageContent – PageFooter – PageHeader – Popup – Link – NavBar • 操作 – Tree – Popover – Dialog Window – Rating – File Upload – Video Player – Radial Menu • データ グリッド – Grid – Hierarchical Grid – Tree Grid • OLAP ピボット – Pivot Data Selector – Pivot View – Pivot Grid • データ ビジュアリゼーショ ン – Data Chart – Bullet Graph – Pie Chart – Linear Gauge – Doughnut Chart – Map – Funnel Chart – Barcode – Radial Gauge – Zoombar – Sparkline
35.
Infragistics Propietary35 35 Ignite UI
コンポーネント jQuery jQuery UI jQuery Mobile jQuery Mobile ベース コントロール jQuery ベース データ コンポーネント jQuery UI ベース コントロール
36.
Infragistics Propietary36 スキルセットに合わせた UI
記述方法 スタンダードJavaScript ASP.NET MVC Razor 構文 @*ダイアログの生成*@ @(Html.Infragistics() .Dialog("dialog") .State(DialogState.Opened) .Height("460") .Width("440") .Render() ) // ダイアログの生成 $("#dialog").igDialog({ state: "opened", height: 460, width: 440 }); Javascript フレーワークのサポート
37.
Infragistics Propietary37 ページデザイナーの利用 ドラッグ
& ドロップ でUI構築 GUI 操作で簡単プロパティ設定 Javascript 記述時にインテリセンス対応 Twitter bootstrap 対応 公開ページ http://designer.igniteui.com/index-release-jp.html
38.
レスポンシブWebアプリ 作成デモ
39.
Infragistics Propietary39 デモアプリのゴール 案件情報(売上見込み)の情報を一覧表示
製品毎の売上の割合を円グラフ表示 地図上に顧客情報をプロット 担当者ごと、確度ごとに積層グラフ表示 → をタブレットやスマホからも見れるように。
40.
Infragistics Propietary40 完成予想 Desktop size
41.
Infragistics Propietary41 完成予想 Tablet size
Phone size
42.
Infragistics Propietary42 Ignite UI
Quick Tour http://jp.igniteui.com/
43.
まとめ
44.
Infragistics Propietary44 レスポンシブWebデザイン 適材適所で使おう ネイティブという選択肢はないか? 専用ページ(アプリ)という選択肢はないか?
モバイル最適化ではない 非デザイナが手早くやるには Bootstrap を使おう
45.
Infragistics Propietary45 Infragistics Ignite
UI で タッチ対応 高機能なUI部品を利用したスピーディーなWeb開発 様々なUI表現で表現力豊かなアプリケーション
46.
Infragistics Propietary46 Infragistics Controls:
リソース Ignite UI サンプルブラウザ http://jp.igniteui.com/ Ignite UI サンプルアプリケーション http://jp.igniteui.com/application-samples ページデザイナー http://designer.igniteui.com/index-release-jp.html Infragistics 開発ツール Trial ダウンロード http://jp.infragistics.com/products/ultimate/download
47.
Infragistics Propietary47 ありがとうございました!
Download now