Soumettre la recherche
Mettre en ligne
Single-page application
•
66 j'aime
•
14,627 vues
Fumio SAGAWA
Suivre
Technologie
Signaler
Partager
Signaler
Partager
1 sur 41
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
RIAに代わる技術、実用的SPA(Single-page Application) 第7回 エンタープライズ×HTML5ナイトセミナー presented by html5jエンタープライズ部
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Kazuhiro Kotsutsumi
html5jエンタープライズ部 第7回ナイトセミナーのスライド(1/27)
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
第7回 エンタープライズ×HTML5ナイトセミナーでの発表資料です。 http://atnd.org/events/47077
SPAを実現するために必要な通信技術
SPAを実現するために必要な通信技術
Yusuke Naka
シングルページWebアプリケーションに関する背景と利用にあたってのメリット・デメリットを整理しました
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
three.jsの現行バージョン(r79)に基づいた表現周りをかいつまんで紹介
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
HTML5jプラットフォーム部での講演資料です。
Onsen UIが目指すもの
Onsen UIが目指すもの
アシアル株式会社
Recommandé
RIAに代わる技術、実用的SPA(Single-page Application) 第7回 エンタープライズ×HTML5ナイトセミナー presented by html5jエンタープライズ部
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Kazuhiro Kotsutsumi
html5jエンタープライズ部 第7回ナイトセミナーのスライド(1/27)
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
第7回 エンタープライズ×HTML5ナイトセミナーでの発表資料です。 http://atnd.org/events/47077
SPAを実現するために必要な通信技術
SPAを実現するために必要な通信技術
Yusuke Naka
シングルページWebアプリケーションに関する背景と利用にあたってのメリット・デメリットを整理しました
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
three.jsの現行バージョン(r79)に基づいた表現周りをかいつまんで紹介
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
HTML5jプラットフォーム部での講演資料です。
Onsen UIが目指すもの
Onsen UIが目指すもの
アシアル株式会社
2018年9月19日、日本Androidの会の定例会での講演資料です。 先だって9月15日に開催されたWordCamp Tokyo 2018 で講演した PWA および WordPress プラグイン「 PWA for WordPress 」の内容を、技術的に掘り下げた技術者向けの講演としてアレンジしたものです。 既存 WordPress サイトをベースに PWA を実装する事例を通してPWA 実装の勘所を解説します。
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
第10回 Cordova 勉強会で発表したスライドです。
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Shin Ogata
WordCamp Tokyo 2014のセッションでお話しした内容です。
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
2014.12.02 第2回Apache Cordova勉強会@IIJ の発表資料です。
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
夏サミ2016での講演資料。JavaScriptとその周辺技術に関する流れについての概説。
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
アシアル株式会社
Webサービス ( システム ) におけるプロトタイピングをデザイナーの方々も是非やってみようというお話。
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
日本アンドロイドの会 9月定例会/4周年記念パーティーでのスライドです
Monacaでつくるハイブリッドアプリ
Monacaでつくるハイブリッドアプリ
Monaca
2015年7月25日 マカベン × HTML5fun のセッションで使用したスライドです。
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
本資料は「ITエンジニア勉強会~ Engineer’s Learning Vesper」での発表資料です。 http://learningvesper.doorkeeper.jp/events
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
Hiroyuki Kusu
2016/9/3 HTML5 Conferenceの講演資料です。
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
CROSS 2015での講演資料
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッション
Masahiro Tanaka
HTML5 Conference 2016で発表したスライドです。 TechFeed (https://techfeed.io) での開発経験を元に、Angular2, Webpack, Ionic2, Cordovaについて、それらの技術を採用した経緯と、実際に使ってみて感じたメリット・デメリットなどを解説しています。
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
ブラウザに入っているPerformance APIの話、超入門者向けにざっくりと。
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
Hiroshi Kawada
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
Adobe MAX 2013で行った「Architecting a PhoneGap Application」セッションをベースにADC MEETUP 07イベント用に再構成したした内容になります。 ※スライドに使われたサンプルは以下のURLからダウンロードできます。 http://www.mitsue.co.jp/knowledge/resources/2013/adc_retweet07_architecting.zip
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Cordova勉強会 第2回にて講演した内容です。
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
アシアル株式会社
It is to introduce the development process using the yeoman, in particular, angular. I am writing at the discretion of its own relationship of angular and Web components in the second half.
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
ABC2015 Winterでの講演資料。
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
JAWS DAYS 2015で登壇した際のスライドです。
モバイル開発を支えるAWS Mobile Services
モバイル開発を支えるAWS Mobile Services
Keisuke Nishitani
2017年2月10日のJAWS-UG横浜の発表資料。AWSの「タグ」について。 https://jawsug-yokohama.connpass.com/event/44599/
20170210 jawsug横浜(AWSタグ)
20170210 jawsug横浜(AWSタグ)
Toshihiro Setojima
Contenu connexe
Tendances
2018年9月19日、日本Androidの会の定例会での講演資料です。 先だって9月15日に開催されたWordCamp Tokyo 2018 で講演した PWA および WordPress プラグイン「 PWA for WordPress 」の内容を、技術的に掘り下げた技術者向けの講演としてアレンジしたものです。 既存 WordPress サイトをベースに PWA を実装する事例を通してPWA 実装の勘所を解説します。
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
第10回 Cordova 勉強会で発表したスライドです。
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Shin Ogata
WordCamp Tokyo 2014のセッションでお話しした内容です。
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
2014.12.02 第2回Apache Cordova勉強会@IIJ の発表資料です。
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
夏サミ2016での講演資料。JavaScriptとその周辺技術に関する流れについての概説。
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
アシアル株式会社
Webサービス ( システム ) におけるプロトタイピングをデザイナーの方々も是非やってみようというお話。
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
日本アンドロイドの会 9月定例会/4周年記念パーティーでのスライドです
Monacaでつくるハイブリッドアプリ
Monacaでつくるハイブリッドアプリ
Monaca
2015年7月25日 マカベン × HTML5fun のセッションで使用したスライドです。
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
本資料は「ITエンジニア勉強会~ Engineer’s Learning Vesper」での発表資料です。 http://learningvesper.doorkeeper.jp/events
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
Hiroyuki Kusu
2016/9/3 HTML5 Conferenceの講演資料です。
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
CROSS 2015での講演資料
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッション
Masahiro Tanaka
HTML5 Conference 2016で発表したスライドです。 TechFeed (https://techfeed.io) での開発経験を元に、Angular2, Webpack, Ionic2, Cordovaについて、それらの技術を採用した経緯と、実際に使ってみて感じたメリット・デメリットなどを解説しています。
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
ブラウザに入っているPerformance APIの話、超入門者向けにざっくりと。
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
Hiroshi Kawada
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
Adobe MAX 2013で行った「Architecting a PhoneGap Application」セッションをベースにADC MEETUP 07イベント用に再構成したした内容になります。 ※スライドに使われたサンプルは以下のURLからダウンロードできます。 http://www.mitsue.co.jp/knowledge/resources/2013/adc_retweet07_architecting.zip
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Cordova勉強会 第2回にて講演した内容です。
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
アシアル株式会社
It is to introduce the development process using the yeoman, in particular, angular. I am writing at the discretion of its own relationship of angular and Web components in the second half.
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
ABC2015 Winterでの講演資料。
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
Tendances
(20)
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Monacaでつくるハイブリッドアプリ
Monacaでつくるハイブリッドアプリ
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッション
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
En vedette
JAWS DAYS 2015で登壇した際のスライドです。
モバイル開発を支えるAWS Mobile Services
モバイル開発を支えるAWS Mobile Services
Keisuke Nishitani
2017年2月10日のJAWS-UG横浜の発表資料。AWSの「タグ」について。 https://jawsug-yokohama.connpass.com/event/44599/
20170210 jawsug横浜(AWSタグ)
20170210 jawsug横浜(AWSタグ)
Toshihiro Setojima
Automated deep learning training with AWS Step Functions and AWS Lambda.
AWS Step FunctionとLambdaでディープラーニングの訓練を全自動化する
AWS Step FunctionとLambdaでディープラーニングの訓練を全自動化する
mizugokoro
2017.6.24 ハッカーズチャンプルー2017で話した資料です
サーバーレスのアーキテクチャパターンとそれぞれの実装・テストの勘所
サーバーレスのアーキテクチャパターンとそれぞれの実装・テストの勘所
真吾 吉田
2017.3.11 JAWS DAYS 2017 で話した資料です。
サーバーレスの今とこれから
サーバーレスの今とこれから
真吾 吉田
AWS Black Belt Tech Webinar 2015 Amazon API Gateway 次回のWebinarは、下記よりご確認ください。 http://aws.amazon.com/jp/about-aws/events/#webinar
AWS Black Belt Tech シリーズ 2015 - Amazon API Gateway
AWS Black Belt Tech シリーズ 2015 - Amazon API Gateway
Amazon Web Services Japan
In Part II, we will take a look at Cognito User Pools and Custom Authorization for API Gateway using AWS Lambda.
Securing Serverless Workloads with Cognito and API Gateway Part II - AWS Secu...
Securing Serverless Workloads with Cognito and API Gateway Part II - AWS Secu...
Amazon Web Services
2017.6.2 AWS Summit Tokyo Dev Dayで話した資料です。
AWS SAMで始めるサーバーレスアプリケーション開発
AWS SAMで始めるサーバーレスアプリケーション開発
真吾 吉田
En vedette
(8)
モバイル開発を支えるAWS Mobile Services
モバイル開発を支えるAWS Mobile Services
20170210 jawsug横浜(AWSタグ)
20170210 jawsug横浜(AWSタグ)
AWS Step FunctionとLambdaでディープラーニングの訓練を全自動化する
AWS Step FunctionとLambdaでディープラーニングの訓練を全自動化する
サーバーレスのアーキテクチャパターンとそれぞれの実装・テストの勘所
サーバーレスのアーキテクチャパターンとそれぞれの実装・テストの勘所
サーバーレスの今とこれから
サーバーレスの今とこれから
AWS Black Belt Tech シリーズ 2015 - Amazon API Gateway
AWS Black Belt Tech シリーズ 2015 - Amazon API Gateway
Securing Serverless Workloads with Cognito and API Gateway Part II - AWS Secu...
Securing Serverless Workloads with Cognito and API Gateway Part II - AWS Secu...
AWS SAMで始めるサーバーレスアプリケーション開発
AWS SAMで始めるサーバーレスアプリケーション開発
Similaire à Single-page application
Qiita用
Nodejs beginner
Nodejs beginner
SoheiUchino1
OSC2017 Tokyo Springで講演いたしました、資料でを公開します。 SPA、HTML5、CSS3.0、JavaScriptを駆使して、作成したFuture Architect製WebコンポーネントFW作成のお話です。
Web Component Framework Urushiのご紹介(OSC2017 Tokyo/Spring)
Web Component Framework Urushiのご紹介(OSC2017 Tokyo/Spring)
YuzoHirakawa
ABC 2013 Springで発表したAdobe Edgeツールの紹介資料です。
モバイルコンテンツ制作を効 率化するツールを使いこなせ
モバイルコンテンツ制作を効 率化するツールを使いこなせ
Keisuke Todoroki
PhoneGapについてしらべたことと感じたこと
Phone gap
Phone gap
Tomoyuki Kashiro
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
某社勉強会で発表した内容。一部伏せ字にしてあります。
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
NSAニュービジネス委員会セミナーでの講演資料
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
アシアル株式会社
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
2017/06/08 日本電子出版協会
Microsoft Edge概要 物江氏
Microsoft Edge概要 物江氏
Japan Electronic Publishing Association
Microsoft Edgeの特徴や機能について + マイクロソフトのサービス紹介
進化するEdge+α
進化するEdge+α
Saki Homma
2013/2/15にリリースされたレスポンシブWebデザイン専用ツールのEdge Reflow preview版の話を含む制作ツールのご紹介。
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
Keisuke Todoroki
俺聞け9 で発表した資料です。 Web 業務アプリケーションの新しい潮流として、Single Page Application と Sencha フレームワークについて紹介します。
Web業務アプリの新しい潮流
Web業務アプリの新しい潮流
久司 中村
スタッフネット主催する「モダンWeb開発ワークショップ」のテキスト抜粋 セミナー詳細URL http://www.staffnet.co.jp/modern/index.html
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Staffnet_Inc
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
HTML5 Carnival Fukuokaで発表したアドビの Edge ツールの紹介です。基本的に現段階(2013/2/9)なら、結構な範囲でHTML5のWeb制作ツールを無償で使えます。 この機をお見逃しなく。
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Keisuke Todoroki
デブサミ関西2014での講演資料です。 http://event.shoeisha.jp/devsumi/20140905/session/557/ 講演概要は下記の通りとなります。 業務システムにおいてもモバイルアプリを活用するケースが急増する中で、HTML5やJavaScriptといったWeb標準技術でマルチプラットフォームのモバイルアプリを開発するHTML5ハイブリッドアプリ開発への注目が集まっています。一方で、企業がモバイルアプリを開発、運用する際の課題となるのが、セキュリティ対策や開発ノウハウの不足です。 更に、業務アプリにおいては、既存データベースやERP、CRMなどのバックエンド側との接続や、従業員向けのアプリ配信の仕組みなども必要となり、B2Cアプリに比較してアプリ自体の開発以外に検討すべき事が多岐にわたります。 本セッションでは、Web技術と各種ツールを活用し、安全に効率的にエンタープライズモバイル・アプリの開発を行うためのポイントを解説いたします。
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
Nishimotz osc2011oct-v2
Nishimotz osc2011oct-v2
Takuya Nishimoto
2018年12月7日(金)に開催された「GrapeCity Web TECH FORUM 2018」より、日本プロテック 荒井光司様/疋田直樹様のセッション資料です。
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
WordPress を PWA にするプラグイン「 PWA for WordPress (PWA4WP) 」デモ&ハンズオン用の資料です。 既存の WordPress サイトを PWA にするためにはキャッシュのコントロールがとにかく大事です。 PWA for WordPress で Progressive な実装を実現しましょう。
Challenge PWA!! TRY PWA4WP!
Challenge PWA!! TRY PWA4WP!
Ryu Shindo
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
Similaire à Single-page application
(20)
Nodejs beginner
Nodejs beginner
Web Component Framework Urushiのご紹介(OSC2017 Tokyo/Spring)
Web Component Framework Urushiのご紹介(OSC2017 Tokyo/Spring)
モバイルコンテンツ制作を効 率化するツールを使いこなせ
モバイルコンテンツ制作を効 率化するツールを使いこなせ
Phone gap
Phone gap
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Microsoft Edge概要 物江氏
Microsoft Edge概要 物江氏
進化するEdge+α
進化するEdge+α
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
Web業務アプリの新しい潮流
Web業務アプリの新しい潮流
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
Nishimotz osc2011oct-v2
Nishimotz osc2011oct-v2
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
[GrapeCity Web TECH FORUM 2018]レガシーからの移行 - 株式会社日本プロテック
Challenge PWA!! TRY PWA4WP!
Challenge PWA!! TRY PWA4WP!
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
Plus de Fumio SAGAWA
三大フレームワーク(Angular, react, vue.js) 比較によるweb components 入門
三大フレームワーク(Angular, react, vue.js) 比較によるweb components 入門
三大フレームワーク(Angular, react, vue.js) 比較によるweb components 入門
Fumio SAGAWA
NativeScript with angular2
NativeScript with angular2
NativeScript with angular2
Fumio SAGAWA
JavaScriptフレームワークが何を解決しようとしていて何が出来たのか、そして何が出来なかったのか
どういったフレームワークを選ぶべきか
どういったフレームワークを選ぶべきか
Fumio SAGAWA
JavaScriptフレームワークの解説
イマドキのフロントエンド開発
イマドキのフロントエンド開発
Fumio SAGAWA
Reports for people who start in the future Angular2
Start angular2
Start angular2
Fumio SAGAWA
Current HTML5 Technology
HTML5最前線
HTML5最前線
Fumio SAGAWA
angular
ngJapan報告会
ngJapan報告会
Fumio SAGAWA
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
開発スタイルのこれから for Backbone (powerd by Yeoman)
開発スタイルのこれから for Backbone (powerd by Yeoman)
Fumio SAGAWA
Plus de Fumio SAGAWA
(10)
三大フレームワーク(Angular, react, vue.js) 比較によるweb components 入門
三大フレームワーク(Angular, react, vue.js) 比較によるweb components 入門
NativeScript with angular2
NativeScript with angular2
どういったフレームワークを選ぶべきか
どういったフレームワークを選ぶべきか
イマドキのフロントエンド開発
イマドキのフロントエンド開発
Start angular2
Start angular2
HTML5最前線
HTML5最前線
ngJapan報告会
ngJapan報告会
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
次世代Web業務アプリケーション
次世代Web業務アプリケーション
開発スタイルのこれから for Backbone (powerd by Yeoman)
開発スタイルのこれから for Backbone (powerd by Yeoman)
Dernier
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Key topics covered: - Understanding Ballerina's role in integrations: features and advantages - Designing and implementing REST APIs for integration - Designing and implementing GraphQL services with Ballerina - Monitoring and observing applications - Introduction to data integration
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Syed Talal Wasim, Muzammal Naseer, Salman Khan, Ming-Hsuan Yang, Fahad Shahbaz Khan , "Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Grounding" arXiv2024 https://arxiv.org/abs/2401.00901v2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Jue Wang, Wentao Zhu, Pichao Wang, Xiang Yu, Linda Liu, Mohamed Omar, Raffay Hamid, " Selective Structured State-Spaces for Long-Form Video Understanding" CVPR2023 https://openaccess.thecvf.com/content/CVPR2023/html/Wang_Selective_Structured_State-Spaces_for_Long-Form_Video_Understanding_CVPR_2023_paper.html
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2024年5月8日 Power Platform 勉強会 #1 LT資料
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
This is an introduction to MAPPO's paper.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
LoRaWANスマート距離検出センサー DS20Lカタログ
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Dernier
(10)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介: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の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介: 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デバイス
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Single-page application
1.
Single-page Application
2.
本日のテーマ なぜSingle-page Application(SPA)なのか SPAの通信技術は? バックエンドは? JavaScriptフレームワークは? Single-page Application
3.
Name: ! 佐川 夫美雄 @albatrosary http://albatrosary.hateblo.jp/ html5jエンタープライズ部 副部長 HTML5Expert.jpコントリビュータ Sencha UG Single-page Application
4.
Single-page Application(SPA)とは 単一ページによるWebアプリケーション ページはDOMの操作により切り替える サーバとのやりとりはRESTやWebSocket等を利用 Single-page Application
5.
RIA(Rich Internet Application)に求められたもの 表現力の高さ:動画や音声などマルチディアの活用が可能で高いデザイン性を持った画面要素の再生機能 を備える デスクトップアプケーションと同等なUI:画面をリフレッシュすることなく、バック エンドでサーバーとデータの送受信が可能 ユーザーエクスペリエンス:ユーザーの操作が即座にレスポンスされ、表示される画面の情報が 操作に応じて随時変化するようなインタラクティブな操作性を実現 Single-page
Application
6.
RIAの衰退 2010年にSteve JobsがFlashを激しく批判 プロプライエタリよりオープン性のあるHTML5を推進 ! 2011年MicrosoftはWeb開発者に対するSilverlight戦略を後退 AdobeもモバイルFlashの開発を中止 2014年HTML5正式勧告 Single-page Application
7.
HTML5を使えばRIAと同等のユーザビリティが可能 Single-page Application
8.
RIAからSPAへ Single-page Application
9.
待った無しです Single-page Application
10.
何をすれば良いのか? JavaScriptフレームワークの導入? 開発環境は? 通信は? バックエンドは? HTML5と関係する? etc Single-page Application
11.
その答えを今日は出します Single-page Application
12.
SPAに必要な技術 JavaScriptフレームワーク altJS CSS Preprocessor 開発環境 通信技術 Webアプリケーションなどのバックエンド技術 そしてHTML5 Single-page Application
13.
SPAに必要な技術 JavaScriptフレームワーク altJS CSS Preprocessor 開発環境 通信技術 Webアプリケーションなどのバックエンド技術 そしてHTML5 Single-page Application
14.
SPAに必要なフロントエンド技術 Single-page Application
15.
SPAに必要なフロントエンド技術 Single-page Application
16.
Single-page Application(SPA)の基本的な構造 change render DOM events View Template get set Model Collection REST Storage Single-page Application
17.
jQueryだけの開発はカオス Single-page Application
18.
JavaScriptフレームワーク すでにJavaScriptフレームワークは数十種類ある 自分のプロジェクトにあったものを選ぶ backbone.JS(http://backbonejs.org/) Angular(http://angularjs.org/) Sencha(http://www.sencha.com/) Single-page Application
19.
JavaScriptは危ない言語 Single-page Application
20.
altJS altJSの言語の多くはクラス機構のサポート JavaScriptの抱える問題の多くを解決 CoffeeScript TypeScript Single-page Application
21.
膨大なCSSをどう整理するか Single-page Application
22.
CSS Preproccessor 膨大なCSSをどう整理するか Sass +
Compass Less Stylus Single-page Application
23.
どうやって開発するの? Single-page Application
24.
開発環境 Yeoman Sencha cmd Single-page Application
25.
SPAに必要なフロントエンド技術(まとめ) Single-page Application
26.
SPAを開発するには強固なバックエンド技術が必要 Single-page Application
27.
SPAに必要なバックエンド技術 通信 Webアプリケーションサーバ Single-page Application
28.
通信技術 REST WebSocket SPDY Single-page Application
29.
Javaで対応 次世代型:クライアントとサーバ間をデータのみで通信し,画面の生 成から表示までをクライアントで行う方式 従来型:サーバ側でデータを埋め込んだ画面を生成し,クライアント では表示のみを行う方式 基本的にはJavaScriptで多くの処理を行い,以下 のような通信技術を利用して,データのみをサー バとやり取りします ! JSON 1.0 JAX-RS 2.0 WebSocket
1.0 Single-page Application
30.
SPAのメリット ページを遷移させてもJavaScriptのグローバル環境が変わらない WebSocketが有効に使える Single-page Application
31.
これで安心? Single-page Application
32.
SPAの懸念 パフォーマンス メモリリーク セキュリティ フレームワークロックイン 設計思想の転換 フロントエンジニア不足 Single-page Application
33.
パフォーマンス Sencha Touchの開発チームがHTML5で高速に動作す るfacebookを開発したことは有名な話 DOMツリーを分離して小さく TaskQueueで不必要なレイアウト処理を停止 入出力処理はWebWorkersで止めない Single-page Application
34.
メモリリーク アプリケーションを使い続けた結果メモリーリークが原 因で画面がフリーズするという問題は発生 ! 地道に残っている参照にnullを入れがベージコレクショ ンの対象にします Single-page Application
35.
セキュリティ 業務Webアプリケーションの場合のすべてをhttpsで動かす。 セキュアな環境はSSL-VPNなどを使用し比較的簡単に手に入 れることができる。 Single-page Application
36.
フレームワークロックイン 使わざる終えない オレオレフレームワークは使わない そのとき選んだフレームワークが最適だとしても未来永 劫最適ではない Single-page Application
37.
設計思想の転換 アーキテクチャを理解し重順に対応 Single-page Application
38.
フロントエンジニア不足 JavaScriptエンジニアというよりjQueryエンジニアがほとんど altJSを使って知識不足を補う Single-page Application
39.
冷静に対応すれば道は開ける Single-page Application
40.
ご清聴ありがとうございました Single-page Application
41.
参考文献 http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/ http://gihyo.jp/news/report/2013/09/1901?page=2 http://new.takyam.com/entry/2012/12/30/2013%E5%B9%B4%E3%81%AFSPA %E3%81%AE%E5%B9%B4%E3%83%BB%E3%83%BB%E3%83%BB%E3%81%AB %E3%81%AA%E3%82%8B%E3%81%A8%E3%81%84%E3%81%84%E3%81%AA %E3%81%81 http://www.johnpapa.net/spa/ http://singlepageappbook.com/index.html Single-page Application
Télécharger maintenant