Enviar búsqueda
Cargar
SPAに必要なJavaScriptFrameWork
•
13 recomendaciones
•
7,072 vistas
Mizuho Sakamaki
Seguir
html5jエンタープライズ部 第7回ナイトセミナーのスライド(1/27)
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 50
Descargar ahora
Descargar para leer sin conexión
Recomendados
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Kazuhiro Kotsutsumi
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
Single-page application
Single-page application
Fumio SAGAWA
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
hirooooo
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
Recomendados
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
Kazuhiro Kotsutsumi
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
Single-page application
Single-page application
Fumio SAGAWA
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
hirooooo
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
Style Guide活用のススメ
Style Guide活用のススメ
Shigeki Ohtsuki
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
Shumpei Shiraishi
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
Yuki Okamoto
20150531 phpcon kansai
20150531 phpcon kansai
kumamidori
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
Yuki Ishikawa
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
Hiroshi Kawada
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
学 松崎
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
div Inc
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
K Tsukada
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Más contenido relacionado
La actualidad más candente
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
Style Guide活用のススメ
Style Guide活用のススメ
Shigeki Ohtsuki
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
Shumpei Shiraishi
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
Yuki Okamoto
20150531 phpcon kansai
20150531 phpcon kansai
kumamidori
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
Yuki Ishikawa
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
Hiroshi Kawada
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
学 松崎
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
div Inc
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
La actualidad más candente
(20)
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Style Guide活用のススメ
Style Guide活用のススメ
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
20150531 phpcon kansai
20150531 phpcon kansai
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
ブラウザのPerformance APIの話
ブラウザのPerformance APIの話
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
Spring Boot + Doma + AngularJSで作るERP 〜JavaQneバージョン〜 #jqfk
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
Destacado
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
K Tsukada
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Staffnet_Inc
フロントエンドのツール Yeoman を勘違いしていた
フロントエンドのツール Yeoman を勘違いしていた
girigiribauer
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
Akira Inoue
今流行りのウェブアプリ開発環境Yeoman
今流行りのウェブアプリ開発環境Yeoman
tomo_masakura
HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
デブサミ2012 kintoneの表と裏 - 表編
デブサミ2012 kintoneの表と裏 - 表編
yo_waka
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Masakazu Muraoka
Building RESTful APIs w/ Grape
Building RESTful APIs w/ Grape
Daniel Doubrovkine
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
ヨーマンおじさんと戯れる会
ヨーマンおじさんと戯れる会
Katsumi Honda
Introducing Sencha Space
Introducing Sencha Space
久司 中村
Firefox/Thunderbirdを組織内でより良く使う
Firefox/Thunderbirdを組織内でより良く使う
Hiroshi Yuki
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
SwapSkills
Workshop1-01
Workshop1-01
mashimonator
最近のHTML5はどうなってるのか
最近のHTML5はどうなってるのか
Shumpei Shiraishi
Destacado
(20)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Angular2実践入門
Angular2実践入門
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
フロントエンドのツール Yeoman を勘違いしていた
フロントエンドのツール Yeoman を勘違いしていた
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
今流行りのウェブアプリ開発環境Yeoman
今流行りのウェブアプリ開発環境Yeoman
HTML5 開発環境の紹介
HTML5 開発環境の紹介
デブサミ2012 kintoneの表と裏 - 表編
デブサミ2012 kintoneの表と裏 - 表編
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Building RESTful APIs w/ Grape
Building RESTful APIs w/ Grape
HTML5 アプリ開発
HTML5 アプリ開発
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
ヨーマンおじさんと戯れる会
ヨーマンおじさんと戯れる会
Introducing Sencha Space
Introducing Sencha Space
Firefox/Thunderbirdを組織内でより良く使う
Firefox/Thunderbirdを組織内でより良く使う
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
Workshop1-01
Workshop1-01
最近のHTML5はどうなってるのか
最近のHTML5はどうなってるのか
Similar a SPAに必要なJavaScriptFrameWork
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
Atsushi Miura
Facebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラー
Garyuten
第1回 Japan Xamarin User Group Conference - Xamarin 概要
第1回 Japan Xamarin User Group Conference - Xamarin 概要
Yoshito Tabuchi
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
Mori Shingo
最近話題になってる Amp と instant articles について調べてみた
最近話題になってる Amp と instant articles について調べてみた
Shoko Matsuo
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
「Flashユーザーが取り組むHTML5」アンケート結果
「Flashユーザーが取り組むHTML5」アンケート結果
Yoshiya OKI
Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
Yoshito Tabuchi
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
Attractive HTML5
Attractive HTML5
Sho Ito
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Taisuke Fukuno
Createjs jp study #4 20130726
Createjs jp study #4 20130726
Seigo Tanaka
さあ、始めましょう―Call to Action―
さあ、始めましょう―Call to Action―
グレープシティ株式会社 ツール事業部
HTML5 in Firefox4
HTML5 in Firefox4
dynamis
TypeScript And ALM
TypeScript And ALM
Kazushi Kamegawa
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
Hirofumi Ota
小川流!わかりやすいテーマの作り方
小川流!わかりやすいテーマの作り方
Kasumi Ogawa
PWA Beginner(最新版:文字抜けを修正)
PWA Beginner(最新版:文字抜けを修正)
Daisuke Yamazaki
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
Takeshi Arabiki
Similar a SPAに必要なJavaScriptFrameWork
(20)
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
Facebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラー
第1回 Japan Xamarin User Group Conference - Xamarin 概要
第1回 Japan Xamarin User Group Conference - Xamarin 概要
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
最近話題になってる Amp と instant articles について調べてみた
最近話題になってる Amp と instant articles について調べてみた
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
「Flashユーザーが取り組むHTML5」アンケート結果
「Flashユーザーが取り組むHTML5」アンケート結果
Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
react-jsonschema-formについて
react-jsonschema-formについて
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
Attractive HTML5
Attractive HTML5
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Createjs jp study #4 20130726
Createjs jp study #4 20130726
さあ、始めましょう―Call to Action―
さあ、始めましょう―Call to Action―
HTML5 in Firefox4
HTML5 in Firefox4
TypeScript And ALM
TypeScript And ALM
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
小川流!わかりやすいテーマの作り方
小川流!わかりやすいテーマの作り方
PWA Beginner(最新版:文字抜けを修正)
PWA Beginner(最新版:文字抜けを修正)
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
Más de Mizuho Sakamaki
Electron Vs Enterprise
Electron Vs Enterprise
Mizuho Sakamaki
きつねさんでもわかる Firefox OS コードリーディング入門
きつねさんでもわかる Firefox OS コードリーディング入門
Mizuho Sakamaki
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
Firefox osで変わるアプリケーションの開発ライフサイクル
Firefox osで変わるアプリケーションの開発ライフサイクル
Mizuho Sakamaki
OSCKyotoWebPlatform
OSCKyotoWebPlatform
Mizuho Sakamaki
PhoneGapなんか要らない? FirefoxOS
PhoneGapなんか要らない? FirefoxOS
Mizuho Sakamaki
NashornとServerSideJavaScript
NashornとServerSideJavaScript
Mizuho Sakamaki
Dev sum2014
Dev sum2014
Mizuho Sakamaki
Más de Mizuho Sakamaki
(8)
Electron Vs Enterprise
Electron Vs Enterprise
きつねさんでもわかる Firefox OS コードリーディング入門
きつねさんでもわかる Firefox OS コードリーディング入門
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Firefox osで変わるアプリケーションの開発ライフサイクル
Firefox osで変わるアプリケーションの開発ライフサイクル
OSCKyotoWebPlatform
OSCKyotoWebPlatform
PhoneGapなんか要らない? FirefoxOS
PhoneGapなんか要らない? FirefoxOS
NashornとServerSideJavaScript
NashornとServerSideJavaScript
Dev sum2014
Dev sum2014
Último
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Último
(11)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
SPAに必要なJavaScriptFrameWork
1.
SPA (Single-Page-Application) における JavaScriptFrameWork のお話
2.
自己紹介 酒巻 瑞穂 ■業務系のSE屋さん ■活動とか ◆ HTML5j
エンタープライズ部(スタッフ) ◆ HTML5j Webプラットフォーム部(スタッフ) ◆ FireFoxOS コードリーティング (わるだくらみ補佐) Twitter:https://twitter.com/SakamakiM Facebook:https://twitter.com/SakamakiM
3.
Single Page Application
4.
単一のHTMLファイル?
5.
一度の描画で全部取る?
6.
「Page」とは何なのか?
7.
SPA描画の流れ
8.
SPA描画の流れ 画面
9.
SPA描画の流れ 画面 コンテンツ
10.
SPA描画の流れ 画面 コンテンツ 断片化したHTMLファイル
11.
SPA描画の流れ View 画面 使用するユーザーや 状況により変わる! コンテンツ Page ほぼ決まっている 基礎フレーム部分 (プレースホルダー) 断片化したHTMLファイル
12.
PageとViewを分ける意味 View Page
13.
再利用性とパフォーマンス ナビゲーション メニュー Page 常に表示 設定ページ RSS ページ あまり 使わない
14.
状況/目的による切り分け ナビゲーション メニュー Page Offline でも使う 設定ページ RSS ページ Network 必須
15.
SPAにおけるServerの役割
16.
SPAにおけるServerの役割 UIの処理を持たない
17.
SPAにおけるServerの役割 UIの処理を持たない 状態を持たない
18.
SPAにおけるServerの役割 UIの処理を持たない 状態を持たない リソースの提供
19.
SPAにおけるClientの役割 UIの処理を持たない ルーティング処理 クライアント側で ページ遷移を求められる。 (ページの切り替えはクライアントで!) 状態を持たない リソースの提供
20.
SPAにおけるClientの役割 UIの処理を持たない ルーティング処理 クライアント側で ページ遷移を求められる。 (ページの切り替えはクライアントで!) 状態を持たない ビジネスロジックと状態 クライアント側でビジネスロジックと データ、状態の管理を行う。 リソースの提供
21.
SPAにおけるClientの役割 UIの処理を持たない ルーティング処理 クライアント側で ページ遷移を求められる。 (ページの切り替えはクライアントで!) 状態を持たない ビジネスロジックと状態 クライアント側でビジネスロジックと データ、状態の管理を行う。 リソースの提供 データの取得 Ajax、またはWebSocket等の リソース取得手段が必要
22.
UIとBLS の同期 BLS 描画 (UI) コンテンツ リソース アクセス ルーティング 状態管理
23.
コンテンツを組み合わせると 同じような処理が多数発生!! BLS 通信 BLS 状態管理 通信 Route Route BLS 通信 状態管理 状態管理 処理
24.
25.
ExtJS
26.
軽い説明 ダウンロード:http://angularjs.org/ APIドキュメント:http://docs.angularjs.org/api/ ライブラリ:http://ngmodules.org ライセンス:MIT ダウンロード、APIドキュメント、ライブラリ:http://backbonejs.org/ ライセンス:MIT ExtJS ダウンロード:https://www.sencha.com/products/extjs/download APIドキュメント:http://docs.sencha.com/extjs ライブラリ:https://market.sencha.com/ ライセンス:GPLv3
27.
今回のお題! (MVP or MVC) DOM (UI) Template View Data-binding router Presenter Or Controller Model ServerAccess Ajax WebSocket
28.
今回のお題! (MVP or MVC) DOM (UI) Template Domへのアプローチ View Data-binding router Presenter Or Controller Model ServerAccess Ajax WebSocket
29.
今回のお題! (MVP or MVC) DOM (UI) Template Domへのアプローチ ルーティング 状態管理 View Data-binding router Presenter Or Controller Model ServerAccess Ajax WebSocket
30.
今回のお題! (MVP or MVC) DOM (UI) Template Domへのアプローチ ルーティング 状態管理 ビジネスロジック View Data-binding router Presenter Or Controller Model ServerAccess Ajax WebSocket
31.
今回のお題! (MVP or MVC) DOM (UI) Template Domへのアプローチ ルーティング 状態管理 ビジネスロジック View Data-binding router Presenter Or Controller Model モデルとビューの同期 ServerAccess Ajax WebSocket
32.
今回のお題! (MVP or MVC) DOM (UI) Template Domへのアプローチ ルーティング 状態管理 ビジネスロジック View Data-binding router Presenter Or Controller Model モデルとビューの同期 外部リソースへのアクセス ServerAccess Ajax WebSocket
33.
DOM (UI) Template (カスタムHTML) Domへのアプローチ ★カスタムHTMLテンプレート Angularでは一度テンプレートと呼ばれる ベースHTMLを読み込み、コンパイル することで、JavaScriptに密接に紐付く Controller DOMツリーし、画面描画します。 (directive) View (compileDOM) ★独自タグでイベントを定義するメリット DataBinding controllerで定義されたビューイベントは命令的です。 viewと完全に切り離されているため、再利用性とテス トコードからのアプローチが容易です ngRouter Presenter (Controller) Model (POJO) 対して directiveで定義されたイベントは宣言的であり HTML自体が宣言的な言語であるため、自然な流れ でHTMLへの独自拡張、欠点を補うことができます。 ServerAccess (Angular.$http) (Factory)
34.
DOM (UI) Template (カスタムHTML) ルーティング AngularJSチームが作成しているngRouteを使う ことでルーティング処理が可能になります。 より高機能なAngularUI Routerと言う サードパーティ製ライブラリもあります。 Controller (directive) View (compileDOM) DataBinding ngRouter Presenter (Controller) 状態管理 cookieについては、AngularJSチームが作成した、 cookie制御用のライブラリAngular-cookieがあり ます。 Model (POJO) localstrageの制御については、 AngularLocalstrageというサードパーティ製ライブ ラリがあります。 ServerAccess (Angular.$http) (Factory)
35.
DOM (UI) Template (カスタムHTML) ビジネスロジック AngularのビジネスロジックはServiceを用いてビジネスロ ジックを実装します。 Serviceには色々ありますが、それぞれ用途に応じて使い分 けます。 格納されるのはJavaScriptObjectです。 Controller (directive) factory シンプルなBusinessLogicの実装、Service登録するまでも ない軽量なBLSの定義ができる。 service サービスの登録ができる、モジュールを横断した使用が可能 provider 初期化時の振る舞いなど、細やかな制御ができるサービス を登録することができます。 View (compileDOM) DataBinding ngRouter Presenter (Controller) Model (POJO) vlaue Moduleを横断してつかえるJavaScriptObjectを定義できま す constant Moduleを横断してつかえる値の定義ですが、valueと違い、 上書きできません。 ServerAccess (Angular.$http) (Factory)
36.
DOM (UI) Template (カスタムHTML) モデルとビューの同期 Angularには双方向バインディング機能があ ります。 そのため、開発者は、ほぼ自然に Controller Viewとロジックの同期を取ること (directive) ができます。 しかしながら、この双方向バインディングはパ フォーマンスなどの問題が発生する可能性が あります。 View (compileDOM) DataBinding ngRouter Presenter (Controller) Model (POJO) ServerAccess (Angular.$http) (Factory)
37.
DOM (UI) Template (カスタムHTML) 外部リソースへのアクセス Ajaxでの遣り取りは、単純なものであれば、 $Httpを使います。 Ajax通信部分を、モジュール内で 再利用可能なコンポーネントとして 定義したい場合、ngResourceを使い プロバイダとして定義できます。 Controller (directive) WebSocketを使用する場合は、Factory等で再 利用可能な形で定義して使用する事が一般的 です。 View (compileDOM) DataBinding ngRouter Presenter (Controller) Model (POJO) ServerAccess (Angular.$http) (Factory)
38.
DOM (UI) Template (html、ejs) Domへのアプローチ DOMの構築はBackbone.VIewを用い て定義します。 Bacbone.View内のrenderでDOM要素 の構築を行うことができます。 View (Backbone.View) しかしながら、より簡単にするために、追 加のライブラリを用いてテンプレートエン ジンを使うことが一般的です。 Backbone.StickIt テンプレートエンジンは様々なものが用 意されており、目的に応じてある程度選 択できます。 Backbone. Router Presenter (JS Object) Model (Backbone.Model) ServerAccess (Backbone.sync)
39.
DOM (UI) Template (html、ejs) ルーティング Backbone.Routerを使うことで 基本的なルーティング処理は実現できます。 しかし、Backbone.Routerには状態管理やネス トしたルーティング管理を持たないため、 状態管理を行いたい場合はサードパーティ製ラ イブラリを用いる必要があります。 状態管理 状態の制御、cookieとLocalstrageの管理です。 制御には、サードパーティ製ライブラリを用いま す。 Jqueryライブラリのjquery.cookieと BackboneLocalstrageが有名です。 View (Backbone.View) Backbone. Router Backbone.StickIt Presenter (JS Object) Model (Backbone.Model) ServerAccess (Backbone.sync)
40.
DOM (UI) Template (html、ejs) ビジネスロジック BackboneはビジネスロジックはModelと Collectionを用いて定義します。 ・Backbone.Mode データのCRUDと保持を担当 View (Backbone.View) Backbone.StickIt ・Backbone.Collection Modelの集合体 簡単なアプリケーションであればプレーンな Backboneでも問題ないですが、 規模のおおきな開発では定形コードの削減や コード全般の汚染を防ぐため Backbone.Marionetteを使うのをお勧めしま す。 Backbone. Router Presenter (JS Object) Model (Backbone.Model) ServerAccess (Backbone.sync)
41.
DOM (UI) Template (html、ejs) モデルとビューの同期 Backboneは単体ではデータバインディ ング機能を持っていません。 もし、データバインディングが必要となる 場合は、サードパーティ製ライブラリ (Backbone.StickIt等)を使うことで実現 できるようになります。 しかし、明示的に定義していかなければ ならないため、AngularJSよりはコードが 煩雑になります。 View (Backbone.View) Backbone. Router Backbone.StickIt Presenter (JS Object) Model (Backbone.Model) ServerAccess (Backbone.sync)
42.
DOM (UI) 外部リソースへのアクセス Template (html、ejs) View (Backbone.View) Ajax通信を行う場合は、Backbone.syncにAjax 通信の機能があるのでそれを使用します。 Backbone.StickIt WebSocket通信を行う場合はBackbone.syncを オーバーライドして使います。 syncの仕様 http://backbonejs.org/#Sync Presenter (JS Object) Model (Backbone.Model) ServerAccess (Backbone.sync)
43.
ExtJS DOM (UI) Template (Ext.Template) Domへのアプローチ DOMの構築はExt.Componentを継承した 様々なレイアウト用クラスが使用できます。 一部例) Ext.button.Button(ボタン) Ext.grid.Panel(Grid) Ext.form.Label(ラベル) Ext.Template DOMを容易に生成する為のクラスです。 文字列、またはJSON形式で定義します。 Ext.XTemplateはExt.Templateを継承したク ラスとなっており、比較演算子や条件分 岐、Ext.view.Viewを中継してExxt.XTemplate とExt.data.Storeとの紐付けも可能です。 View (Ext.Component) Controller (Ext.app.Controller) Model (Ext.data.Model) ServerAccess (Ext.data.Ajax) (Ext.ux.WebSocket)
44.
ExtJS DOM (UI) Template (Ext.Template) ルーティング ExtJSはMVCフレームワークのため、MVP特 有のルーティング機能は提供されていません。 Routerを使用したい場合、ユーザーエクステン ションのExt.ux.Routerと言う軽量ライブラリが 存在します。 View (Ext.Component) Controller (Ext.app.Controller) 状態管理 Cookies、Localstorageを用いて状態管理を行 う場合、ExtJSではExt.state.Providerクラスを 継承した以下の機能を使います。 Ext.state.CookieProvider クッキー用の状態保持クラス Ext.state.LocalStorageProvider Localstrage用の状態保持クラス Model (Ext.data.Model) ServerAccess (Ext.data.Ajax) (Ext.ux.WebSocket)
45.
ExtJS ビジネスロジック (モデルとビューの同期) ExtJSのビジネスロジックはExt.data.Model と、Ext.data.Storeで成り立ちます。 DOM (UI) Template (Ext.Template) View (Ext.Component) Ext.data.Model データの保持とCRUDを担当する。 Controller (Ext.app.Controller) Ext.data.Store Modelの集合体 Ext.Componentを継承したViewに当たる機能 は、内部にStoreManagerを所持してお り、StoreオプションにModel(Store)を設定す るとこでViewとModelの紐付きを行えます。 Model (Ext.data.Model) ServerAccess (Ext.data.Ajax) (Ext.ux.WebSocket)
46.
ExtJS DOM (UI) Template (Ext.Template) 外部リソースへのアクセス ExtJSにはAjax通信用のクラスが用意されて います。 Ext.Ajaxを用いた柔軟な通信の他 に、Ext.data.Readerを用いてModelを生成す るExt.data.AjaxProxyや、Rest通信用の Ext.data.RestProxyなど、目的に応じた様々な クラスが用意されています。 WebSocket通信に関しては、ユーザーエクス テンションでExt.ux.WebSocketがあります。 View (Ext.Component) Controller (Ext.app.Controller) Model (Ext.data.Model) ServerAccess (Ext.data.Ajax) (Ext.ux.WebSocket)
47.
日本語書籍 ➔ ➔ ➔ AngularJS ✔ はじめてのAngularJS Backbone ✔ Backbone.jsガイドブック ✔
Backbone.jsアプリケーション開発ガイド@ 2/7 Sencha ExtJS ✔ ExtJS 4 実践開発ガイド ✔ ExtJS 4 実践開発ガイド2
48.
日本語のAPI(Web) ➔ ➔ ➔ AngularJS ✔ 日本語のAPI ✔ http://js.studio-kingdom.com/angularjs Bakcbone ✔
日本語のAPI ✔ http://backbonejs.apidocs.jp/ ExtJS ✔ xenophyで翻訳されたものがあり ✔ http://docs.xenophy.com/ext-js/4-0/
49.
AngularJS ルール:フレームワーク寄り 学習コスト:高い MV~:MVP 破壊的なUI/Viewの変更にも対応しやすい。 デザイン等が決まってなく、素早くプロトタイプしながら形を作り出していく場合に有用 全体的に依存性注入などにより、ロジック全体がフレームワークのルールに依存する形になるので、わ りと統制が取れた仕組みになりやすい。 Backbone ルール:プロジェクト内で作る 学習コスト:低い MV~:MVP & MVC MVP、MVC両方の手段が取れる JSフレームワークなども選択肢が多いため案件に合わせた最適なカスタマイズができるのが良い 既にフロント開発に携わっている場合、そのノウハウを引き継げる為、導入の敷居はさらに低くできる。 ExtJS ルール:フレームワーク重視 学習コスト:高い(xenophyによるトレーニングあり) MV~:MVC MVCパターン重視の為、破壊的なUI/VIew変更がある場合は向かないが、ビジネスロジックが重要に なる場合は堅牢なものが作れるため、とても相性が良い。 学習コストは高め、導入の敷居は高いが、xenophyによるコンサルティングからトレーニングまで有償 でうけられる為、要員が確保できない場合は良い。 サポート付き、かつフレームワークのルールが強いので長期の保守、運用を考えると向いている。
50.
ご清聴ありがとうございました。
Descargar ahora