Submit Search
Upload
忙しい人のためのBackbone.jsとAngular.js入門
•
Download as PPTX, PDF
•
25 likes
•
8,056 views
Toshiaki Maki
Follow
前に作った簡易資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 40
Download now
Recommended
その時は最善の実装だと思っていたことでも、月日が立つことで、それは間違いだったと気づくことがあります。 5年という歳月はそれを気づかせるには十分な時間で、 DDDをやり始めた初期の頃に書かれたコードは良くディスられたりしています。 そのコードは何を失敗していたのか?そして、それは改善するために改善した事とは? BIGLOBEにおける"今"のいいコードの書き方をできる限り具体的な事例を元に紹介します。
ドメイン駆動設計 失敗したことと成功したこと
ドメイン駆動設計 失敗したことと成功したこと
BIGLOBE Inc.
ドメイン駆動設計 のための オブジェクト指向設計 の基本と実装技法。
ドメインオブジェクトの見つけ方・作り方・育て方
ドメインオブジェクトの見つけ方・作り方・育て方
増田 亨
オブジェクト指向エクササイズのススメ
オブジェクト指向エクササイズのススメ
Yoji Kanno
Java Day Tokyo 2016 のセッション3-Eの資料です。 Java8, Java9の新機能がシステムの設計にどういう影響があるのかを考えてみました。
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Yoshitaka Kawashima
C++11で追加された機能を利用してゲームを作ってみた
C++11とゲーム製作
C++11とゲーム製作
uchan_nos
オブジェクト指向できていますか?
オブジェクト指向できていますか?
Moriharu Ohzu
2018/12/21 Deep Learning JP: http://deeplearning.jp/seminar-2/
[DL輪読会]Deep Face Recognition: A Survey
[DL輪読会]Deep Face Recognition: A Survey
Deep Learning JP
ドメイン駆動設計の考え方、3原則、基本テクニック 1章から7章
3週連続DDDその1 ドメイン駆動設計の基本を理解する
3週連続DDDその1 ドメイン駆動設計の基本を理解する
増田 亨
Recommended
その時は最善の実装だと思っていたことでも、月日が立つことで、それは間違いだったと気づくことがあります。 5年という歳月はそれを気づかせるには十分な時間で、 DDDをやり始めた初期の頃に書かれたコードは良くディスられたりしています。 そのコードは何を失敗していたのか?そして、それは改善するために改善した事とは? BIGLOBEにおける"今"のいいコードの書き方をできる限り具体的な事例を元に紹介します。
ドメイン駆動設計 失敗したことと成功したこと
ドメイン駆動設計 失敗したことと成功したこと
BIGLOBE Inc.
ドメイン駆動設計 のための オブジェクト指向設計 の基本と実装技法。
ドメインオブジェクトの見つけ方・作り方・育て方
ドメインオブジェクトの見つけ方・作り方・育て方
増田 亨
オブジェクト指向エクササイズのススメ
オブジェクト指向エクササイズのススメ
Yoji Kanno
Java Day Tokyo 2016 のセッション3-Eの資料です。 Java8, Java9の新機能がシステムの設計にどういう影響があるのかを考えてみました。
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Yoshitaka Kawashima
C++11で追加された機能を利用してゲームを作ってみた
C++11とゲーム製作
C++11とゲーム製作
uchan_nos
オブジェクト指向できていますか?
オブジェクト指向できていますか?
Moriharu Ohzu
2018/12/21 Deep Learning JP: http://deeplearning.jp/seminar-2/
[DL輪読会]Deep Face Recognition: A Survey
[DL輪読会]Deep Face Recognition: A Survey
Deep Learning JP
ドメイン駆動設計の考え方、3原則、基本テクニック 1章から7章
3週連続DDDその1 ドメイン駆動設計の基本を理解する
3週連続DDDその1 ドメイン駆動設計の基本を理解する
増田 亨
WACATE2016S セッション資料
テスト設計・テストケース作成 グループ
テスト設計・テストケース作成 グループ
Tomoaki Fukura
Emscripten & WebAssembly night !! #7での発表資料です
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
祐司 伊藤
身内向けですがせっかく作ったので。 土日に深夜のテンションで作ったので抜け漏れ誤字脱字だらけだと思います…
Visual C++で使えるC++11
Visual C++で使えるC++11
nekko1119
深さ優先探索による塗りつぶしの解説です
深さ優先探索による塗りつぶし
深さ優先探索による塗りつぶし
AtCoder Inc.
ソーシャルゲーム案件におけるDB分割のPHP実装 ~とにかく分割ですよ。10回じゃ足りない。20回くらい分割。~ 株式会社インフィニットループ 佐々木 亨基 2013/7/15にPHPMatsuri2013内で発表された講演のスライド
ソーシャルゲーム案件におけるDB分割のPHP実装
ソーシャルゲーム案件におけるDB分割のPHP実装
infinite_loop
OpenCVSharpを使ってステレオカメラから距離を求めるまでの手順を書きました。
ステレオカメラ作成の道
ステレオカメラ作成の道
ytanno
Boost.勉強会 #19 東京で発表に用いた資料です。
SDL2の紹介
SDL2の紹介
nyaocat
ドメインロジックに集中する。ソフトウェアの中核課題は、ドメインオブジェクトの分析設計。モデル、要件定義、仕様記述という分析活動を実践するための3つの技法(DDD,RDRA,ICONIX)を簡単に紹介。
ドメイン駆動設計 分析しながら設計する
ドメイン駆動設計 分析しながら設計する
増田 亨
物体検出やセグメンテーションタスクに利用可能な階層的Vision Transformerのサーベイ
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Yusuke Uchida
2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。
Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門
樽八 仲川
QuaSTom高品質ソフトウェア技術交流会 第2回例会 講演資料
プロジェクトを成功させるチケット管理
プロジェクトを成功させるチケット管理
Makoto SAKAI
Dockerの事例紹介
Dockerの事例紹介
Hiroki Endo
ドメイン駆動設計の基礎知識の説明と、ゲーム開発への活かし方。
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
関西DDD.java 勉強会 2016-3-5 (DDD Alliance 勉強会 2016-1-21 @東京の京都再演版)
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
342行が1行になったコードはこちら https://github.com/cocu/WallpaperChanger/tree/oneliner
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
cocu_628496
XSSの初心者向け説明です。初心者向けだけど、きっちり理解したい方向け…
XSS再入門
XSS再入門
Hiroshi Tokumaru
オブジェクト指向では、モデリング(分析)、設計、実装は、切れ目のない一体の活動。初期の分析は初期の設計であり、初期の実装。毎日分析し、毎日設計し、毎日実装しながら、一歩一歩、モデルも実装も進化させていく。
オブジェクト指向プログラミングのためのモデリング入門
オブジェクト指向プログラミングのためのモデリング入門
増田 亨
2018/09/28 Deep Learning JP: http://deeplearning.jp/seminar-2/
[DL輪読会]Human Pose Estimation @ ECCV2018
[DL輪読会]Human Pose Estimation @ ECCV2018
Deep Learning JP
(デブサミ 2016 講演資料) Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ NTTデータ 基盤システム事業本部 OSSプロフェッショナルサービス 土橋 昌 吉田 耕陽 イベントページ http://event.shoeisha.jp/devsumi/20160218/session/991/
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
NTT DATA OSS Professional Services
Redmine内で文字のスタイルや表現を豊かにしてくれるツールバーボタン、使ってますか? 全社Redmineの最重要プラグインの一つ、ツールバーボタンを拡張する『jsToolbar Buttons Extension』プラグインについてご紹介します。 これを使って"赤文字"、"青文字"、"Webページ呼び出し"、"テキスト折り畳み"、"ファイルサーバへのリンク"ボタンを作成しています。 発表: 2016-03-05(土)RxTStudy #14 「Redmineの未来を考える - 機能・運用・コミュニティ」@大阪 https://rxtstudy.doorkeeper.jp/events/36338 前作: ある工場のRedmine +(Plus) (2015/11) http://www.slideshare.net/netazone/redmine-plus
【Redmine】ツールバーボタンを作ろう
【Redmine】ツールバーボタンを作ろう
Kohei Nakamura
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
3分でわかるangular js
3分でわかるangular js
Shin Adachi
http://connpass.com/event/6910/ で発表した資料です。 http://ofsilvers.hatenablog.com/entry/ten1club-1 でブログ書いてるよ。
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
More Related Content
What's hot
WACATE2016S セッション資料
テスト設計・テストケース作成 グループ
テスト設計・テストケース作成 グループ
Tomoaki Fukura
Emscripten & WebAssembly night !! #7での発表資料です
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
祐司 伊藤
身内向けですがせっかく作ったので。 土日に深夜のテンションで作ったので抜け漏れ誤字脱字だらけだと思います…
Visual C++で使えるC++11
Visual C++で使えるC++11
nekko1119
深さ優先探索による塗りつぶしの解説です
深さ優先探索による塗りつぶし
深さ優先探索による塗りつぶし
AtCoder Inc.
ソーシャルゲーム案件におけるDB分割のPHP実装 ~とにかく分割ですよ。10回じゃ足りない。20回くらい分割。~ 株式会社インフィニットループ 佐々木 亨基 2013/7/15にPHPMatsuri2013内で発表された講演のスライド
ソーシャルゲーム案件におけるDB分割のPHP実装
ソーシャルゲーム案件におけるDB分割のPHP実装
infinite_loop
OpenCVSharpを使ってステレオカメラから距離を求めるまでの手順を書きました。
ステレオカメラ作成の道
ステレオカメラ作成の道
ytanno
Boost.勉強会 #19 東京で発表に用いた資料です。
SDL2の紹介
SDL2の紹介
nyaocat
ドメインロジックに集中する。ソフトウェアの中核課題は、ドメインオブジェクトの分析設計。モデル、要件定義、仕様記述という分析活動を実践するための3つの技法(DDD,RDRA,ICONIX)を簡単に紹介。
ドメイン駆動設計 分析しながら設計する
ドメイン駆動設計 分析しながら設計する
増田 亨
物体検出やセグメンテーションタスクに利用可能な階層的Vision Transformerのサーベイ
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Yusuke Uchida
2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。
Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門
樽八 仲川
QuaSTom高品質ソフトウェア技術交流会 第2回例会 講演資料
プロジェクトを成功させるチケット管理
プロジェクトを成功させるチケット管理
Makoto SAKAI
Dockerの事例紹介
Dockerの事例紹介
Hiroki Endo
ドメイン駆動設計の基礎知識の説明と、ゲーム開発への活かし方。
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
増田 亨
関西DDD.java 勉強会 2016-3-5 (DDD Alliance 勉強会 2016-1-21 @東京の京都再演版)
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
342行が1行になったコードはこちら https://github.com/cocu/WallpaperChanger/tree/oneliner
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
cocu_628496
XSSの初心者向け説明です。初心者向けだけど、きっちり理解したい方向け…
XSS再入門
XSS再入門
Hiroshi Tokumaru
オブジェクト指向では、モデリング(分析)、設計、実装は、切れ目のない一体の活動。初期の分析は初期の設計であり、初期の実装。毎日分析し、毎日設計し、毎日実装しながら、一歩一歩、モデルも実装も進化させていく。
オブジェクト指向プログラミングのためのモデリング入門
オブジェクト指向プログラミングのためのモデリング入門
増田 亨
2018/09/28 Deep Learning JP: http://deeplearning.jp/seminar-2/
[DL輪読会]Human Pose Estimation @ ECCV2018
[DL輪読会]Human Pose Estimation @ ECCV2018
Deep Learning JP
(デブサミ 2016 講演資料) Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ NTTデータ 基盤システム事業本部 OSSプロフェッショナルサービス 土橋 昌 吉田 耕陽 イベントページ http://event.shoeisha.jp/devsumi/20160218/session/991/
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
NTT DATA OSS Professional Services
Redmine内で文字のスタイルや表現を豊かにしてくれるツールバーボタン、使ってますか? 全社Redmineの最重要プラグインの一つ、ツールバーボタンを拡張する『jsToolbar Buttons Extension』プラグインについてご紹介します。 これを使って"赤文字"、"青文字"、"Webページ呼び出し"、"テキスト折り畳み"、"ファイルサーバへのリンク"ボタンを作成しています。 発表: 2016-03-05(土)RxTStudy #14 「Redmineの未来を考える - 機能・運用・コミュニティ」@大阪 https://rxtstudy.doorkeeper.jp/events/36338 前作: ある工場のRedmine +(Plus) (2015/11) http://www.slideshare.net/netazone/redmine-plus
【Redmine】ツールバーボタンを作ろう
【Redmine】ツールバーボタンを作ろう
Kohei Nakamura
What's hot
(20)
テスト設計・テストケース作成 グループ
テスト設計・テストケース作成 グループ
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
Visual C++で使えるC++11
Visual C++で使えるC++11
深さ優先探索による塗りつぶし
深さ優先探索による塗りつぶし
ソーシャルゲーム案件におけるDB分割のPHP実装
ソーシャルゲーム案件におけるDB分割のPHP実装
ステレオカメラ作成の道
ステレオカメラ作成の道
SDL2の紹介
SDL2の紹介
ドメイン駆動設計 分析しながら設計する
ドメイン駆動設計 分析しながら設計する
近年のHierarchical Vision Transformer
近年のHierarchical Vision Transformer
Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門
プロジェクトを成功させるチケット管理
プロジェクトを成功させるチケット管理
Dockerの事例紹介
Dockerの事例紹介
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計をゲーム開発に活かす
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
XSS再入門
XSS再入門
オブジェクト指向プログラミングのためのモデリング入門
オブジェクト指向プログラミングのためのモデリング入門
[DL輪読会]Human Pose Estimation @ ECCV2018
[DL輪読会]Human Pose Estimation @ ECCV2018
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
Apache Sparkに手を出してヤケドしないための基本 ~「Apache Spark入門より」~ (デブサミ 2016 講演資料)
【Redmine】ツールバーボタンを作ろう
【Redmine】ツールバーボタンを作ろう
Viewers also liked
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
3分でわかるangular js
3分でわかるangular js
Shin Adachi
http://connpass.com/event/6910/ で発表した資料です。 http://ofsilvers.hatenablog.com/entry/ten1club-1 でブログ書いてるよ。
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
AngularJS福岡勉強会(第1回) (http://www.zusaar.com/event/10477010) でのLT発表資料です。
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Yuta Matsumura
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□ ---------------------------------------------------------------------- ■AnglarJSを使おう! ~AngularJSの使い方とインストールまで~ ---------------------------------------------------------------------- ■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□ ---------------------------------------------------------------------- ■目次 ---------------------------------------------------------------------- ●JavaScript開発が変わっている! ・パッケージ開発について ・クラスライブラリとしての利用開発 ・パッケージ管理ツール(npm) ・npmの利用 ・依存管理について ・module管理でアプリ開発 ・CLIでビルド処理 ・AngularCLIとは? ・Angular開発用Webサーバーのご紹介 ●Angularを使おう ・関連ソフトウェアのインストール ・AngularCLIのインストール ・プロジェクトの作成方法
Angularを利用しよう
Angularを利用しよう
AfiruPain NaokiSoga
スタッフネット株式会社主催、オンライン・マンツーマン形式「AngularモダンWeb開発セミナー」の紹介 http://www.staffnet.co.jp/hp/semi/modern/
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
Webアプリケーション開発において、プログラマーがデザイナーと協業するためには何が必要なのかを考える。またそのための具体的な方法を提案する。
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
kwatch
今更ながらALT#1でのLT発表資料を上げました。 angular-fullstack
Alt01-LT
Alt01-LT
Yuta Hiroto
こちらの資料の拡大版です。 http://www.slideshare.net/mitsuruogawa33/webangularjs
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
2015/01/24 13:00 JavaQne(じゃばきゅん) 2015 Fukuoka
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
ng-japan(http://ngjapan.org)での発表資料です。
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
Type scriptとはからTypeScriptの使い方までをご紹介しています。 ●TypeScriptの概要 ・TypeScriptとは ・TypeScriptの機能 ・TypeScriptの利用 ・静的型付けについて ・型の指定方法 ・型推論 ・演算 ・条件 ・繰り返し ・関数 ・クラス構文 ●JavaScriptの資産の流用 ・JavaScriptソースコードの利用 ・JavaScriptライブラリの利用 ・定義ファイルの取得方法 ・型チェックの強制 ・jQueryの利用
TypeScriptで快適javascript
TypeScriptで快適javascript
AfiruPain NaokiSoga
Viewers also liked
(12)
3分でわかるangular js
3分でわかるangular js
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Angularを利用しよう
Angularを利用しよう
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
Alt01-LT
Alt01-LT
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
TypeScriptで快適javascript
TypeScriptで快適javascript
Similar to 忙しい人のためのBackbone.jsとAngular.js入門
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Shinichi Tomita
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
Nobukazu Hanada
HTML5-20100626
HTML5-20100626
Taku AMANO
Objective-C や Swift のネイティブコードから JavaScript をランタイムで実行するための JavaScriptCore.framework のお話です。基本的な機能の説明と、注意点を整理して紹介しています。
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Tomohiro Kumagai
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Hishikawa Takuro
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Takumi Ohashi
JJUG CCC 2012 Springで講演した資料
Play jjug2012spring
Play jjug2012spring
Takafumi Ikeda
https://www.facebook.com/TonosamaLabo
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
2016/01/16に開催されたWDF研修「半歩先のSEOで効率よく結果を出そう」で発表させて頂いたLTです。
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
Web制作勉強会第二回の資料 jQuery入門です。
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
グランフロントエンド 2015 発表スライド
asm.jsとWebAssemblyって実際なんなの?
asm.jsとWebAssemblyって実際なんなの?
Yosuke Onoue
Node.js勉強会 Framework Koaについてのスライドです
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
kamiyam .
勉強会にてES6-JavaScript-について話た時の資料です。 JavaScript, ECMAScript6, Generator,Node.js,Isomophicに関して話ました。
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
Oonishi Keitarou
2012年11月29日(木)に飯田橋にて開催いたしました勉強会の資料になります。
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
Hiroki Toyokawa
2013年2月25日(月) に開催されました TechBuzz 第4回.js系開発技術勉強会で発表させていただきましたスライドになります。内容は Backbone.js の入門となっております。
はじめよう Backbone.js
はじめよう Backbone.js
Hiroki Toyokawa
2015年度 GX/MF エンジニア合同新人研修 3日目
JavaScript 研修
JavaScript 研修
Yuki Ishikawa
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
eiji sekiya
これからHTML5を書く人のためのセキュリティ 2012年7月21日 HTML5など勉強会
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
yoshinori matsumoto
ギョームの話です
大規模なギョームシステムにHaxeを採用してみた話
大規模なギョームシステムにHaxeを採用してみた話
terurou
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
Similar to 忙しい人のためのBackbone.jsとAngular.js入門
(20)
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Sales Force Episode VI ~ Return of Ajax Toolkit ~
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
HTML5-20100626
HTML5-20100626
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Play jjug2012spring
Play jjug2012spring
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Web制作勉強会 #2
Web制作勉強会 #2
asm.jsとWebAssemblyって実際なんなの?
asm.jsとWebAssemblyって実際なんなの?
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
はじめよう Backbone.js
はじめよう Backbone.js
JavaScript 研修
JavaScript 研修
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
大規模なギョームシステムにHaxeを採用してみた話
大規模なギョームシステムにHaxeを採用してみた話
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
More from Toshiaki Maki
Spring Fest 2019 Keynote
From Spring Boot 2.2 to Spring Boot 2.3 #jsug
From Spring Boot 2.2 to Spring Boot 2.3 #jsug
Toshiaki Maki
Concourse Meetup Tokyo #8
Concourse x Spinnaker #concourse_tokyo
Concourse x Spinnaker #concourse_tokyo
Toshiaki Maki
Serverless with Spring Cloud Function, Knative and riff SpringOne Tour Tokyo
Serverless with Spring Cloud Function, Knative and riff #SpringOneTour #s1t
Serverless with Spring Cloud Function, Knative and riff #SpringOneTour #s1t
Toshiaki Maki
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 Spring Fest 2018
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
Toshiaki Maki
Spring Boot Actuator 2.0 & Micrometer #jjug_ccc #ccc_a1 @JJUG CCC 2018 Spring / 2018-05-26
Spring Boot Actuator 2.0 & Micrometer #jjug_ccc #ccc_a1
Spring Boot Actuator 2.0 & Micrometer #jjug_ccc #ccc_a1
Toshiaki Maki
Spring Boot Actuator 2.0 & Micrometer
Spring Boot Actuator 2.0 & Micrometer
Spring Boot Actuator 2.0 & Micrometer
Toshiaki Maki
Kubernetes Meetup Tokyo #10
Open Service Broker APIとKubernetes Service Catalog #k8sjp
Open Service Broker APIとKubernetes Service Catalog #k8sjp
Toshiaki Maki
JSUG 2018-02
Spring Cloud Function & Project riff #jsug
Spring Cloud Function & Project riff #jsug
Toshiaki Maki
Introduction to Spring WebFlux @ Spring Fest 2017
Introduction to Spring WebFlux #jsug #sf_a1
Introduction to Spring WebFlux #jsug #sf_a1
Toshiaki Maki
BOSH / CF Deployment in modern ways Cloud Foundry Tokyo Meetup #4
BOSH / CF Deployment in modern ways #cf_tokyo
BOSH / CF Deployment in modern ways #cf_tokyo
Toshiaki Maki
Why PCF is the best platform for Spring Boot
Why PCF is the best platform for Spring Boot
Why PCF is the best platform for Spring Boot
Toshiaki Maki
Zipkin Meetup #1
Zipkin Components #zipkin_jp
Zipkin Components #zipkin_jp
Toshiaki Maki
de:code 2017 DO07
マイクロサービスに必要な技術要素はすべてSpring Cloudにある #DO07
マイクロサービスに必要な技術要素はすべてSpring Cloudにある #DO07
Toshiaki Maki
Spring Framework 5.0による Reactive Web Application
Spring Framework 5.0による Reactive Web Application #JavaDayTokyo
Spring Framework 5.0による Reactive Web Application #JavaDayTokyo
Toshiaki Maki
JSUG
実例で学ぶ、明日から使えるSpring Boot Tips #jsug
実例で学ぶ、明日から使えるSpring Boot Tips #jsug
Toshiaki Maki
JJUG Night Seminar 2017 Feb
Spring ❤️ Kotlin #jjug
Spring ❤️ Kotlin #jjug
Toshiaki Maki
Event Driven Microservices with Spring Cloud Stream JJUG CCC Fall 2016 #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Toshiaki Maki
Managing your Docker image continuously with Concourse CI
Managing your Docker image continuously with Concourse CI
Managing your Docker image continuously with Concourse CI
Toshiaki Maki
Spring Cloud Data Flow #jsug #springday
Data Microservices with Spring Cloud Stream, Task, and Data Flow #jsug #spri...
Data Microservices with Spring Cloud Stream, Task, and Data Flow #jsug #spri...
Toshiaki Maki
Short Lived Tasks in Cloud Foundry LT at Cloud Foundry Days in Tokyo. 2016-11-11
Short Lived Tasks in Cloud Foundry #cfdtokyo
Short Lived Tasks in Cloud Foundry #cfdtokyo
Toshiaki Maki
More from Toshiaki Maki
(20)
From Spring Boot 2.2 to Spring Boot 2.3 #jsug
From Spring Boot 2.2 to Spring Boot 2.3 #jsug
Concourse x Spinnaker #concourse_tokyo
Concourse x Spinnaker #concourse_tokyo
Serverless with Spring Cloud Function, Knative and riff #SpringOneTour #s1t
Serverless with Spring Cloud Function, Knative and riff #SpringOneTour #s1t
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
Spring Boot Actuator 2.0 & Micrometer #jjug_ccc #ccc_a1
Spring Boot Actuator 2.0 & Micrometer #jjug_ccc #ccc_a1
Spring Boot Actuator 2.0 & Micrometer
Spring Boot Actuator 2.0 & Micrometer
Open Service Broker APIとKubernetes Service Catalog #k8sjp
Open Service Broker APIとKubernetes Service Catalog #k8sjp
Spring Cloud Function & Project riff #jsug
Spring Cloud Function & Project riff #jsug
Introduction to Spring WebFlux #jsug #sf_a1
Introduction to Spring WebFlux #jsug #sf_a1
BOSH / CF Deployment in modern ways #cf_tokyo
BOSH / CF Deployment in modern ways #cf_tokyo
Why PCF is the best platform for Spring Boot
Why PCF is the best platform for Spring Boot
Zipkin Components #zipkin_jp
Zipkin Components #zipkin_jp
マイクロサービスに必要な技術要素はすべてSpring Cloudにある #DO07
マイクロサービスに必要な技術要素はすべてSpring Cloudにある #DO07
Spring Framework 5.0による Reactive Web Application #JavaDayTokyo
Spring Framework 5.0による Reactive Web Application #JavaDayTokyo
実例で学ぶ、明日から使えるSpring Boot Tips #jsug
実例で学ぶ、明日から使えるSpring Boot Tips #jsug
Spring ❤️ Kotlin #jjug
Spring ❤️ Kotlin #jjug
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Managing your Docker image continuously with Concourse CI
Managing your Docker image continuously with Concourse CI
Data Microservices with Spring Cloud Stream, Task, and Data Flow #jsug #spri...
Data Microservices with Spring Cloud Stream, Task, and Data Flow #jsug #spri...
Short Lived Tasks in Cloud Foundry #cfdtokyo
Short Lived Tasks in Cloud Foundry #cfdtokyo
Recently uploaded
2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/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
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の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2022年10月27日に社内向けに開催した勉強会資料の社外公開版です(発表8分程度)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン (OCHaCafe Season 8 #4 発表資料) 2024年5月8日(水) NTTデータグループ 技術開発本部 小林 隆浩
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
2024年4月に社内向けに開催した勉強会資料の社外公開版です
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
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
Recently uploaded
(11)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介: 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デバイス
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
忙しい人のためのBackbone.jsとAngular.js入門
1.
忙しい人のためのBackbone.jsと Angular.js入門 2014/03/20
2.
なぜフレームワークが必要か • (単純化した)良くあるJavaScriptアプリケーショ ン ① クリックされると ②
フォームの内容を取得し て ③ Ajax送信し、 ④ 結果を描画する POST http://example.com/status {"text" : "aaaa"} ---- {"text" : "hi! aaaa"}
3.
jQueryで簡単に実装! http://jsfiddle.net/EdXzC/ 簡単ですね!
4.
jQueryで簡単に実装! • 何が問題か?
5.
対象が複雑になったら・・・ • フォームの項目が大量になったら・・・ • 描画するHTMLが複雑になったら・・・ •
AJAXの成功結果を受けて連動する処理が増 えたら・・・ • 監視するDOMイベントが増えたら・・・
6.
フォームの項目が大量になったら・・・ ここが増える
7.
描画するHTMLが複雑になったら・・・ ここが増える
8.
AJAXの成功結果を受けて連動する処 理が増えたら・・・ ここが増える
9.
監視するDOMイベントが増えたら・・・ ここが増える
10.
対象が複雑になったら・・・ • ソースコードの見通しが悪くスパゲッティ化し、 あとからソースを見たときに解読が難しくなる。 • どこに修正を加えていいかわかりづらい •
修正がどこに影響するかわかりづらい 保守性の大幅な低下!
11.
どこが悪いのか?
12.
どこが悪いのか? DOMイベントハンドラの中 に
13.
どこが悪いのか? AJAXの処理が記述され、
14.
どこが悪いのか? Model(ここではデータ)をDOM から値を取得して構築し、
15.
どこが悪いのか? • イベントハンドリング • モデルの構築 •
AJAX通信処理 • Viewの更新 •を1カ所に実装しているのが悪い。
16.
改善その1 ~イベントハンドラの分離~ • http://jsfiddle.net/Y49kF/
17.
改善その2 ~View更新処理の分離~ • http://jsfiddle.net/bL9R6/
18.
改善その3 ~データとAjax通信の分離~ • http://jsfiddle.net/wF4tX/
19.
改善その4 ~ModelからViewの分離~ • http://jsfiddle.net/zs4tx/
20.
こういうアプリケーションの作り方を フレームワーク化したい • 注意: MVC云々は忘れましょう –
頭の中のMVCモデルは捨ててください
21.
Backbone.js • http://jsfiddle.net/827eH/
22.
Backbone.js • http://jsfiddle.net/827eH/ Model情報 イベントマッピング テンプレート Ajax通信処理 Ajaxコールバック処理
23.
Backbone.js (よりBackboneらしい書き方) • http://jsfiddle.net/A7qj3/
24.
Backbone.js (よりBackboneらしい書き方) • http://jsfiddle.net/A7qj3/ コールバックを直接書かず pub/subパターンで処理 イベントを購読
25.
Backbone.js (よりBackboneらしい書き方) • http://jsfiddle.net/A7qj3/ this.collectionが“add”イベントを発行 this.collectionの“add”イベントが発 行されたら、this.addLineを実行する
26.
Backbone.js (さらにBackboneらしい書き方) • http://jsfiddle.net/AST2V/
27.
Backbone.js (さらにBackboneらしい書き方) • http://jsfiddle.net/AST2V/ 意味のある(制御する)DOMの単位で Viewを分割する
28.
Viewの分割
29.
Viewの分割 NewStatusView StatusesView StatusLineView
30.
データバインディングを改善 jQueryのセレクタで値を一つ 一つ取得してModelに設定 jQueryのセレクタで一つ一つ DOMを更新
31.
• Backbone.stickitを導入 • http://jsfiddle.net/S66eE/ データバインディングを改善
32.
• Backbone.stickitを導入 • http://jsfiddle.net/S66eE/ データバインディングを改善 DOMの要素とModel の属性とのマッピング 定義 this.modelとthis.$el のバインディング フォームを更新すると勝手に modelもアップデート modelを更新するとフォームも 勝手にもアップデート
33.
Backbone.jsのアーキテクチャ 準備中(してないけど)
34.
Angular.js • http://jsfiddle.net/nmCTY/
35.
Angular.js (よりangularらしい書き方) • http://jsfiddle.net/F3mAv/
36.
Angular.js (よりangularらしい書き方) • http://jsfiddle.net/F3mAv/ DI
37.
Angular.js • http://jsfiddle.net/HALKq/ Angular.jsは変数名でDIしてくれるが、 JavaScriptコード圧縮した場合、変数 名が変わってしまうため、明示的に アノテートするのがベター。
38.
Angular.js • http://jsfiddle.net/HALKq/ 自動化ツールあり https://github.com/btford/ngmin
39.
Angular.jsのアーキテクチャ 準備中(してないけど)
40.
Backbone.js or Angular.js •
今回のサンプルだと圧倒的にBackboneが不 利!
Download now