キーワード Javascript が含まれる動画 ： 1160 件中 545 - 576 件目

【概要】
今回は、Node.jsとブラウザ自動化ツール「Puppeteer」を使って、ゲーム（Cookie Clicker）のチートツールを作ってみます。
セットアップ手順、プログラムの解説、ブラウザ自動化の利用例なども解説します。

【目次】
#0:00 今回の内容
#0:59 準備・セットアップ
#2:19 コーディング
#3:36 ブラウザ自動化の利用例

【動画内で使用したソースコード】
https://github.com/redimpulz/cookieclicker-auto-tool

【Twitter】
https://twitter.com/it_plus_plus

【IT業界知識 再生リスト】
https://www.youtube.com/playlist?list=PLKdqBfhUoU_U3HY8VAhVmyMV3zXMTZ0Cc

【合成音声】
VOICEVOX（ずんだもん、四国めたん）
https://voicevox.hiroshiba.jp/

【立ち絵】
坂本アヒル 様
https://seiga.nicovideo.jp/user/illust/97452727

http://www.nicovideo.jp/watch/sm41708463

Feels Like Ruby
Sarah Mei (Pivotal Labs)

For a Rubyist, writing Javascript is the worst part of working on a Ruby web application. Those clean, modern UIs are often made possible by incredibly complex Javascript. The helpers inevitably get in the way, and you end up writing most of it by hand.It is painful.But you can make writing Javascript code feel more like writing Ruby code. I will show techniques that go beyond "unobtrusive" and turn Javascript into a first-class citizen in your Ruby application. Make your Javascript more joyful!

http://www.nicovideo.jp/watch/sm11902695

YouTube から: https://www.youtube.com/watch?v=UhQ80ajAQHY
spreadsheet：https://docs.google.com/spreadsheets/d/1O9h1lUfvCnHeIJrrssQmnHfvR8TXFAyiWx9aSQ6z2u4

111010001010101010101101111000111000001010010011111000111000000110100111111000111000000110001111111000111000001010001100111000111000000110100110111000111000000110000010111000111000001010001010111000111000000110001100111000111000000110101000111000111000000110000110111011111011110010000001111001011010010010100111111001011010010110111101111000111000000110001101111000111000000110100111111000111000000110011001111011111011110010000001

参考文献： decodeURIComponent() - JavaScript | MDN https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent

マイリスト： mylist/63728342

Twitter：https://twitter.com/AIcia_Solid/
YouTube： https://www.youtube.com/channel/UC2lJYodMaAfFeFQrGUwhlaQ
Logo：TEICAさん https://twitter.com/T_E_I_C_A

http://www.nicovideo.jp/watch/sm33946388

【ジャンル】タイピングRPG（フルキー型）☆初心者歓迎！！上級者も満足！！☆
【取り扱い】フリーウェア
【動作環境】ブラウザゲーム（夢現さんとVectorさんにDL版もあります）

ダウンロードタイプのタイピングゲームはプレイされる確率が格段に
低いようなので、今回はブラウザ作品です。DLも可。夢現さんや
Vectorさんにあります。十字キー[I][J][K][L]，キャンセル[F]，決定[Space]，
魔法選択[A][S][D][F]

https://tetsucom.main.jp/sword_finger_r.html

懐かしのタイピングRPG『Sword Finger (V1)』（フルキー型）BGM集およびプレイ動画
@ジャンプ #0:00 sm44852467

http://www.nicovideo.jp/watch/sm44341015

part1 sm21785295 前回の後Javascript JQuery JQueryUIを修得してdroppable,draggable機能を生かして野手の采配画面を作ってみました　マイリスト　mylist/31473114

http://www.nicovideo.jp/watch/sm22367556

Webブラウザで表示されるものは全てHTMLで構成されていて、HTMLで書かれたプログラムをWebブラウザが解析し表示するという仕組みになっています。HTMLを理解するとホームページを作成するだけでなくJavaやPHPやJavaScriptなどの他言語と連携しWebアプリケーションにも対応できるようになれます。

「誰でもわかる HTML基礎」講座では、HTMLの基本文法を習得することができます。その結果、HTMLを読めるようになり、HTMLの文法に沿ったプログラムを組めるようになります。そして、オンライン・ショッピングなどのWebアプリケーションの動作概要が理解できるようになり、Webアプリケーション開発に挑戦できるだけの知識を得られるようになります。

講師■ＩＴ研究所　荒川栄一郎
講座紹介ページ
http://dougaku.tv/contents/IT_4810/c_index.html
------------------
本教材に関する問い合わせ：アテイン株式会社 Tel.03-3255-4721

http://www.nicovideo.jp/watch/so33602776

新書『教養としてのプログラミング講座』は、これまでに全くなかった形の書籍である。一言で言えば、コンピュータの伝統的なプログラミング言語、CやJavaやJavaScriptといった類いの一般的な言語や、高度な数学的知識を一切用いることなしに書かれた、プログラミングの本、ということになる。プログラムとは、ギリシャ語で「公にかかれたもの」に由来する。祭典などの宗教的儀式や、組織の管理運営といった文明の発展に欠かなかったものがプログラムであり、人類の叡智そのものであると言える。それがコンピュータの発明によって我々一般庶民にも手が届くようになったことで、プログラミングという思考様式が広まりつつある。今やプログラミングは21世紀の人類にとってなくてはならない教養のひとつと言えるだろう。本イベントでは、本書にまつわる話題を振り返りつつ、ページの都合上盛り込むことが出来なかった話題も紹介していく。

http://www.nicovideo.jp/watch/so25892804

はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお

内容
10年くらいJavaScriptを書いて思ったこと。
Webディレクター必見！最新Webサービス投稿サイトService Safari
でも半年働かなくても生きて行けるのはいいってことっすよね
クリティカルシンキングって別の意味でつかってるひといたわ
英語の意味的に正しいのか疑問が・・・
プログラムは簡単には学べないけど楽しくは学べるよね
プログラムが目的ならそのたびに英語を調べるみたいな

マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお

初音ミクのゲーム作ってるお
http://mikumikuplay.com/

http://www.nicovideo.jp/watch/sm23658057

part2です。少しづつ更新していきたいと思います。


前: sm29494146 次: sm29548291

Apk download: http://www1.axfc.net/u/3709217
DL key: 2525

http://www.nicovideo.jp/watch/sm29508399

- プロ生勉強会 第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

http://www.nicovideo.jp/watch/sm20332767

Synthesizer V 2 AI 宮舞モカ
「あの楽器」っぽいエフェクトをJavaScriptで作ってみました。
音声ファイルを投入すると動きます↓
https://ano-visualizer.firebaseapp.com/

ご本家さま→sm1826238
あの楽器→sm5480792
調声・MIX・映像→マナツP：mylist/7483928

http://www.nicovideo.jp/watch/sm44867370

ここ数カ月は動画の投稿をしておらず、といってネタ切れ状態なので、最近やっているプログラムの現状でも載せようかなと。
自分専用のツールを作っているところで、完成にはまだまだといったところです。
ちなみに1～100000までの和を求めてるだけです。
あと動画は2倍速で、BGMはあと乗せです。

その後→sm27539124

http://www.nicovideo.jp/watch/sm27499804

１曲終わる前に、簡単な構文解析をします。約４分くらいで、それっぽくなって、１分でデバッグってかんじです。

http://www.nicovideo.jp/watch/sm1127136

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) の支援を受けています。

http://www.nicovideo.jp/watch/sm33704344

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

http://www.nicovideo.jp/watch/sm17447936

co9320 主催 2010/11/13 開催 プログラミング生放送勉強会 第6回＠大阪 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!314.entry

Google Web Toolkit(GWT)入門
スピーカー: taknb2nch さん（@taknb2nch）
mylist/22221660

http://www.nicovideo.jp/watch/sm13118854

複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。（音はありません。）
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。

遊べるページ：http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM：かまタマゴ（https://kamatamago.com）

http://www.nicovideo.jp/watch/sm34825581

2012/4/21 に開始した プログラミング生放送勉強会 第15回＠大阪のセッションです

「明日から使えない IndexedDB」
スピーカー: mzsm さん（@mzsm_j）: 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。

lv89231179
mylist/28883076

http://www.nicovideo.jp/watch/sm17782348

その３ 自機のショット

今回のポイント

(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。

(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
　衝突判定にはisHitElement()関数を使用しています。

(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
　要素の増減による添字のズレを防ぐことが出来ます。

前 sm22063641
次 sm22206747
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22160827

その２ 敵の出現

今回のポイント

(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。

(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。

(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。

(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。

前 sm22063606
次 sm22160827
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22063641

こんにちは、ヒグユメです。
今回は、プログラミング実況です。
enchant.jsを使ってwindows8向けのアプリを作ってみました。
わかりやすい解説を目指して頑張ります。

--
料理動画も作っています。→　mylist/43587934

http://www.nicovideo.jp/watch/sm23385019

JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）

で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。

初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）

ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。

http://www.nicovideo.jp/watch/sm35459905

敵キャラを出します。


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

http://www.nicovideo.jp/watch/sm25926183

新しいボス作成

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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様広告ありがとうございます。

http://www.nicovideo.jp/watch/sm33071887

こちらから↓
http://pippin1024.web.fc2.com/onkan/index.html　
※javascriptを有効にしてください。
※Chrome推奨


和音(コード)の聞き取りテストです。
問題は全部で20問でランダムに出題されます。
1問の点数は最大5点で、全体で100点満点です。
各問題の始めに音声が再生されます。また、真ん中の♪をクリックしても同じ音声が再生されます。
下の5つの選択肢から、音声に対応するコードネームを1つを選びクリックします。
正解した場合、残り時間に応じた点数が加算されます。

http://www.nicovideo.jp/watch/sm25698699

1　sm31825783　3　sm31877949

http://www.nicovideo.jp/watch/sm31870447

DouglasがDo-Daiを歌ったらとても素敵かと思ったのですが、力不足でした。

http://www.nicovideo.jp/watch/sm15665883

自作ゲーム「奴の紙飛行機」PV
javascriptなのでスマホやゲーム機などでも動くはずです
操作はクリックのみです

http://vividorangefegi.web.fc2.com/games/janpu.html

http://www.nicovideo.jp/watch/sm22672663

初音ミク「マジカルミライ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]

http://www.nicovideo.jp/watch/sm37593206

最初(Javascript基礎) → sm19079001　
sm19334508　←前 次→　sm19334739
mylist/34106830　←過去放送一覧

《放送日》2012年10月30日（火）20時00分〜23時30分：ニコニコ生放送にて
《内容》Node.isの概念と展開の仕方

▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。

※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。

http://www.nicovideo.jp/watch/sm19334636

『しらかわまよ』さんのミクの絵を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);　　　１→sm1518750人気ないです　　myvideo/1011257

http://www.nicovideo.jp/watch/sm1525803

2014年6月14日（土）開催のOSC2014北海道のセミナーをお送りします。

講師：佐川 夫美雄（html5jエンタープライズ部）
担当：html5jエンタープライズ部
レベル：入門編
対象者：Web開発者、HTML5開発者
前提知識：特になしL

html5の登場により従来JspやServletで開発していた業務アプリケーションが、html/JavaScript/Cssを重視した開発スタイルに変わりつつあります。
backbonejsやanglarJSといったJavaScriptフレームワークが登場したのもそういったことに関連していると考えられます。そこで従来の開発スタイルと現在の開発スタイルがどのような変化があるのかを実例を元にご説明したいと思います。

【カテゴリ】Web アプリ/Web開発環境

http://www.nicovideo.jp/watch/so23833433