Suche senden
Hochladen
ボクたちのWWW Webクリエイターのこれからを考える
•
10 gefällt mir
•
1,872 views
Masakazu Muraoka
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 62
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
javascriptの基礎
javascriptの基礎
Masayuki Abe
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Yusuke Kawabata
SVGの基本&活用法。SVGのメリットと事例を基礎から学ぶ。
SVGの基本&活用法。SVGのメリットと事例を基礎から学ぶ。
Daisuke Koshimizu
エンジニアによるグロースハック〜SEO編〜
エンジニアによるグロースハック〜SEO編〜
ssuser73d5e4
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
ssuser224b06
UXを向上させる サイト高速化テクニック
UXを向上させる サイト高速化テクニック
Shohei Tai
Empfohlen
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
javascriptの基礎
javascriptの基礎
Masayuki Abe
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Yusuke Kawabata
SVGの基本&活用法。SVGのメリットと事例を基礎から学ぶ。
SVGの基本&活用法。SVGのメリットと事例を基礎から学ぶ。
Daisuke Koshimizu
エンジニアによるグロースハック〜SEO編〜
エンジニアによるグロースハック〜SEO編〜
ssuser73d5e4
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
ssuser224b06
UXを向上させる サイト高速化テクニック
UXを向上させる サイト高速化テクニック
Shohei Tai
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
Kazuya Hiruma
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
Yuki Kuramochi
Web表示速度とgtmetrixスコアの矛盾
Web表示速度とgtmetrixスコアの矛盾
Katsuhisa Ogawa
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
俺とお前とGoogleware
俺とお前とGoogleware
Masahiro Wakame
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
私の考える Startup Geeks
私の考える Startup Geeks
Kiminari Homma
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
ourmaninjapan
Amebaブログにアクセシビリティを定着させる土台作り
Amebaブログにアクセシビリティを定着させる土台作り
Shin Yasuda
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
【俺聞け5】私とflashとhtml5&java script
【俺聞け5】私とflashとhtml5&java script
Asami Abe
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
Cache 自由自在
Cache 自由自在
Ryu Shindo
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
hiroki tanaka
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Kenichi Kanai
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
典子 松本
プリントクリエイター
プリントクリエイター
トヨクモ株式会社
Weitere ähnliche Inhalte
Was ist angesagt?
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
Kazuya Hiruma
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
Yuki Kuramochi
Web表示速度とgtmetrixスコアの矛盾
Web表示速度とgtmetrixスコアの矛盾
Katsuhisa Ogawa
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
俺とお前とGoogleware
俺とお前とGoogleware
Masahiro Wakame
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
私の考える Startup Geeks
私の考える Startup Geeks
Kiminari Homma
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
ourmaninjapan
Amebaブログにアクセシビリティを定着させる土台作り
Amebaブログにアクセシビリティを定着させる土台作り
Shin Yasuda
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
【俺聞け5】私とflashとhtml5&java script
【俺聞け5】私とflashとhtml5&java script
Asami Abe
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
Cache 自由自在
Cache 自由自在
Ryu Shindo
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
hiroki tanaka
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Kenichi Kanai
Was ist angesagt?
(20)
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
Web表示速度とgtmetrixスコアの矛盾
Web表示速度とgtmetrixスコアの矛盾
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
俺とお前とGoogleware
俺とお前とGoogleware
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
私の考える Startup Geeks
私の考える Startup Geeks
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
Amebaブログにアクセシビリティを定着させる土台作り
Amebaブログにアクセシビリティを定着させる土台作り
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
【俺聞け5】私とflashとhtml5&java script
【俺聞け5】私とflashとhtml5&java script
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Cache 自由自在
Cache 自由自在
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
なれる!デザイナー(ロゴ作りから始めるデザイン入門)
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Andere mochten auch
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
典子 松本
プリントクリエイター
プリントクリエイター
トヨクモ株式会社
2016年度冬期HCD研究発表会 「脱コンテクスト化による「プロジェクトモデル」移植の実践」
2016年度冬期HCD研究発表会 「脱コンテクスト化による「プロジェクトモデル」移植の実践」
shinya ogata
絶対に描いてはいけないグラフ入りスライド24枚
絶対に描いてはいけないグラフ入りスライド24枚
itoyan110
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
Andere mochten auch
(9)
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
作ろう!LINEスタンプ 〜スタンプクリエイターの語り場〜
プリントクリエイター
プリントクリエイター
2016年度冬期HCD研究発表会 「脱コンテクスト化による「プロジェクトモデル」移植の実践」
2016年度冬期HCD研究発表会 「脱コンテクスト化による「プロジェクトモデル」移植の実践」
絶対に描いてはいけないグラフ入りスライド24枚
絶対に描いてはいけないグラフ入りスライド24枚
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
色彩センスのいらない配色講座
色彩センスのいらない配色講座
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
Ähnlich wie ボクたちのWWW Webクリエイターのこれからを考える
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
Masakazu Muraoka
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Masakazu Muraoka
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
HTML5 and Graphics
HTML5 and Graphics
Masakazu Muraoka
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Masakazu Muraoka
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Masakazu Muraoka
Platform.html5
Platform.html5
Masakazu Muraoka
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
Masakazu Muraoka
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
Masakazu Muraoka
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
Masakazu Muraoka
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
Ähnlich wie ボクたちのWWW Webクリエイターのこれからを考える
(20)
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Htmlのコトバ
Htmlのコトバ
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Html5 and Graphics
Html5 and Graphics
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Espruinoの紹介
Espruinoの紹介
HTML5 and Graphics
HTML5 and Graphics
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Swaggerのさわりだけ
Swaggerのさわりだけ
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Platform.html5
Platform.html5
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
AMD basic and practice
AMD basic and practice
Mehr von Masakazu Muraoka
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Masakazu Muraoka
Thing.jsについて
Thing.jsについて
Masakazu Muraoka
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
Fetch apiについて
Fetch apiについて
Masakazu Muraoka
JS非同期処理のいま
JS非同期処理のいま
Masakazu Muraoka
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する
Masakazu Muraoka
Async flow controll basic and practice
Async flow controll basic and practice
Masakazu Muraoka
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
Masakazu Muraoka
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
Masakazu Muraoka
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Masakazu Muraoka
Mehr von Masakazu Muraoka
(13)
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Thing.jsについて
Thing.jsについて
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
react-jsonschema-formについて
react-jsonschema-formについて
Fetch apiについて
Fetch apiについて
JS非同期処理のいま
JS非同期処理のいま
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する
Async flow controll basic and practice
Async flow controll basic and practice
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Kürzlich hochgeladen
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~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
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
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
Kürzlich hochgeladen
(8)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
ボクたちのWWW Webクリエイターのこれからを考える
1.
ボクたちのWWW Webクリエイターのこれからを考える FutureSync 2013 2013.5.11 Bathtimefish 村岡
正和
2.
自己紹介 Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング HTML5-WEST.jp代表 / 京都GTUG
/ CSS Nite in OSAKA / 神戸ITフェス ティバル実行委員など むらおか まさかず 村岡正和 @bathtimefish http://html5-west.jp/ HTML5-WEST.jp HTML5 JavaScript 中国拳法 Python 主夫になりたい 炊事 Google Apps
3.
マークアップ部発足! html5j.org 初代 部長になりました。
4.
監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
5.
本題
6.
今日のおはなし •Webが向かっているところ •HTML5 •WebApps beyond NativeApps •これからのWebを担うということ
7.
まあ個人的な見解と展望ですが、 聞いてやってください。 m(_ _)m
8.
Webはどこに向かっているのか?
9.
WebPlatform
10.
http://www.webplatform.org/ WebPlatform.org
11.
One Web あらゆるWebコンテンツが存在するただひとつの場所
12.
Blog Book Photo Movie Music News Friends
13.
Webは全地球的な データプラットフォーム
14.
What s next? 次は何がくる?
15.
Web Application based
16.
HTML5 & Latest Web
Technologies
17.
What s HTML5 •
Webの進化を爆速にしたキーワード • HTML5 is Candidate Recommendation now. • つづきは HTML5.1 で • 一般的にはHTML5とそれを取り巻くWeb技術仕様 の総称として使われている
18.
HTML5 (spec)
19.
HTML5 (Web Technology)
20.
余談ですが、 ボクが注目している HTML5関連技術
21.
AppCache & WebStorage
22.
オフラインを想定した 非同期データ処理
23.
なぜか?
24.
月と地球 約 384,400 km 光速だと約2.5秒で往復
25.
光速だと約2.5秒で往復ちたま 地球のWEBサーバーとの光通信 でも物理的に遅延する。もしく は繋がらない。 いつまでたっても 白い画面...
26.
最新データのダウンロー ドが終わるまではキャッ シュされたデータを表示 既存のデータだけを素早 く利用できるようにする ダウンロード完了時にデ ータを更新する データ送信は一旦デバイ スに保存、後でゆっくり サーバーに送る 地球からのデータは遅い ので、待ってられない& よく切断する AppCache+WebStrageでの非同期データ送受信
27.
さらに、
28.
オフライン動作必須!! 火星と地球 光速で往復 約25分くらいらしい 約 7000万
km
29.
でもまあ、 これからはWebアプリの時代 なのは確実だと思うよ。
30.
What s doing
now? 今どうなってんの? HTML5 based WebApp
31.
最近のウェブ技術の進化 •機能性 •安定性 •高速性 •相互運用性 HTML5 APIs WebBrowser evolution asm.js... FirefoxOS,
Tizen...
32.
HTML5 APIs (especially
Device APIs) Bluetooth, NFC, USB, Camera, P2P, Geolocation, Socket, Filesystem Calender, SMS, Screen Orientation, Notification, Power Management... 高機能なAPIの実装によってWebアプリの性能 も向上する。特にデバイス操作系に注目。
33.
WebBrowser evolutions GoogleのBlinkへの乗り換え 代表的なWebブラウザ(他のWebkit系, IE, Firefox)の劇的な進化がWebアプリの動作を安 定させる。
34.
Optimization, fast! fast! Asm.js JavaScriptに対するlow
levelでの高速化の取り 組みがはじまった。JSが重いというのは過去の 話。 Uglify, Closure compilerなどコードレベルの最 適化やES5なども高速化に貢献
35.
Web feature OS FirefoxOS
Tizen Webアプリを基本機能に据えるOSの登場 ひとつのWebアプリが様々なプラットフォーム で動作する。Webアプリはブラウザの枠を超え る。この相互運用性がWebアプリの本質
36.
NativeApps beyond WebApps WebアプリはNativeアプリに追いつき、超えようとしている
37.
この状況にあって、
38.
Webクリエイターは 自身をどう見つめるか?
39.
ひろがるウェブ技術活用シーン •ウェブ制作はサイトからアプリケーションへ •ウェブ技術はウェブブラウザの外へ •ウェブビジネスはウェブ制作業界の外へ
40.
ひろがるウェブ技術活用シーン FirefoxOS WinJS QNX Car2 Google
Glass Mirror API Tizen IVI
41.
Webクリエイターにとっての よいこと? わるいこと?
42.
誰でも使えるWeb技術 •easy & powerful •Open
technology •Open coumunity 初心者にもやさしい タダではじめられる 豊富なノウハウ共有
43.
ウェブ制作のこれから Web技術の進化で仕事の効率がよくなる Web技術の普及で仕事のジャンルがふえる 市場が広がって業界の景気がよくなるかも?
44.
誰でも使えるWeb技術 •easy & powerful •Open
technology •Open coumunity プロじゃなくてもいい 新規参入がカンタン 急速なコモディティ化
45.
ウェブ制作のこれから 敷居が低くなってライバルが増える 競争が激化して仕事の単価が下がる ウェブ専業体制の崩壊?
46.
我々は幸せになれるのか...?
47.
Yes! Change your mind!
48.
Change the definition
of "Web Creator" 「ウェブクリエイター」の定義を変えよう
49.
今までのWebクリエイター • Web制作を行う技術者 • Web制作マネージャ •
制作に関わる人
50.
これからのWebクリエイター • Web制作シーンで高いパフォーマンスを発揮できる人 • 様々な場面でWeb技術を活用できる人 •
Webが関係する仕事でイニシアチブを発揮できる人
51.
作る から 創るへ もう
作業者 ではない。
52.
広がるWeb活用。その第一線を創る人材が、 Web Creator
53.
デザイン コーディング アドバイス... なんでもいい、
54.
深い知識 実践力 ノウハウ 最新の情報 様々な業界 業務のシーンでそれらが活かせる人材 Webに関する
55.
そいつをWebクリエイターと 呼ぼうじゃないか!
56.
Webは未来を創る技術のひとつ
57.
Webを活かせること。それは世界の 未来を創るということ
58.
Webを活かす。それがあなた自身の 未来を創る
59.
それが、これからのWebクリエイター
60.
WWW
61.
Web for One,
Web for All by Web Creators.
62.
Thanks.
Jetzt herunterladen