タグ HTML5 が登録されている動画 : 177 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
【アプリ開発を試みる放送】その4 javascriptとは何ぞや?やっとプログラミング??
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
すふぃあと学ぶJavaScript #part1
WEBプログラミングにおけるJavaScriptをすふぃあと一緒に勉強しよう!今回はJavaScriptをブラウザで実行するところまで説明したよ。
扱って欲しいコンテンツや、詳しく聞きたいところ、そしてもし動画内の間違いに気づいたら是非是非コメントお願いします。。。!!
私たちのTwitter
https://twitter.com/MarineSphere_
お借りしている楽曲
騒音のない世界
https://noiselessworld.net/
効果音ラボ
https://soundeffect-lab.info/
【自作WEBアプリ解説】JR東海風の駅名標を自動生成できるプログラムの概要・使い方を解説!【VOICEROID解説】
【ジェネレーターはこちら】 https://lemon-slime.com/?p=839
【Youtube動画はこちら】https://youtu.be/rULypGzeuKw
本ジェネレーターを用いることで、JR東海風の駅名標を簡単に量産することができます。是非、ご活用ください。 本動画では、このジェネレーターの使い方及び概要を解説します。いわゆる、「公式ドキュメント」の動画版です。
【使用素材・ソフト】
琴葉姉妹の立ち絵素材 / ユメのオワリ様 琴葉葵(voiceroid音声) YMM4 われは海の子(BGM) HTMLとjavascript
【OSC2014北海道】 業務アプリケーションにおけるこれからのWeb開発
2014年6月14日(土)開催のOSC2014北海道のセミナーをお送りします。
講師:佐川 夫美雄(html5jエンタープライズ部)
担当:html5jエンタープライズ部
レベル:入門編
対象者:Web開発者、HTML5開発者
前提知識:特になしL
html5の登場により従来JspやServletで開発していた業務アプリケーションが、html/JavaScript/Cssを重視した開発スタイルに変わりつつあります。
backbonejsやanglarJSといったJavaScriptフレームワークが登場したのもそういったことに関連していると考えられます。そこで従来の開発スタイルと現在の開発スタイルがどのような変化があるのかを実例を元にご説明したいと思います。
【カテゴリ】Web アプリ/Web開発環境
『都立水商!』PV
日本初!?水商売専門の公立高校
『都立水商!』は、PCでもスマホでもプレイ可能なHTML5のブラウザゲームです。
あなたは新任教師として、都立水商に赴任してきました。
色々な生徒を受け持ち、授業を進めて生徒たちの夢を一緒に叶えよう!
★『都立水商!』 公式サイト
https://swninfo.success-corp.co.jp/browser-games/toritsumizushou/
★株式会社サクセス 公式サイト
http://www.success-corp.co.jp/
offchizから考えるHTML5+ブラウザで電子書籍 inuroさん プロ生勉強会 #pronama
2011年4月16日開催 プログラミング生放送勉強会 第8回@名古屋 のセッション
詳細ページ: http://pronama.wordpress.com/2011/03/24/pronama-8-at-nagoya/
「offchizから考えるHTML5+ブラウザで電子書籍」 by inuro さん(@inuro)
sm14257214 ← 前 次 → sm14258336
mylist/24981642
WebSocket で始める Python HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回@大阪
http://bit.ly/pronama11
「WebSocket で始める Python」
naoina さん(@naoina): kyoto.py
lv70701712
mylist/12987821
クリスマス プロ生勉強会 第12回@品川 セッション1 #pronama
2011/12/24 開催 クリスマス プログラミング生放送 勉強会 第12回@品川のセッション1グループ
イベント詳細: http://bit.ly/xpronama
10分程度のセッションです。
#00:00 @jz5 「HTML5 ではじめるプログラミング」
#09:18 @daisuke_nomura 「Windows Phone でニコ生アプリを作ってみた」
#21:03 @hello_yukiko 「要件定義~導入運用保守までの SI 案件ひきこもごも」
#31:59 @sattch02 「IVRC について」
#36:27 @handy_fox 「画像符号化の歴史をほんの少しだけふりかえってみた」
スポットライトはセミナールームの仕様で消せませんでした。配置的な制限でななめ撮影になってます。
lv74838697 で 2012/12/31 まで公式で配信された内容も視聴できます。
lv74579261
mylist/12987821
【自作ゲーム】ブレイブースト
HTML5+JavaScriptで作ったシューティングゲームです。
難易度ノーマルでStage1〜Stage3までクリアする動画です。
公開中→ http://9leap.net/games/1888
波動方程式(ノイマン境界条件)の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
eVY1 ShieldをUSB接続して、Web MIDI APIで再生してみる
YAMAHA NSX-1搭載のeVY1 ShieldをMacにUSB接続して、Web MIDI API経由で唄ってもらうサンプルができました。
tmlib.jsでゲームを作ってみよう〜横スクアクション編(1)
横スクロールアクション編です。
使用するtmlib.jsはこちら
https://rawgithub.com/daishihmr/tmlib.js/feature/fix-mapsheet/build/tmlib.min.js
tmlib.jsにはTiled Map Editorで作成したマップを表示する機能があるので、これを利用していきます。
前 sm22403990
次 sm22557961
マイリスト mylist/39031781
HTML5 でどんなゲームができるのか知るために、適当なゲームをプレイする
操作は簡単で、難易度はなかなかやりごたえある感じでした。今回プレイしたゲームはこちら。HexGL, the HTML5 futuristic racing game.http://hexgl.bkcore.com/
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす! その1【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった?
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
天井プロジェクターのテスト
投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173
Nintendo Switchでコメントアートのテスト
Nintendo Switchの内蔵ブラウザを呼び出す方法があるらしいので試してみた。
しかし動画は再生できなかったので、コメントアートだけ流してみる。
もしNintendo SwitchでZenzaWatchが動いたらこんな感じだよ、というイメージです。
使ったデータはここにいろいろ置いてあります。
http://makimo.to/Zenza/
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
公式プレイヤーのコメントをなめらか化するテスト
思いついたらまず検証。
エコノミーだと違いが判らないかも。
これは60fpsなのに微妙なカクつきが発生するのを軽減する技であり、
プレイヤーが軽くなったり、30fpsが60fpsになったりするような魔法ではありません。
元から60fpsの出る環境でないと、効果は薄いと思います。
下でもたまにカクカクするのは、動画プレイヤー以外に裏で色々動いているせいかもしれません。(ニュースとか広告とか)
録画環境
CPU Ryzen 1700X / GPU Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm32611152
PCで無理やり「スマホで初代電車でGO!」をプレイしてみた。
パソコンからのやり方のヒント
ウェブブラウザを開発者モードで開いてユーザーエージェント情報を変更。
初代『電車でGO!』が遊べる!運転士体験サイト | SQUARE ENIX
https://www.jp.square-enix.com/denshadego/syodai/game/
HTML5 で作る! Twitterクライアント iPhone アプリ - プロ生勉強会第7回
co9320 主催 2010/12/18 開催 プログラミング生放送勉強会 第7回@新宿 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!317.entry
HTML5 で作る! Twitterクライアント iPhone アプリ
スピーカー: 恥さらしさん(@hazi_nico)、深紫さん(@deeppurple2828)
mylist/22697020
metaタグでviewportを設定しよう(動画中ではViewpointと勘違いしています)
Android端末で、JavaScriptを使って動かす系のサイトを作っていたら、viewport設定によって動作が違うので、動画に取ってみました。(※投稿時ViewPointだと思い込んで制作していました)動画の音声は、VOICEROID+民安ともえ(弦巻マキ)を使用しました。
WebGroove 0.9 デモ
HTML5で書いたシーケンサーWebGroove ver0.9デモ。ボーカルシンセ「200きろいど」搭載でブラウザが歌います。
HTML5 プロ生勉強会 ライトニングトーク #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回@大阪
http://bit.ly/pronama11
•@linerlock さん
•@kyubuns さん
•@nakaji さん
•@black__se さん
lv70701712
mylist/12987821
明日から使えない IndexedDB プロ生勉強会 第15回@大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回@大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん(@mzsm_j): 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
ポテンシャル障壁に対する電子パルスのトンネル効果(2次元)
【HTML5+WebGL】ポテンシャル障壁に対する電子パルスのトンネル現象の時間発展ビューア。実物のほうがサクサク動かすことができます(データの読込に30秒程度かかります)。http://www.natural-science.or.jp/virtual-lab/results/pulse4.html
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
オレ達HTML5
HTML5のタグを戦隊ものキャラに擬人化してみました。HTML5勉強中の為、解釈がおかしかったりするかもしれませんが、色々よろしくです。その他作品 http://euren.web9.jp/---コメントありがとうございます! 色々浮かんできますが、敵?が中ボスクラスのキャラしか浮かばなくてあれこれ考えてます。。
[ブラウザゲー] よけろ!弾幕さん [STG]
JavaScriptで作った弾幕STGです。
スマホでも動くんでぜひ遊んでみてね。
http://9leap.net/games/4107
ソースの場所
https://github.com/daishihmr/danmaku-san
