初心者でもわかるHTML5!【TechBuzz】第5回HTML5勉強会のまとめ

■イベントレポートこちら http://goo.gl/ZXAN0 ■イベント開催概要ページはこちら http://atnd.org/events/30569
2
IT勉強会@関東 @atnd_kanto

[更新] 2012/09/14 【TechBuzz】第6回HTML5勉強会 in デジタルハリウッド東京本校 http://t.co/L13anSyp

2012-08-19 19:10:07
IT勉強会@関東 @atnd_kanto

[更新] 2012/09/21 【TechBuzz】第3回Windows8勉強会 in デジタルハリウッド東京本校 http://t.co/lzHwGlpQ

2012-08-19 19:10:15
@atnder

9月14日(金)に「【TechBuzz】第5回HTML5勉強会」(都内)が開催されるよ #techbuzz http://t.co/lMFPVCsE

2012-08-19 20:31:06
atndbot @atndbot_tweet

[Today]: (満員御礼)【TechBuzz】第5回HTML5勉強会 / 「HTML5,CSS3のアニメーション表現に,参加者 250/定員 250/補欠者 49,東京都千代田区神田駿河台2-3 DH2001Bldg.,http://t.co/bYJY4Y5h

2012-08-21 04:00:10
fine! @fine3152

HTML5はCanvasを利用するとアニメーションが表示できるが、IEが対応していないのでまだまだあまり実用的でない? #techbuzz

2012-08-21 20:05:40
fine! @fine3152

例えばコンテンツスライダー画面は、JS(jQuery)でもCSS3でも作成できる。JSはPC/スマフォでも利用できるメリットがある。CSS3はIEのバージョンによって挙動が変わるので厄介 #techbuzz

2012-08-21 20:08:22
Keiko Canary @KeikoCanary

手間かかるけど、web用サイト、スマホ用サイトって分けて作ったほうが良さそう。。。 #techbuzz #gsgl #html5#js#css3

2012-08-21 20:13:41
fine! @fine3152

シケモクMKさんの「スマホでも動作するJavaScript製アドベンチャーゲームのつくり方」 #techbuzz

2012-08-21 20:19:27
Keiko Canary @KeikoCanary

ああ、ゲーミフィケーションって言うんだな。何と無く多くなったと思ってたけど。 #gsgl#techbuzz #html5#javascript#css3

2012-08-21 20:21:39
fine! @fine3152

HTML5で作るメリット>クラスプラットフォーム対応だから(Mac,Linux,iPhone,Android…) #techbuzz

2012-08-21 20:22:01
fine! @fine3152

ゲームだけど、すべてHTML5で動作している。作り方のレクチャー、開始#techbuzz

2012-08-21 20:23:56
fine! @fine3152

背景をCSSで指定、キャラクター画像を追加。画面下にテキスト表示領域を半透明で指定。これだけでそれっぽい画面が完成。聞いてるだけだと、3分クッキングなみに、簡単に聞こえる。#techbuzz

2012-08-21 20:27:25
株式会社HatchUp @hatchup_meetup

いろいろな表示の仕方があるんですね! #techbuzz

2012-08-21 20:27:34
株式会社HatchUp @hatchup_meetup

画像素材のプリロードは必須! #techbuzz

2012-08-21 20:29:01
株式会社HatchUp @hatchup_meetup

音楽の再生方法 PCブラウザから→FLASHが最適 #techbuzz

2012-08-21 20:31:13
fine! @fine3152

HTML5で音楽を再生する。mp3を再生する場合、iOSではFlashが利用できないので、HTMLのAudio要素を使う。#techbuzz

2012-08-21 20:31:14
fine! @fine3152

HTML5 Audioは同時に1つの音楽しか再生できない。対応策として、●PCの場合、再生したい音楽数のAudio要素を作成する。●iphoneは無理!! #techbuzz

2012-08-21 20:33:31
fine! @fine3152

HTML5ローカルストレージに保存する場合、jsonなどを文字列にして保存しておくと使いやすい。保存例)localStorage.setItem(key,value) #techbuzz

2012-08-21 20:34:45
株式会社HatchUp @hatchup_meetup

ローカルストレージにセーブデータは保存 #techbuzz

2012-08-21 20:34:47