第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ!...

36
〜Web〜 自身の心に火をともせ!! 〜 大事なものは技術だけではナイ!!〜

Transcript of 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ!...

Page 1: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

〜Web〜自身の心に火をともせ!!

〜 大事なものは技術だけではナイ!!〜

Page 2: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

〜Web〜自身の心に火をともせ!!

〜 大事なものは技術だけではナイ!!〜

Page 3: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

自己紹介

Microsoft MVP 2013, 2014

(BingMapsDevelopment)

MicrosoftMVPって?マイクロソフトが個人の活動を評価する、特別な賞。MVP (Most Valuable Professional) アワード プログラムは、

マイクロソフトの製品やテクノロジーに関する豊富な知識と経験を持ち、オンラインまたはオフラインのコミュニティや、メディアなどを通して、その優れた能力を幅広いユーザーと共有している個人を表彰するものです。

Daisuke Yamazaki ( Tokyo )

Page 4: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

自己紹介

・デジタルハリウッド大学院 : スマートフォン(モバイル)制作演習

・デジタルハリウッド: スマフォ&レスポンシブWebデザイン講座、Webアプリ講座、PHP講座

・inop : WebApplicationDeveloper

・html5j (HTML5ビギナーズ)

・ヒカ☆ラボ、パソナテック、企業研修…イベント セミナー

※自称:HTML5界の革命派(過激派、保守派など沢山いますよ)クリエイター(制作者、開発者とは違う立場と思ってる)

Page 5: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

4

寄稿:

@IT「HTML5アプリ作ろうぜ!」※超人気!!

日経ソフトウエア、ITPro…

日経BP、SoftwareDesign…

自己紹介

Page 6: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

5

韓国・台湾でも

代表的な著書:

レスポンシブWebデザイン

「超」実践デザイン集中講義

Page 7: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

6

初心者には、最高の本!

Page 8: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

本セミナーの目標

・ こんなことできるようになるの・・・・ 面白いなー・ 登壇者よりは上を目指したい!・ やる気でた!!・ モチベーション上がった!!

1つでも何かを感じて帰っていただきたい。

Page 9: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

自己紹介

山崎さん、

この仕事は長いの?

Page 10: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

よく聞かれる質問

1.最初は別の業界からスタート?

2.いつからパソコンを?

3.どうやって本を書くように?

Page 11: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

皆さんに質問!!

1.Webデザイナーの方?

2.Webエンジニアの方?

3.Bing大好きな方?

4.夢ありますか?

5.夢に近ずく行動できてます?手を上げてね

Page 12: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

夢は「意志・行動」で叶える

・意志(どうなりたいのか!)

・短期/長期の目標を自分何に考える

・行動(恥ずかしくても、無駄でもやってみる)

・耐える時期も必要

・直向き(努力し続ける)

・アピールも必要(目標によっては)

Page 13: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

・意志(どうなりたいのか!)

・短期/長期の目標を自分何に考える

・行動(恥ずかしくても、無駄でもやってみる)

・耐える時期も必要

・直向き(努力し続ける)

・アピールも必要(目標によっては)

夢は「意志・行動」で叶える

気づいた時に行動!人生に遅いはない!

なぜそう言えるのか?

Page 14: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

だって、

私28歳からパソコン始めて、

やれてますから (^^ゞ

皆さんにできないはずがない!

Page 15: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

これからHTML5の話

Page 16: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

HTML5

知ってますか?

手を上げて!!

Page 17: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

HTML5元年

あけましておめでとう!

Page 18: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

HTMLは情報を流すだけの

テクノロジーではなくなりました

アプリケーションや!

Page 19: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

HTML5ーDEMOー

HTML5 翻訳アプリ

Page 20: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

19

・ AUDIO タグ (HTML5)・ Transrator API (Microsoft)・ WebSpeech API(HTML5)

翻訳アプリ仕様

http://www.venezia-works.com/english/sample_speech.html

Page 21: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

20

「翻訳アプリ」を考える

◆質問

皆さんの「発想・アイディア」を聞きたい!DEMO見て、次にどんな機能つけると公開&使えるアプリになりますか?

Page 22: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

21

翻訳アプリ+α (DEMO)

My 辞書!

http://www.venezia-works.com/english/sample_dic.html

Page 23: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

22

翻訳アプリ+α (DEMO)

翻訳メッセンジャー(milkcocoaが肝)

http://www.venezia-works.com/ 非公開/

※BingTranslatorAPIの翻訳上限値があるため、現在は非公開私のセッションに来てただければいつでも見せます!(^^)

Page 24: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

23

翻訳アプリ+α (DEMO)

辞書は2010〜

音声も2012〜

翻訳メッセンジャー

Page 25: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

24

驚き!?

面白い!?

いろいろできるな!?

って1つでも感じました!?

何かを感じたのであれば、

それはこれから何か皆さんもできる予兆・・・

Page 26: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

HTML5+αを利用すること

で更に可能性が広がります!

1人でも

Webアプリが作れる

アイデア

企画

Page 27: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

26

私の例)

作り発信することが大事!

その知識が後で活きる!その産物が後で活きる!・・・

Page 28: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

27

それが、“記事“にツナガリ“本“にツナガリ“講師”にツナガリ“MicrosoftMVP”にツナガリ

私の例)

Page 29: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

28

今がある!!

人生に飛び級はない!!一つづつ上がってきた。

私の例)

Page 30: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

29

だからこそ言えること、

一つ一つ一積み上げる事で誰でもできようになる!

私の例)

Page 31: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

30

「発想、アイデア、行動」

まずは、やってみる!!

そこから別なアイディアがでてくる!

これが大事!!

人の意見は聞くな!!

点は沢山作れ!

Page 32: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

31

やってみたい・・・

でも、

会社でガンガンに

働かされてる・・・

疲れてる・・・

Page 33: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

32

会社はベンチャーでも!

※ 危険な冒険、危険な試み・・・

マインドは

・・・・・・・・・

・・・・・・・・!!

Page 34: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

33

会社はベンチャーでも!!

※ 危険な冒険、危険な試み・・・

マインドは

アドベンチャー

でいきましょう!

Page 35: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

常にチャレンジと努力!!

チャンスだと思ったら飛びつけ!!

待ってても何もこない!!

自分を信じろ!!

楽しめ!

いつでも皆さん次第で人生を変えられる

Page 36: 第5回 HTML5minutes 講演資料 「〜Web〜自身の心に火をともせ! 大事なものは技術だけではナイ!!」

ご清聴ありがとうございました

https://www.facebook.com/venezia7

自身の心に火をともせ!!

アドベンチャーしようぜ!!