キーワード HTML5 が含まれる動画 ： 2556 件中 2337 - 2368 件目
種類:
- タグ
- キーワード
対象:
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
ニワン語でアニメ食べ物画像4択クイズ
アニメに出てくる食べ物の画像を見て作品を番号で回答する4択クイズです。全25問。
制限時間が過ぎた後に答え合わせがあり、正解だと○、不正解だと×が出ます。
動画を読み込むたびに選択肢の順番が変わるので
流れてくるコメントで答えがわかっちゃうということはないようになっています。
1～4のアラビア数字1文字のコメント以外は普通のコメントとして扱われます。
間違えてコメントしてしまっても制限時間内なら回答しなおすことができます。
問題は2010～2013年に放送されたアニメからとっています。
知ってないとわからないタイプのクイズなのでかなり難しいかも・・・
html5プレイヤーはニワン語に対応していないので、遊ぶにはflash版での再生が必要になります
B@TDOLM@STER im@s TUKU-tail Party BD2 sideB
今年はバトマス5シュゥゥゥーッ！年で超！！エキサイティン！！！
詳しいルール等はwikiを参照してください
http://www35.atwiki.jp/tukuda/pages/17.html
5周年を祝いたくて参加したプロデューサー達→mylist/37740291
sideA→sm21309126
B@TDOLM@STER im@s TUKU-tail Party BD2 sideA
プロデューサーさん今年はバトマス5周年で超！！エキサイティン！！！ですよっ！超！！エキサイティン！！！
詳しいルール等はwikiを参照してください
http://www35.atwiki.jp/tukuda/pages/17.html
5周年を祝いたくて参加したプロデューサー達→mylist/37740291
sideB→sm21309871
HTML5講座 下巻 第3章 インラインSVGとcanvas要素【動学.tv】
動学.tvより、HTML5講座 下巻 第3章 インラインSVGとcanvas要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。下巻では、Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。
HTML5 下巻（約65分）
１．microdata
microdataとは？
メタデータ取得の確認
スキーマ
２．動画の利用方法
従来の動画利用方法
video要素
source要素と動画のサポート形式
３．インラインSVGとcanvas要素
canvas要素
インラインSVG
４．インタラクティブな要素
details要素
５．フォームの要素
input要素
datalist要素
meter要素
６．バリデート
W3C Markup Validation Service
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
HTML5講座 中巻 第2章 head内の記述【動学.tv】
動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
HTML5 中巻（約61分）
１．文書型の宣言とルート要素
文書型宣言
ルート要素
２．head内の記述
エンコードの指定
スタイルシートとJavaScriptの指定
３．セマンティックなマークアップ
header要素
footer要素
nav要素
article要素
section要素
見出し要素の扱い方
aside要素
div要素の使い方
figure要素とfigurecaption要素
４．文書構造の確認
文書の構造化
HTML5 Outliner
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
HTML5講座 上巻 第4章HTML 5で登場した新しい要素【動学.tv】
動学.tvより、HTML5講座 上巻 第4章 HTML 5で登場した新しい要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。上巻では「HTML5の基礎知識」として、HTML5の特徴について解説します。
HTML5 上巻（約70分）
１．HTMLとは？
Webページが表示される仕組み
HTMLの基本
HTMLとCSS
２．従来のHTML
HTMLの変遷
文書型
３．HTML5とは？
セマンティックなマークアップ
廃止された要素
定義が変更された要素
記述ルールについて
４．HTML5で登場した新しい要素
HTML5の新しい要素（セマンティック編）
HTML5の新しい要素（その他）
５．カテゴリーとコンテンツモデル
7つのカテゴリー
コンテンツモデル
セクショニング・ルート
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
超連射68kで1980万（２週目から録画）
目標の2000万に20万だけ届かなかったリプレイですが5年かかりました。
自分が集中できるのはせいぜい25分間で、２週目も集中するにはゲーム以外の訓練が必要なので諦めました。
★ニコスクリプトで右上に失ったスコアの内訳を表示していますが、html5版では表示できないので、Flash版での視聴を推奨します。
★動画の構成としてタイトル画面は別録り、本編はリプレイの録画、ネームエントリはプレイ時の録画、としています。通しは長いので２週目からのうｐです。１週目はノーミスで殆ど３個取り。
★ネームエントリ画面の名前は日付6桁+時間4桁で入力しておりまして、ついこないだまでtopに2010年(3年前)のエントリが鎮座していたのはとても辛かったです。
★30分弱のSTG動画のエンコードにとても上手くいかなくて画質頑張った代わりに音質を犠牲にしてしまった。
★フレームレートの違いにより、他の動画さんと比べると敵出現のタイミング、音楽の終了タイミングなどが違うので違和感あります。
スマートフォン＆モバイルEXPO：フェンリルの開発実績
スマートフォン＆モバイルEXPOにて、フェンリルのスマートフォンアプリや HTML5 での開発実績を取材。自社オリジナルのブラウザの開発の他、様々なアプリの受託開発を行った実績を展示、紹介していました。
高画質版はこちら→ http://www.youtube.com/watch?v=yue6HLjEfbs
波動方程式（ノイマン境界条件）の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
【東方手書き】Unfinished world －第二話 後編－【活劇マンガ】
お待たせしました、第2話後編です。
本動画は2話の後編になります。前編をご覧になってからご視聴ください。
（作者≠投稿者）
使用BGM
激戦の人様
U.N.オーエンは彼女なのか？をアレンジ -Long version-
sm6843730
U.N.オーエンは彼女なのか？ -3rd Arrange-
sm12001529
さかばと 通天様
『IsuCaの嘴』収録 レッドラブラドライト
からお借りしました。ありがとうございました。
sm19867329 前＜ アンフィニマイリス mylist/33799501 ＞次 10月頃
5月26日 博麗神社例大祭10に参加します
サークル「ロビングネットイン」 て－10a
http://lobingnetin.web.fc2.com/index.html
5/16追記
広告ありがとうございます！
歴代ライダーＶＳ仮面ライダーウィザード、てつを
YouTube、sakimamalovedisneyさんの動画から
http://www.youtube.com/watch?v=f6JEq9WAbdk
このショーは東映公式です
東映ＨＰhttp://www.toei.co.jp/event/show/1201149_954.html
５月５日熊本県グリーンランド、仮面ライダーウィザード「超魔法伝」昭和ライダー戦記です。
ＧＷ限定イベントで歴代ライダー集結！（真、ブラック）を除く
１号の声優は稲田徹さんです
グリーンランド公式ＨＰhttp://www.greenland.co.jp/index2.html
カピが自作ゲームフェスに駆けつけた！
このようなイベントがあるなんて、気が付かなかったので＾＾；応募は間に合いませんでしたが、ちょうど新作を作ったのでぜひ遊んでください。www.nja.jp 「enchant.js」を使用させて頂いて作ったゲームアプリです。9leapさんに置かせて頂いてます。「コカペプ」（「アンアプ」）【クリア時間】およそ５分程度【動作環境】HTML5対応のブラウザが動くPC、スマホ【ジャンル】シンプル（ソーシャル）ゲーム 【概要】同じマークのボタンをタイミングよく押すだけ＾＾現在はツイッターにつぶやいて２大勢力争いが出来る？！ソーシャル要素に、ちょっと実験的チャレンジ他のゲームアプリ、エデュケーションゲームもあるのでお時間あればどうぞ～
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
迷９ 第４回「勝手にトレインキット投票」
NEW!FINAL発表→sm33434379
※html5移行により、投票結果が表示されなくなってしまいました。投票結果が見たい場合は、画面一番下の「Flash版で視聴する」からご視聴ください（PC推奨）
列車で行こう風にA列車で行こう９にツッコミを入れよう ～ARTDINKさん、修正パッチﾏﾀﾞｰ？～
第４回目は「勝手にトレインキット投票」です。マイリスト→mylist/36007031 次回⇒sm20458633
個別に車両を集計していたらキリが無くなったので、大雑把に傾向をまとめました。
半角で入力しないと集計されません。テンキーを使うと楽です。
こえのおねえさんまいまい☆ミさんの動画はこちら⇒user/11213211/
※この動画は特に怒られてないので視聴することができます
#abc2013s C-15 HTML5ハイブリッドアプリ開発実践編
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/technology/#anc_sess17
2013/03/15 16:00 C会場(28号館 113教室)
【久保田光則 さん】 Monaca Framework http://monaca.mobi/?lang=ja
HTML5ハイブリッドアプリ開発実践編 ～クロスプラットフォーム開発でハマりがちなポイントを解説～
■YouTube： http://youtu.be/4LQWnyjCcQA
■マイリスト： mylist/36316925
(2013/03/17)
#abc2013s B-13 HTML5におけるAndroid端末間互換性
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/business/#anc_sess9
2013/03/15 14:00 B会場(28号館 112教室)
【紀平拓男 さん】 ExGameの作者
株式会社ディー・エヌ・エー グローバルプラットフォームシステム統括部 ソフトウェアソリューション部
HTML5におけるAndroid端末間互換性
■YouTube： http://youtu.be/6cWrKrr_BlI
■マイリスト： mylist/36316925
(2013/03/17)
スマートフォン向けOS TIZEN - プロ生勉強会 第20回＠品川 #pronama
プログラミング生放送勉強会 第20回＠品川 のセッション
詳細： http://pronama.jp/20
スマートフォン向けOS TIZEN ～はじめて学ぶアプリ開発入門～
Tizenってそもそも何？読み方は？ Mobile と IVI ってなに？ Tizen について勘違いしやすい部分を踏まえながらご紹介します。さらに Tizen 上で動作する HTML5 を使用したアプリケーションの作り方についてご説明します。（注： 告知開始時のタイトル 「Tizenってなに？」から「Tizenで動作するアプリを作ろう！」まで（仮） の説明です）
スピーカー: くまだすさん（@kumadasu） Tizen Japan コンソーシアム
lv128495639
mylist/27543937
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
プログラミング入門ツール「VixarStudio for HTML5」
HTML5とJavaScript言語が学習できる3Dプログラミング入門ツール「Vixar Studio for HTML5」はこちらからダウンロードできます。http://vixar.jp/html5/Firefoxブラウザを使ってHTML5の3D機能「WebGL」を実行しながら、プログラミングが学べます。モデリングはMetasequoiaで、3DアニメーションはVixar MotionやTransMotionを使っています。
マイクロソフトのオープン戦略
マイクロソフトのオープンな取り組みー例えばWindows Azureクラウドにおけるオープンソース技術へのサポートの拡大、Windows 8 ストアアプリの開発のHTML5やJavaScriptといったWeb開発言語への対応、そしてオープンソースコミュニティとの技術連携などなど。これにより更に多くのエンジニアが活躍の場を広げ、ビジネスをつなぎ易くなってきています。今後も更にオープンになっていくマイクロソフトにご期待下さい
Steins;Gate をコメントで表現してみた 【元動画１】
本家動画(sm19921417)の録画元動画です。
録画環境は下記の通り。
■ＯＳ／Windows7
■ブラウザ／IE9
■AdobeFlashPlayer画質設定／「低」 ※画面をクリックすると出てきます。
1.sm19915160(α) 2.sm19915213(α) 3.sm19915241(α) 4.sm19915292(α) 5.sm19915352(α)
6.sm19915404(β) 7.sm19915442(β) 8.sm19915482(β) 9.sm19915520(SG) 10.sm19915552(SG)
※コメント欄の「コメント」をクリックして出てくるプルダウンメニューの
「投稿者コメント」を選択すると、IBN5100でしか読み取れない特殊な言語が見れます。
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
パチスロ 山佐 プレイボーイ2A BIG中・全7曲
山佐公式サイト
http://www1.yamasa.co.jp/plb/playboy.html
5号機 2007年2月～
BIG中の全7曲です。繋ぎ下手糞ですいませぬ。
音源はサントラではなく、台からの録音です。
0:13 To_xic - 黒7 中段 sm22379173
3:32 Like A V_irgin - 赤7 中段 sm22379200
6:41 Stro_nger - 黒7 斜め sm22379216
9:57 Op_en Your Hea_rt - 赤7 斜め sm22379228
13:18 (You Dr_ive Me) Cra_zy - 黒7 上下段 sm22379237
16:29 Mater_ial Girl - 赤7 上下段 sm22379258
19:52 Me Ag_ainst The M_usic - RT中 BIG sm22379282
※2013.12.03. 60fpsで撮り直した物のリンクを上記リストに追加。
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
【TAS】テトリスを作ってクリア(01:23:83)
Tool Assisted Speed coding & Speed Run
最速でテトリスを作ってクリアするためのUSBデバイスを作りました。
Davinci32uでArduinoコンパチブルなブートローダを使っています。
テトリスはHTML5でオフラインでも動くようになっています。
コードもプレイも最適化が微妙なので誰か更新して下さい。
詳しくはこのあたりに書いてあります。 http://makebooth.com/i/MgqFb
今までつくったもの mylist/10611168
ソースはこちら。 https://github.com/hsgw/Tool_Assisted_Coding_Tetris
テトリスはこちら。 http://dl.dropbox.com/u/61848477/tetris.html
タイマーが適当なのは動画の30FPSベースでタイマー作ったからです＞＜＞＜
eラーニング制作ノウハウ Adobe Captivate 6 使い方講座 ナレーションとビデオの追加/金 秀麗 著【動学.tv】
動学.tvよりeラーニング制作ノウハウCaptivate 6 使い方講座(金 秀麗 著) 第6章から
「ナレーションとビデオの追加」のサンプル映像をお届けします。
この教材では、SCORM対応の多様なｅラーニングコンテンツを制作することができる
Adobe Captivate 6(アドビ キャプティベート6)を使った
eラーニング制作の基本的なノウハウをご紹介しています。
画面構成や基本操作の解説に始まり、ナレーションやビデオの追加や、
テスト問題に必要な質問スライドの作成や、書き出し時のSCORM設定についても学習します。
また、HTML5でのパブリッシュについても触れており、
モバイル向けを含めたｅラーニングコンテンツ制作に必要な
一連の工程を習得することができます。
第1章 Captivate 6のインターフェイス
・Captivate 6のインターフェイス
第2章 操作シミュレーションの作成
・操作の記録
第3章 オブジェクト編集の基本操作
・画面のズーム操作
・プレビュー
・キャプションの編集
・クリックボックスとハイライトボックスの編集
・クリックボックスとハイライトボックスの追加
・トランジションの追加
第4章 スライドの基本操作
・スライドの追加と削除
第5章 テキスト入力ボックス
・テキスト入力ボックス
第6章 ナレーションとビデオの追加
・ナレーションの追加 ・ビデオの追加
第7章 質問スライドの作成
・質問スライド
第8章 パブリッシュ
・クイズの環境設定とSCORMの設定
・SCORM用のパブリッシュ
・HTML5でのパブリッシュ
【eラーニング制作ノウハウCaptivate6使い方講座(金 秀麗 著）はこちらをご覧ください】
http://dougaku.tv/contents/IT_0759/c_index.html
【実務に効く講座 ビジネスマインド育成 一覧はこちらをご覧ください】
http://dougaku.tv/html/faq/title002.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe Dreamweaver CS5.5 使い方講座HTML5 CSS3サイト作成編第1章サイトの定義【動学.tv】
動学.tvより、Adobe Dreamweaver CS5.5 使い方講座HTML5 CSS3サイト作成編から
1章「サイトの定義」をお届けします
この講座ではAdobe Dreamweaver CS5.5を使ってHTML5とCSS3でwebページを作成する方法を学習します。
新たに追加された要素や、属性により明確に文書構造を示すことができる様になった
「HTML5」と、透過・角丸・回転の設定など、より柔軟なページデザインが可能となった
「CSS3」について学べる内容となっています。
1章 サイトの定義
・新規サイトの定義
2章 HTML5ページの作成
・スターターレイアウトを利用したHTML5ページの作成
・HTML5ページの新規作成
・要素の設定
3章 HTML5ビデオの挿入
・videoタグの設定
・videoの挿入
4章 CSS3プロパティの設定
・透過の設定
・角丸とブラウザーごとの設定
・回転の設定
・テキストシャドウの設定
5章 マルチスクリーン対応
・メディアクエリーとマルチスクリーンプレビュー
【DreamweaverCS5.5使い方HTML5 CSS3サイト作成編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0717/c_index.html
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe Dreamweaver CS6使い方講座 上巻第5章リンクの設定【動学.tv】
動学.tvより、Adobe Dreamweaver CS6使い方講座から
5章「リンクの設定」をお届けします
サイト管理機能に優れた「Adobe Dreamweaver CS6」使い方講座では、webページ作成を基礎から応用までやさしく解説していきます。
Dreamweaver CS6のレスポンシブwebデザインに特化した新機能の解説や、jQueryMobileスウォッチパネルの紹介、 サイト定義の手順に始まり、画面構成を紹介しながらHTMLの編集方法を解説し、 画像の挿入方法やリンク設定について解説しています。。
1章 Dreamweaverとは？
・Dreamweaverとは？
・ようこそ画面について
・WYSIWYGのHTMLエディターの利点
2章 サイトの定義
・サイトの定義
3章 HTMLの編集
・HTMLの新規作成と保存
・テキストの入力
・プロパティインスペクターとマークアップ
・コードビューを用いた編集操作
・特殊文字の指定
4章 画像の挿入
・画像の挿入
・画像の最適化とスマートオブジェクト
・HTML 5でのビデオコンテンツの挿入
5章 リンクの設定
・リンクの設定
・相対パスと絶対パス
【DreamweaverCS5.5使い方HTML5 CSS3サイト作成編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0717/c_index.html
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
ＶＭ－１グランプリ２０１２ No.0049 もこもこ～ず
『そこのT字路を直進して下さい。』
でおなじみ、シャッハPこと、かっつん♪だぜ。
さてさて。あこがれのVM-1初参戦！
よろしくお願いしますぜ！
ＶＭ－１グランプリ２０１２ 参加チームリスト mylist/34869227
ＶＭ－１グランプリ２０１２のホームページ
http://www.geocities.jp/r13_5034/11000/0201.html
5位に入賞することができました！ありがとう～
イラスト：もいころさんhttp://piapro.jp/t/w65C
ＢＧＭ：WebSymphony http://www.geocities.co.jp/Milkyway-Vega/4270/
毎回ありがとうございます！
シャッハＰ mylist/19711367
ついったー https://twitter.com/kacino_shaha