Enviar pesquisa
Carregar
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
•
Transferir como PPTX, PDF
•
4 gostaram
•
1,517 visualizações
Masayuki Abe
Seguir
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 78
Baixar agora
Recomendados
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
Masayuki Abe
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
Satoru MURAKOSHI
javascriptの基礎
javascriptの基礎
Masayuki Abe
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
Developers Summit 2017 17-A-7 執筆を支える技術と技術書のトレンド
Developers Summit 2017 17-A-7 執筆を支える技術と技術書のトレンド
Masahiro Hidaka
Recomendados
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
Masayuki Abe
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
Satoru MURAKOSHI
javascriptの基礎
javascriptの基礎
Masayuki Abe
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
Developers Summit 2017 17-A-7 執筆を支える技術と技術書のトレンド
Developers Summit 2017 17-A-7 執筆を支える技術と技術書のトレンド
Masahiro Hidaka
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
GPU-VDI on SoftLayer最新動向
GPU-VDI on SoftLayer最新動向
Atsumori Sasaki
高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
Monaca
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
Satoru MURAKOSHI
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
デザインに騙されないデザイン
デザインに騙されないデザイン
Gyoda Nawoshi
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
hidetoshi murohashi
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
Masayuki Taguchi
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
株式会社カオナビ
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
schoowebcampus
後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと
Yu Morita
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
6 11-13 collecting russia ucb
6 11-13 collecting russia ucb
lpendse
Model day
Model day
Johnson Barros
Mais conteúdo relacionado
Mais procurados
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
GPU-VDI on SoftLayer最新動向
GPU-VDI on SoftLayer最新動向
Atsumori Sasaki
高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
Monaca
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
Satoru MURAKOSHI
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
デザインに騙されないデザイン
デザインに騙されないデザイン
Gyoda Nawoshi
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
hidetoshi murohashi
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
Masayuki Taguchi
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
株式会社カオナビ
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
schoowebcampus
後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと
Yu Morita
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
Mais procurados
(20)
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
デザインのためのデザイン
デザインのためのデザイン
GPU-VDI on SoftLayer最新動向
GPU-VDI on SoftLayer最新動向
高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
groundwork-pasona-tech
groundwork-pasona-tech
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
デザインに騙されないデザイン
デザインに騙されないデザイン
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
カオナビのカイゼン・ストーリー 〜どうやってアジャイルな開発組織を作り上げたのか?〜
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
Google Web Designerの使い方--インタラクティブなバナーを制作してみよう 先生:川村 健一
後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Destaque
6 11-13 collecting russia ucb
6 11-13 collecting russia ucb
lpendse
Model day
Model day
Johnson Barros
Mongo ghostsync and slaveDelay (Japanease)
Mongo ghostsync and slaveDelay (Japanease)
Hiroaki Kubota
Creating A Sample Libary Assigment Brief
Creating A Sample Libary Assigment Brief
connor-sherwin
Past continuous
Past continuous
teacherhector
Ushk 4
Ushk 4
Jasmina Nikolic
Broan nutone canada green initiatives 2006 2010
Broan nutone canada green initiatives 2006 2010
OssoElectric
Diversity of global comics the arab world
Diversity of global comics the arab world
lpendse
Hist 140 hoover dam
Hist 140 hoover dam
flip7rider
My life project
My life project
yessicavd
Job roles
Job roles
connor-sherwin
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
Andrey Sukhobokov
War Against Terrorism - CIO's Role
War Against Terrorism - CIO's Role
Ayodeji Rotibi
2015 multilatinas brochure
2015 multilatinas brochure
Ivan Zea
Present continuous 2n ESO
Present continuous 2n ESO
teacherhector
ком предл идеал часы с логотипом
ком предл идеал часы с логотипом
Андрей Самсонов
Office and Retail Projects
Office and Retail Projects
imolnar72
WordBench ISHIKAWA
WordBench ISHIKAWA
Masayuki Abe
No sql for sql professionals
No sql for sql professionals
Ric Centre
Bucerias
Bucerias
Galaxsaviajes
Destaque
(20)
6 11-13 collecting russia ucb
6 11-13 collecting russia ucb
Model day
Model day
Mongo ghostsync and slaveDelay (Japanease)
Mongo ghostsync and slaveDelay (Japanease)
Creating A Sample Libary Assigment Brief
Creating A Sample Libary Assigment Brief
Past continuous
Past continuous
Ushk 4
Ushk 4
Broan nutone canada green initiatives 2006 2010
Broan nutone canada green initiatives 2006 2010
Diversity of global comics the arab world
Diversity of global comics the arab world
Hist 140 hoover dam
Hist 140 hoover dam
My life project
My life project
Job roles
Job roles
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
War Against Terrorism - CIO's Role
War Against Terrorism - CIO's Role
2015 multilatinas brochure
2015 multilatinas brochure
Present continuous 2n ESO
Present continuous 2n ESO
ком предл идеал часы с логотипом
ком предл идеал часы с логотипом
Office and Retail Projects
Office and Retail Projects
WordBench ISHIKAWA
WordBench ISHIKAWA
No sql for sql professionals
No sql for sql professionals
Bucerias
Bucerias
Semelhante a [okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
Html5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けよう
Masayuki Abe
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Masayuki Abe
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
Interactive Creators Tokyo
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
Kenjiro Kubota
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Onlab presentation 072412
Onlab presentation 072412
Hiro Maeda
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
Yu Morita
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
Yusaku Kinoshita
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
Drupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafe
Masayuki Abe
Platform.html5
Platform.html5
Masakazu Muraoka
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
じょいとも
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
エンジニア以外の方が自らSQLを使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自らSQLを使ってセグメント分析を行うカルチャーをどのように作っていったか
gree_tech
社会のコードを、書き換えよう~エンジニア起点のNew Normalな働き方~
社会のコードを、書き換えよう~エンジニア起点のNew Normalな働き方~
Hitachi, Ltd. OSS Solution Center.
Semelhante a [okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
(20)
Html5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けよう
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Onlab presentation 072412
Onlab presentation 072412
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Drupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafe
Platform.html5
Platform.html5
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
Html5 and Graphics
Html5 and Graphics
エンジニア以外の方が自らSQLを使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自らSQLを使ってセグメント分析を行うカルチャーをどのように作っていったか
社会のコードを、書き換えよう~エンジニア起点のNew Normalな働き方~
社会のコードを、書き換えよう~エンジニア起点のNew Normalな働き方~
Mais de Masayuki Abe
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
Masayuki Abe
JavaScriptライフを10倍楽しくする方法-HTML5fun-
JavaScriptライフを10倍楽しくする方法-HTML5fun-
Masayuki Abe
最低限知っておきたい Webセキュリティーについて@MT関西
最低限知っておきたい Webセキュリティーについて@MT関西
Masayuki Abe
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Masayuki Abe
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
Masayuki Abe
Html5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap Tips
Masayuki Abe
Word pressセミナー東京[マイナビ主催] 阿部20131216
Word pressセミナー東京[マイナビ主催] 阿部20131216
Masayuki Abe
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
Masayuki Abe
関デジセミナー20130710
関デジセミナー20130710
Masayuki Abe
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Masayuki Abe
サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901
Masayuki Abe
Firebug×smart release20120904
Firebug×smart release20120904
Masayuki Abe
ちゃんとWeb会議
ちゃんとWeb会議
Masayuki Abe
Mais de Masayuki Abe
(13)
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
JavaScriptライフを10倍楽しくする方法-HTML5fun-
JavaScriptライフを10倍楽しくする方法-HTML5fun-
最低限知っておきたい Webセキュリティーについて@MT関西
最低限知っておきたい Webセキュリティーについて@MT関西
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
Html5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap Tips
Word pressセミナー東京[マイナビ主催] 阿部20131216
Word pressセミナー東京[マイナビ主催] 阿部20131216
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
関デジセミナー20130710
関デジセミナー20130710
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901
Firebug×smart release20120904
Firebug×smart release20120904
ちゃんとWeb会議
ちゃんとWeb会議
Último
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
Último
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
1.
2.
HTML5で人気のAPIを使って 未来価値を創造しよう 第26回 岡山WEBクリエイターズ ×
HTML5 fun KDDIウェブコミュニケーションズ 阿部 正幸
3.
● ACE01 /
SmartRelease プロダクトマネージャー ● CPI エバンジェリスト 統括 ● KDDIウェブ 公認 CPI スタッフブログ 編集長 ● Drupal(g.d.o Japan)日本コミュニティー ● 日本ディレクション協会 講演部 ● HTML5 Fun 理事 OSSを広げる活動、Web制作に関する情報発信を行う 神戸生まれ、横浜育ち 阿部 正幸(あべ まさゆき) ディレクタープログラマー プロマネ エバンジェリスト
4.
取り扱っていませ ん Venture Since 1998 Web Service Hosting 取り扱っていませ ん
5.
Web制作を 『超ラク』 にする http://www.cpi.ad.jp/shared/smartrelease/
6.
7.
8.
9.
マークアップ言語「HTML」 の5回目にあたる改訂版 厳密には 一般的には HTML5とは CSS3、JavaScript、HTML5 などを利用したリッチなサイト 構築のための技術の総称
10.
HTML5が注目される理由
11.
制作単価の下落
12.
10年、20年、100年、生き残るために
13.
新しい価値を創造する
14.
15.
3分で「今」をつかむ
16.
17.
モチベーションをキープ。 ゴールにチャレンジ。 友達と競争。 新しいラン体験がはじまる
18.
注目を集めるサービスには必ず 新しい価値がある
19.
HTML5が注目される理由 ● ビデオ /
オーディオ ● リッチなコンテンツ ● Webアプリケーション 新しい価値に必要
20.
そこで今日は 新しい価値になるような JavaScriptライブラリをご紹介
21.
1つめ HTML5でも人気のAPI
22.
● Geolocation ● Web
Storage ● ファイルAPI ● Indexed Database ● Web Sockets ● Web Workers ● Canvas 一つめ:HTML5でも人気のAPI
23.
● Geolocation ● Web
Storage ● ファイルAPI ● Indexed Database ● Web Sockets ● Web Workers ● Canvas 一つめ:HTML5でも人気のAPI
24.
Geolocation API
25.
Geolocation API WiFi携帯電話基地局、GPS、IPアドレス などから位置情報を取得する。
26.
//ユーザーの現在の位置情報を取得 navigator.geolocation.getCurrentPosition( successCallback, errorCallback ); //ユーザーの現在の位置情報を取得 function successCallback(position)
{ //緯度 position.coords.latitude //経度 position.coords.longitude //高度 position.coords.altitude //緯度・経度の誤差 position.coords.accuracy //高度の誤差 position.coords.altitudeAccuracy //方角 position.coords.heading //速度 position.coords.speed } Geolocation API
27.
28.
29.
Google Map API
V3 + Geolocation API
30.
http://shared-blog.kddi-web.com/test/gmapv3/gmap-sample.html
31.
つぎも、HTML5で人気のAPI
32.
● Geolocation ● Web
Storage ● ファイルAPI ● Indexed Database ● Web Sockets ● Web Workers ● Canvas 二つめ:HTML5でも人気のAPI
33.
Web Storage
34.
IE8以上で利用可能。 アプリケーションで利用するデータをユーザーの ローカル環境に保存できる Cookieとの違い データ量の上限:4KB 5MB Web Storage
35.
● 電波が無くてもアプリケーションが利用できる ● 通信の回数が減らせる ●
高速に動作 メリット オフラインWebアプリケーションの 構築が可能に Web Storage
36.
//変数storageにsessionStorageを格納 var storage =
sessionStorage; //useridキーに1111を割り当てて保存 storage.setItem('userid', '1111'); //useridキーの値を取得する storage.getItem('userid'); //useridキーの値を削除する storage.removeItem('userid'); //ストレージに保存されているデータをクリアする storage.clear(); Web Storage
37.
//変数storageにsessionStorageを格納 var storage =
sessionStorage; //useridキーに1111を割り当てて保存 storage.setItem('userid', '1111'); //useridキーの値を取得する storage.getItem('userid'); //useridキーの値を削除する storage.removeItem('userid'); //ストレージに保存されているデータをクリアする storage.clear(); Web Storage 手軽に実装可能
38.
File API: ローカルのファイルを操作 Indexed Database: ブラウザ側上で利用できる データベース その他にも
39.
次は 少し地味だけど、 可能性が広がるAPI
40.
41.
Web Speech API var
recognizing; var recognition = new webkitSpeechRecognition(); recognition.lang = “ja-JP"; //言語の選択 recognition.start(); //音声認識開始 recognizing = true; //speechの開始(abort method) recognition.onresult = function (event) { console.log(event.results); //コンソールログに出力 } //音声認識終了 recognition.stop(); //speechの終了(abort method) recognizing = false;
42.
http://shared-blog.kddi-web.com/test/webspeech/webspeechapi.html
43.
次は、少し未来のAPI
44.
45.
WebRTC (Web Real-Time
Communication)とは W3Cが提唱するリアルタイムコミュニケーション用 のAPIの定義で、プラグイン無しでウェブブラウザ間 のボイスチャット、ビデオチャット、ファイル共有 ができる。 - Wikipediaより引用-
46.
従来の通信方式 ● レスポンス問題 (HTTP/1.1) ●
サーバーコスト問題
47.
● P2Pでユーザー同士がダイレクトに通信 ● サーバー費を安く抑えられる
48.
を実装
49.
50.
Ntt Communicationsがpeer.jsを元に開発した WebRTCアプリ開発用JavaScriptライブラリ
51.
<script src="https://skyway.io/dist/0.3/peer.js"></script> ● JS読み込む var
peer = new Peer('pick-an-id', {key: 'myapikey'}); ● Peerの生成(自動でidが発番される) var conn = peer.connect('another-peers-id'); conn.on('open', function(){ conn.send('hi!'); }); ●他ユーザーに接続し、メッセージ送信 peer.on('connection', function(conn) { conn.on('data', function(data){ // Will print 'hi!' console.log(data); }); }); ●メッセージ受信
52.
<script src="https://skyway.io/dist/0.3/peer.js"></script> ● JS読み込む var
peer = new Peer('pick-an-id', {key: 'myapikey'}); ● Peerの生成(自動でidが発番される) var conn = peer.connect('another-peers-id'); conn.on('open', function(){ conn.send('hi!'); }); ●他ユーザーに接続し、メッセージ送信 peer.on('connection', function(conn) { conn.on('data', function(data){ // Will print 'hi!' console.log(data); }); }); ●メッセージ受信 手軽に実装可能
53.
Demo http://bit.ly/peertest
54.
を使ったサービス
55.
56.
57.
58.
この技術が何に使えるのか?
59.
老若男女問わず、全てのユーザーに売りたい
60.
少し敷居が高い
61.
×− なにかお困り でしょうか
62.
http://www.sonymusic.co.jp/Music/Info/miwa/haru/
63.
64.
UI / UXのためのHTML5 RWDといって何を想像しますか
65.
66.
Ambient Light Events window.addEventListener('devicelight', function(event)
{ console.log('lux='+event.value); },false); 環境光を取得する 環境に合わせたUIの設計が可能
67.
http://shared-blog.kddi-web.com/test/light/light.html
68.
http://shared-blog.kddi-web.com/test/js-event/js.event.html HTML5で追加になった Window Event ハンドラまとめ
69.
さいごに
70.
今まであった技術でも実現可能 では、なぜ注目されるのか 新しい価値 ● 今後制作単価は下落する ● 制作単価を上げるために新しい価値が必要
71.
開発の敷居を下げた アイデアがあれば、誰でも参入可能
72.
今後の制作者は SVG Canvas Web Storage Geolocation Web
Workers WebSocket
73.
今後の制作者は SVG Canvas Web Storage Geolocation Web
Workers WebSocket 全てを使える必要は無いが どんなことができるかは 知っておく必要がある
74.
さまざまなプロダクトを知り 新しい価値を創造
75.
76.
77.
このようなサイトをチェックしていると良いかも
78.
ご清聴ありがとうございました ID:chiyo.abe 阿部 正幸
Notas do Editor
話をもう少しふくらませる
話をもう少しふくらませる
話をもう少しふくらませる
Baixar agora