キーワード JavaScript が含まれる動画 : 1160 件中 577 - 608 件目
種類:
- タグ
- キーワード
対象:
フロントエンドエンジニアになるための基礎知識って? | VOICEVOX解説
【概要】
今回はフロントエンドエンジニアになるための基礎知識(HTML・CSS、JavaScript、Webブラウザ、ライブラリ・フレームワークなど)を解説していきます。
【目次】
0:00 今回の内容
1:01 HTML・CSS
2:56 JavaScript
4:16 Webブラウザ
6:36 ライブラリ・フレームワーク
【前回の動画】
■【IT業界の闇】多重下請け・偽装請負・悪質SES・案件ガチャってなに?
https://www.nicovideo.jp/watch/sm41238605
【IT業界知識 再生リスト】
https://www.nicovideo.jp/series/358624
【オススメの動画】
■HTML・CSSってなに?
https://www.nicovideo.jp/watch/sm41168988
■JavaScriptってなに?
https://www.nicovideo.jp/watch/sm41153174
【合成音声】
VOICEVOX(ずんだもん、四国めたん)
https://voicevox.hiroshiba.jp/
【立ち絵】
坂本アヒル 様
https://seiga.nicovideo.jp/user/illust/97452727
filllllller【歌手音ピコvs渦音ヒト】【VOCALOIDとかオリジナル曲】
・μαινάδεςを作る時に大量に採取したドリームコアがまだ余っているのでお茶漬けにでもするか。
・しました。
・「フィラー」です。夜中にテレビをつけると流れているあの感じ
歌詞カード:https://fm7743.web.fc2.com/u_z_n_e/music56_filllllller.html
YouTube:https://www.youtube.com/watch?v=VzGqqE627T4
作詞・作曲・編曲・絵・動画・ページ作成・その他雑用:FMIC7743/渦音P
歌とおしゃべり:歌手音ピコ(VOCALOID),渦音ヒト(UTAU)
・背景素材の一部に「Adobe Firefly」「AC写真AIラボ」の生成画像を使用しています。
・ページのJavascript部分をChatGPTベースで作っています。
マイクラでマインスイーパーを作ってみた
8x9Craftでマインスイーパーを作ってみました。順番が逆になっちゃたけど、この作品は一個前にアップしたもぐらたたきの前に作った作品です。ルールは、地面に爆弾が埋まっているのでそれを掘り当てないように爆弾以外の砂を全部ほると勝ちというゲームです。全部掘り当てるとと、爆弾がダイヤモンドに変わって花火がうちあげられます。ソースコード:https://goo.gl/PwMoY2
Sencha Touch をさわってみた HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回@大阪
http://bit.ly/pronama11
「Sencha Touch をさわってみた」
TWorks さん(@tworks): 新大阪アプリ初心者勉強会「楽しいアプリ制作の会」代表
lv70701712
mylist/12987821
【JavaScript:3限目】プログラミング?なにそれおいしいの?【1枠目】
最初(一限目) → sm19079001
sm19151254(二限目5枠目) ←前回 次→ sm19176637
mylist/34106830 ←過去放送一覧
《放送日》2012年10月16日(火)20時〜22時00分:ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・ブラウザを使った実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない2人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
javascript 製 RDB jsrel の紹介 - プロ生勉強会第28回 #pronama
2014/05/31 開催 プログラミング生放送勉強会 第28回@東北大学 のセッションです。
詳細: http://pronama.azurewebsites.net/2014/03/29/pronama-28-at-sendai/
「javascript 製 RDB jsrel の紹介」
スピーカー: 株式会社 CureApp 鈴木 晋 さん
※ 画質・音質が少し悪いです。
lv180839294
mylist/25733855
【無料】ぷよぷよでプログラミング学習
ぷよぷよでプログラミングを学ぶためのサイトができてました。
写経だけですが、結構楽しめるのでオススメ。
JavaScriptに興味があるプログラミング初心者に最適です。
【OSC2014北海道】 業務アプリケーションにおけるこれからのWeb開発
2014年6月14日(土)開催のOSC2014北海道のセミナーをお送りします。
講師:佐川 夫美雄(html5jエンタープライズ部)
担当:html5jエンタープライズ部
レベル:入門編
対象者:Web開発者、HTML5開発者
前提知識:特になしL
html5の登場により従来JspやServletで開発していた業務アプリケーションが、html/JavaScript/Cssを重視した開発スタイルに変わりつつあります。
backbonejsやanglarJSといったJavaScriptフレームワークが登場したのもそういったことに関連していると考えられます。そこで従来の開発スタイルと現在の開発スタイルがどのような変化があるのかを実例を元にご説明したいと思います。
【カテゴリ】Web アプリ/Web開発環境
PDFの中の初音ミク口パクテスト1-2
『しらかわまよ』さんのミクの絵をPDFの中で口パクさせてます。音楽はsm1481428 をお借りしてます。 人って「ま」の音を発するとき唇が一瞬閉じますよね。 その辺を反映させたのと、フレームレートを大きくしてみました。 今週は突然寒くなったんでおやすみ。sm1167816さんとやっていること似ているんです。JavaScriptの中身こんなんですから。 //ここより下:乙乙乙乙 timerID = app.setTimeOut("O()",X+0); timerID = app.setTimeOut("U()",X+228); timerID = app.setTimeOut("O()",X+742); timerID = app.setTimeOut("U()",X+971); 1→sm1518750人気ないです myvideo/1011257
【Node.js:1限目】プログラミング?なにそれおいしいの?【2枠目】
最初(Javascript基礎) → sm19079001
sm19334508 ←前 次→ sm19334739
mylist/34106830 ←過去放送一覧
《放送日》2012年10月30日(火)20時00分〜23時30分:ニコニコ生放送にて
《内容》Node.isの概念と展開の仕方
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない2人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
【初音ミク「マジカルミライ2020」プログラミング・コンテスト】 リリックアプリ開発ことはじめ #mm2020procon
初音ミク「マジカルミライ2020」で初めて開催されるプログラミング・コンテストでは、マジカルミライのテーマ曲にあわせて歌詞などの映像演出が魅力的に動くWebアプリケーション(リリックアプリ)を募集しています。
この動画では、コンテストの概要からTextAlive App APIを使ったリリックアプリの開発方法まで紹介しています。開発方法だけに興味のある方は Part 3. をご覧ください。
#00:00 Part 0. はじめに
#00:34 Part 1. プログラミング・コンテストについて
#01:51 Part 2. リリックアプリとは?
#04:49 Part 3. TextAlive App APIを使ったリリックアプリ開発
#16:53 Part 4. プログラミング・コンテストの参加方法
#20:35 Part 5. おわりに
■ 初音ミク「マジカルミライ 2020」 プログラミング・コンテスト 公式サイト: https://magicalmirai.com/2020/procon/
■ TextAlive for Developers サイト内 コンテスト応募者向けサポートページ: https://developer.textalive.jp/events/magicalmirai2020/
■ 動画で紹介している作例 textalive-app-lyric-sheet の掲載サイト
CodePen: https://codepen.io/arcatdmz/pen/abNXJgG
GitHub: https://github.com/TextAliveJp/textalive-app-lyric-sheet
デモページ: https://textalivejp.github.io/textalive-app-lyric-sheet
■ 作例 textalive-app-lyric-sheet で流れるマジカルミライ2020 テーマ曲
ピノキオピー feat. 初音ミク / 愛されなくても君がいる
https://www.nicovideo.jp/watch/sm37223770
---
投稿者: 加藤 淳(産業技術総合研究所)
この動画に関するお問い合わせ: [email protected]
自作ゲーム「奴の紙飛行機」PV
自作ゲーム「奴の紙飛行機」PV
javascriptなのでスマホやゲーム機などでも動くはずです
操作はクリックのみです
http://vividorangefegi.web.fc2.com/games/janpu.html
Douglas CrockfordがDo-Daiを歌う
DouglasがDo-Daiを歌ったらとても素敵かと思ったのですが、力不足でした。
音感テスト作ってみた
こちらから↓
http://pippin1024.web.fc2.com/onkan/index.html
※javascriptを有効にしてください。
※Chrome推奨
和音(コード)の聞き取りテストです。
問題は全部で20問でランダムに出題されます。
1問の点数は最大5点で、全体で100点満点です。
各問題の始めに音声が再生されます。また、真ん中の♪をクリックしても同じ音声が再生されます。
下の5つの選択肢から、音声に対応するコードネームを1つを選びクリックします。
正解した場合、残り時間に応じた点数が加算されます。
phina.jsによる10分間プログラミングPart77 横スクロールアクション編
新しいボス作成
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/5f55aacb
youtube版
https://youtu.be/OpSpCApfZZY
前回 sm33031836 ちょっと速くする 2
次回 sm33107550 タイトル画面 クリア画面作成
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(3)
敵キャラを出します。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25791488
次 未定
マイリスト mylist/39031781
エアリスのテーマをアレンジ/JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。(本来であればフーリエ変換などの知識が必要になる)
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
(フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装)
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
enchant.jsを使ってwindows8向けアプリを作ろう~ドラッグ&ドロップ編~
こんにちは、ヒグユメです。
今回は、プログラミング実況です。
enchant.jsを使ってwindows8向けのアプリを作ってみました。
わかりやすい解説を目指して頑張ります。
--
料理動画も作っています。→ mylist/43587934
tmlib.jsでゲームを作ってみよう(2)
その2 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第3引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう(3)
その3 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
明日から使えない IndexedDB プロ生勉強会 第15回@大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回@大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん(@mzsm_j): 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。(音はありません。)
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ:http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM:かまタマゴ(https://kamatamago.com)
Google Web Toolkit(GWT)入門 taknb2nchさん プロ生勉強会第6回 #pronama
co9320 主催 2010/11/13 開催 プログラミング生放送勉強会 第6回@大阪 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!314.entry
Google Web Toolkit(GWT)入門
スピーカー: taknb2nch さん(@taknb2nch)
mylist/22221660
ライトニングトーク プロ生勉強会 第13回@愛媛 #pronama
2012/3/31 開催 プログラミング生放送勉強会 第13回@愛媛のライトニングトーク
詳細: http://pronama.jp/13
#00:00 「JavaScriptをかけない人がCoffeeScriptを書き始めてわかったこと」もりちゃん
#05:04 「AndroidBindingを使ってみた」なかじさん
#10:09 「C++,OpenGL,Qt,Squirrelでポリゴンもデラーを作る~OpenModeler~」泉さん
#15:19 「IEのクッキーをてへぺろ☆」仲根かなはるちゃん
lv86805603
mylist/28883076
SNOW MIKU 2018「SNOW MIKU LIVE! 2018 - Songle Syncコラボ -」
SNOW MIKU 2018「SNOW MIKU LIVE! 2018 - Songle Syncコラボ -」
https://events.ongaaccel.jp/snowmiku2018/
初音ミクライブの開演前に来場者のスマホ上で流れたSongle Syncによる映像を公開します。本企画は2018年2月9日(金)、10日(土)に計4回実施されました。
※実際には動画を使わず、JavaScriptで動的に描画していました。
■楽曲:
-「CITRUS TRAIN」by ZLMS (ジグ×ルワン×はるまきごはん×雄之助)
-「Ordeal」by BIGHEAD
-「Winter Sky Discovery」 by keisei
-「キミペディア」by Junky
-「ナミダスケープ」by きっきょん
■雪ミク:
- illustration by やすも
- © Crypton Future Media, INC. www.piapro.net
■研究開発チーム(産業技術総合研究所 本企画関係者):
- 後藤 真孝(総括・企画)
- 井上 隆広(Songle Sync設計・開発)
- 石田 啓介(CGアニメーション設計・開発)
- 川崎 裕太(Songle設計・開発) 他
■問い合わせ先: songle-api-ml [at] aist.go.jp
本動画はクリプトン・フューチャー・メディア株式会社から許諾を得て公開しています。
学術目的で一般公開しているSongle Syncの実証実験として本企画を実施しました。
本研究の一部は、JST ACCEL (JPMJAC1602) の支援を受けています。
1曲のうちに構文解析器
1曲終わる前に、簡単な構文解析をします。約4分くらいで、それっぽくなって、1分でデバッグってかんじです。
HTML5+JavaScriptでのんびりプログラミング
ここ数カ月は動画の投稿をしておらず、といってネタ切れ状態なので、最近やっているプログラムの現状でも載せようかなと。
自分専用のツールを作っているところで、完成にはまだまだといったところです。
ちなみに1~100000までの和を求めてるだけです。
あと動画は2倍速で、BGMはあと乗せです。
その後→sm27539124
宮舞モカ Innocence
Synthesizer V 2 AI 宮舞モカ
「あの楽器」っぽいエフェクトをJavaScriptで作ってみました。
音声ファイルを投入すると動きます↓
https://ano-visualizer.firebaseapp.com/
ご本家さま→sm1826238
あの楽器→sm5480792
調声・MIX・映像→マナツP:mylist/7483928
TypeScript ファーストステップ (Rev.2) - プロ生勉強会 第20回@品川 #pronama
- プロ生勉強会 第20回@品川 #pronamaプログラミング生放送勉強会 第20回@品川 のセッション
詳細: http://pronama.jp/20
「TypeScript ファーストステップ (Rev.2) ~ Any browser. Any host. Any OS. Open Source. ~」
JavaScript のスーパーセットとして登場したプログラミング言語 “TypeScript” は、大規模 JavaScript 開発を大きくスケールさせることができる多くの利点を持ち揃えています。本セッションでは、その登場の背景や特徴・ツールサポートなどの紹介を通して TypeScript 利用のファーストステップを導きます。
スピーカー: 井上 章さん(@chack411) 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部 エバンジェリスト
lv128495639
mylist/27543937
javascriptで動く秘書にホーム画面を任せてみる #2
part2です。少しづつ更新していきたいと思います。
前: sm29494146 次: sm29548291
Apk download: http://www1.axfc.net/u/3709217
DL key: 2525
