SlideShare a Scribd company logo
佐藤 竜之介(Ryunosuke SATO)
Sapporo.jsOSC Hokkaido 2013
はじめる
Ember.js!!
~ Getting started with Ember.js ~
2013.09.14
はじめる Ember.js!! ~ Getting started with ember.js ~
Enjoy :-)
提供
Sapporo.js
Community for people who like JavaScript.
自己紹介
@tricknotes
I am a software developer who
love JavaScript and Ruby.
http://tricknotes.hateblo.jp/
I love OSS
I am a contributer
of Ember.js
/*
* advertising
* about Ember.js
*
* !!Important!!
*
2013.9.28
Ruby勉強会@札幌
http://ruby-sapporo.org/news/2013/07/31/workshop-27.html
2013.11.11
Ember.js ハンズオン
http://www.deos.co.jp/SK010.html
https://idobata.io
Idobata
*/
よろしく
お願いします
佐藤 竜之介(Ryunosuke SATO)
Sapporo.jsOSC Hokkaido 2013
はじめる
Ember.js!!
~ Getting started with Ember.js ~
2013.09.14
http://emberjs.com/
はじめる Ember.js!! ~ Getting started with ember.js ~
Ember.js 1.0 released!
6ヶ月間の rc 時代
初の安定版リリース
はじめるなら、いま!
今日の目標
* 開発の手順を知ることができる
* 基本的なコンポーネントを理解できる
* 実際にはじめることができる!
Ember.js について...
今日の話
* Ember.js って何?
* Ember.js のはじめ方
今日の話
* Ember.js って何?
* Ember.js のはじめ方
最近の web アプリでは、
画面遷移がなく一画面でリア
クティブに操作できるアプリ
ケーションを見る機会が増え
ました
例えば...
Travis CI
Discourse
Idobata
なんでこんな複雑なアプリ
ケーションを作るのか?
使いやすさ
でも、作るのは大変...
web アプリケーションなら
ではの難しいところのひとつ
JavaScript と DOM の
距離が遠い
ようこそ⃝⃝さん
シンプルな例
シンプルな例
入力
表示
Demo on http://emberjs.com/
シンプルな例
JavaScript
DOM
DOM
入力
表示
入力したものがそのまま表示
されてほしい!!
jQuery を使った例
コピーペーストにも対応!!
jQuery を使った例
jQuery でのアプローチ
他にも困るところ...
* DOM の変更で JS を修正
* 他の場所に表示させるには...
やりたいことの割に複雑
破綻した経験があるでのは?
jQuery based
architecture
そう、とても変更に弱いのです
今回のテーマは、
もっとリッチなアプリケーション
別の解決が必要
Ember.js のアプローチ
Ember.js を使った例
簡潔で全く無駄のない記述!!
Ember.js を使った例
当然 の部分を人間がコー
ディングしなくていい!!
DOM 管理
-> フレームワーク
オブジェクトの監視
-> フレームワーク
使ってて気持ちいいか
-> 開発者
適切な役割分担
プログラマがアプリの本質に
集中できるよう、それ以外の
部分をサポートしてくれる!!
ここまでが、Ember.js の
基本的な考え方
チェックポイント
* すごいアプリケーションを作るための
フレームワークです
* プログラマーが快適に開発することを
サポートしてくれます
「Ember.js って何?」
今日の話
* Ember.js って何?
* Ember.js のはじめ方
さぁ、ここからは実際に
Ember.js をはじめてみよう!
対象バージョン
Ember.js 1.0.0
2013.09.14 現在、最新の安定版
http://tricknotes.github.io/demo-for-osc2013do/
Demo アプリケーション
アプリケーション作成を行いながら
Ember のモジュールを解説します
ひとつひとつ動作を確認しながら
進めていきます
modules
modules
Getting started!!
http://emberjs.com/
Starter kit
関連ライブラリのセットアップ
前準備
jQuery 1.10.2
Handlebars 1.0.0
Ember.js 1.0.0
関連ライブラリのセットアップ
前準備
アプリケーションの初期化
create -> インスタンスの作成
extend -> オブジェクトの継承
補足
コンソールのログを確認し
て、Ember が動いているこ
とを確認する
下準備完了
簡単な画面を表示する
mission 1
入力画面を表示したい
http://handlebarsjs.com/
handlebars
はじめる Ember.js!! ~ Getting started with ember.js ~
入力画面のモックが表示された
一覧画面に遷移する
mission 2
リンクをクリックして一覧を表示したい
Router / Route
* いわゆる URL を定義する
* URL があると 進む / 戻る が
できる
* URL を指定して画面を開ける
* URL にアクセスされた先の初期化は
Route で行なう
/sheets を定義する
/sheets で表示される画面を作る
画面遷移できるようになった
ここでデータモデルを考えておく
データモデルを考える
Sheet Order Line
1 n
* 商品名
* 単価
* 個数
* 作成日時
データモデルを考える
Sheet Order Line
初期値を決めておく
入力画面の初期表示を行なう
mission 3
binding
* オブジェクトの状態と表示を
同期する仕組み
* オブジェクト同士にも使える
画面表示用にオブジェクトを用意する
オブジェクトと DOM を紐付ける
明細行が2行になった
初期値が表示された
小計を表示する
mission 4
小計を勝手に計算してほしい
Computed property
* あるプロパティ(複数可)の値を
元に別の値を求めたいときに使う
* 関数ではなくプロパティのように
扱える
小計表示欄を追加
依存するプロパティと算出方法を宣言
リアルタイムで小計が計算される!!
合計を表示する
mission 5
合計も自動で計算してほしい
合計表示欄を追加
配列の中身に依存するので @each を使う
合計が自動で計算される!!
入力欄を増やせるようにする
mission 6
行を追加 ボタンを動くようにしたい
controller
* ユーザからのアクションを受け付ける
* モデルのプロキシとして振る舞う
* アプリケーションコンテキストを保持する
ボタンを押した時のアクションを定義
アクションを定義して処理を記述する
行を追加できるようになった
入力欄を削除できるようにする
mission 7
削除 ボタンを動くようにしたい
どの行を削除するか特定するため、
アクションに引数を渡す
アクションを追加する
行を削除できるようになった
帳票を保存できるようにする
mission 8
保存場所を用意
ボタンを作成
アクションを追加する
登録が完了したら一覧へ遷移する
ここまでで console から確認してみる
帳票オブジェクトが保存されている
帳票一覧を表示する
mission 9
Route で帳票全件を用意する
sheets で全件表示
作成した帳票が表示される
帳票の詳細を表示する
mission 10
詳細を見る リンクを動くようにしたい
* オブジェクトに対応した URL を
発行する
* URL からパラメータを読みだして、
オブジェクトを復元する
Route
URL のパターンを指定
オブジェクトを特定するため
のプロパティを追加
リンクを追加
リンクが表示される
詳細画面の template を作成
詳細が表示される
あとは見栄えを整えると...
http://tricknotes.github.io/demo-for-osc2013do/
簡単な Ember アプリが完成
今日のまとめ
* Ember.js はすごいアプリケーションを
作るためのフレームワークです
* 快適に開発する手助けをしてくれます
* Ember.Application.create()
今日話さなかったこと
* サーバ側とのやりとり
* 既存の web サイトへの組み込み
* その他のモジュール
難しいところ
* 学習コストが高い
* 日本語の情報が少ない
* そもそも 1.0 の情報が少ない
for more information...
http://emberjs.com/guides/
http://stackoverflow.com/tags/ember.js/
http://discuss.emberjs.com/
ぜひみなさんも、
Ember.js を使った
快適なアプリケーション開発を
体感してみてください!!

More Related Content

What's hot

Nodeについて
NodeについてNodeについて
Nodeについて
Natsuki Yamanaka
 
Hello, Node.js
Hello, Node.jsHello, Node.js
Hello, Node.js
Shin Sekaryo
 
Nodeにしましょう
NodeにしましょうNodeにしましょう
Nodeにしましょう
Yuzo Hebishima
 
Rails あるある
Rails あるあるRails あるある
Rails あるある
Ryunosuke SATO
 
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
leverages_event
 
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
 
Node.js で Web アプリ開発
Node.js で Web アプリ開発Node.js で Web アプリ開発
Node.js で Web アプリ開発
Tatsumi Naganuma
 
MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介
kamiyam .
 
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
 
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
Ryunosuke SATO
 
Node.js Hands-On
Node.js Hands-OnNode.js Hands-On
Node.js Hands-On
Akinari Tsugo
 
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしようNode.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
 
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Nobuhiro Nakashima
 
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいことjQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
良太 増子
 
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
Koichi Uchimura
 
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript FrameworkNode.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
kamiyam .
 
Introduction for Browser Side MVC
Introduction for Browser Side MVCIntroduction for Browser Side MVC
Introduction for Browser Side MVC
Ryunosuke SATO
 
Node js 入門
Node js 入門Node js 入門
Node js 入門
Satoshi Takami
 
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイルJavaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Maaya Ishida
 
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
 

What's hot (20)

Nodeについて
NodeについてNodeについて
Nodeについて
 
Hello, Node.js
Hello, Node.jsHello, Node.js
Hello, Node.js
 
Nodeにしましょう
NodeにしましょうNodeにしましょう
Nodeにしましょう
 
Rails あるある
Rails あるあるRails あるある
Rails あるある
 
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
 
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
 
Node.js で Web アプリ開発
Node.js で Web アプリ開発Node.js で Web アプリ開発
Node.js で Web アプリ開発
 
MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介
 
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
 
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
 
Node.js Hands-On
Node.js Hands-OnNode.js Hands-On
Node.js Hands-On
 
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしようNode.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
 
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
 
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいことjQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
 
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
 
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript FrameworkNode.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
 
Introduction for Browser Side MVC
Introduction for Browser Side MVCIntroduction for Browser Side MVC
Introduction for Browser Side MVC
 
Node js 入門
Node js 入門Node js 入門
Node js 入門
 
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイルJavaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
 
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
 

Similar to はじめる Ember.js!! ~ Getting started with ember.js ~

The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
tatsuo sakurai
 
ABC 2013 Spring in Yokohama Android
ABC 2013 Spring in Yokohama AndroidABC 2013 Spring in Yokohama Android
ABC 2013 Spring in Yokohama Android
Kenichi Ohwada
 
201304013 LOD Prize in Android Yokosuka
201304013 LOD Prize in Android Yokosuka201304013 LOD Prize in Android Yokosuka
201304013 LOD Prize in Android Yokosuka
Kenichi Ohwada
 
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
Toshio Ehara
 
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
Kohei MATSUSHITA
 
20160517 jaws ug osaka-no.14_opening
20160517 jaws ug osaka-no.14_opening20160517 jaws ug osaka-no.14_opening
20160517 jaws ug osaka-no.14_opening
Daiki Mori
 
20100626-We-Think-We-Act
20100626-We-Think-We-Act20100626-We-Think-We-Act
20100626-We-Think-We-Act
Koji SHIMADA
 
岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)
Makoto Henmi
 

Similar to はじめる Ember.js!! ~ Getting started with ember.js ~ (8)

The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
The Way of Fun Development - たのしい開発への道 / Sapporo RubyKaigi2012
 
ABC 2013 Spring in Yokohama Android
ABC 2013 Spring in Yokohama AndroidABC 2013 Spring in Yokohama Android
ABC 2013 Spring in Yokohama Android
 
201304013 LOD Prize in Android Yokosuka
201304013 LOD Prize in Android Yokosuka201304013 LOD Prize in Android Yokosuka
201304013 LOD Prize in Android Yokosuka
 
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
 
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
JAWS DAYS 2017 / SORACOM UGで発表されたLTやブログを紹介しちゃうよ!!
 
20160517 jaws ug osaka-no.14_opening
20160517 jaws ug osaka-no.14_opening20160517 jaws ug osaka-no.14_opening
20160517 jaws ug osaka-no.14_opening
 
20100626-We-Think-We-Act
20100626-We-Think-We-Act20100626-We-Think-We-Act
20100626-We-Think-We-Act
 
岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)
 

More from Ryunosuke SATO

Ember コミュニティとわたし
Ember コミュニティとわたしEmber コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
 
gem の探し方
gem の探し方gem の探し方
gem の探し方
Ryunosuke SATO
 
コミュニティのある風景
コミュニティのある風景コミュニティのある風景
コミュニティのある風景
Ryunosuke SATO
 
capybara で快適なテスト生活を
capybara で快適なテスト生活をcapybara で快適なテスト生活を
capybara で快適なテスト生活を
Ryunosuke SATO
 
Testable JavaScript
Testable JavaScriptTestable JavaScript
Testable JavaScript
Ryunosuke SATO
 
Social coding をもっと楽しみたいあなたへ
Social coding をもっと楽しみたいあなたへSocial coding をもっと楽しみたいあなたへ
Social coding をもっと楽しみたいあなたへ
Ryunosuke SATO
 
Clean Javascript
Clean JavascriptClean Javascript
Clean Javascript
Ryunosuke SATO
 
Node.jsってどうなの?
Node.jsってどうなの?Node.jsってどうなの?
Node.jsってどうなの?
Ryunosuke SATO
 
アジャイル的アプローチから見えてきたこと
アジャイル的アプローチから見えてきたことアジャイル的アプローチから見えてきたこと
アジャイル的アプローチから見えてきたこと
Ryunosuke SATO
 
脱レガシー化計画
脱レガシー化計画脱レガシー化計画
脱レガシー化計画
Ryunosuke SATO
 
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフPusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
 
ServerSideJavaScript
ServerSideJavaScriptServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
 

More from Ryunosuke SATO (12)

Ember コミュニティとわたし
Ember コミュニティとわたしEmber コミュニティとわたし
Ember コミュニティとわたし
 
gem の探し方
gem の探し方gem の探し方
gem の探し方
 
コミュニティのある風景
コミュニティのある風景コミュニティのある風景
コミュニティのある風景
 
capybara で快適なテスト生活を
capybara で快適なテスト生活をcapybara で快適なテスト生活を
capybara で快適なテスト生活を
 
Testable JavaScript
Testable JavaScriptTestable JavaScript
Testable JavaScript
 
Social coding をもっと楽しみたいあなたへ
Social coding をもっと楽しみたいあなたへSocial coding をもっと楽しみたいあなたへ
Social coding をもっと楽しみたいあなたへ
 
Clean Javascript
Clean JavascriptClean Javascript
Clean Javascript
 
Node.jsってどうなの?
Node.jsってどうなの?Node.jsってどうなの?
Node.jsってどうなの?
 
アジャイル的アプローチから見えてきたこと
アジャイル的アプローチから見えてきたことアジャイル的アプローチから見えてきたこと
アジャイル的アプローチから見えてきたこと
 
脱レガシー化計画
脱レガシー化計画脱レガシー化計画
脱レガシー化計画
 
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフPusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
 
ServerSideJavaScript
ServerSideJavaScriptServerSideJavaScript
ServerSideJavaScript
 

Recently uploaded

MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
iPride Co., Ltd.
 
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツールMOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
TsuyoshiSaito7
 
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
Hironori Washizaki
 
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
Tetsuya Nihonmatsu
 
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
Takuya Minagawa
 
Kyndryl Developer Services のご紹介 2024年7月
Kyndryl Developer Services のご紹介  2024年7月Kyndryl Developer Services のご紹介  2024年7月
Kyndryl Developer Services のご紹介 2024年7月
Takayuki Nakayama
 
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
company21
 
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
Tatsuya Ishikawa
 
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
shogotaguchi
 
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
TsuyoshiSaito7
 

Recently uploaded (10)

MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
MySQLの文字コードと照合順序について 2024/07/05の勉強会で発表されたものです。
 
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツールMOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
MOSHI: 革新的な音声AI QAIが開発した次世代のコミュニケーションツール
 
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
「スマートエスイー」におけるスマートシステム&サービスおよびDX推進人材の産学連携育成ならびに参照モデルに基づく育成プログラム分析
 
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
能動的サイバー防御の時代へ - GPTsから垣間見えた私達と未来のAIについて
 
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
第61回CV勉強会「CVPR2024読み会」(前編)発表資料:State Space Models for Event Cameras
 
Kyndryl Developer Services のご紹介 2024年7月
Kyndryl Developer Services のご紹介  2024年7月Kyndryl Developer Services のご紹介  2024年7月
Kyndryl Developer Services のご紹介 2024年7月
 
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
VRM*VOICEVOX*GoogleCloudを使って自分だけのAIパートナーを作る話
 
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
 
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
「福利厚生をコストから投資へ」AIで社員1人ひとりに最適な支援を届ける 全く新しいカフェテリアプラン
 
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
【GPT4-o越えのリアルタイム会話AI】kyutai labsのMoshiデモ動画を解説
 

はじめる Ember.js!! ~ Getting started with ember.js ~