キーワード JavaScript が含まれる動画 ： 1160 件中 289 - 320 件目
種類:
- タグ
- キーワード
対象:
アップリラ / SATOU PONO feat. 唄音ウタ
9作目：無色透名祭で他の曲を投稿した後、始まる前に作ってた。
喪失感を励ますイメージ、メロディの浮遊感が癖になる好き。
手軽足軽さん、ウルさん広告ありがとうございます！
ポケット・ミクをJavaScriptで歌わせる簡易シーケンサー＆リズムマシン
Chromeで動くポケット・ミク（ポケミク）用シーケンサーWebアプリ。JavaScript/Web MIDI APIで動きます。Webアプリ「VOCACID」紹介動画その2。
歌詞の入力、パターンの保存・読み込み、エコー的なエフェクトの選択（ディレイ6種）などの機能を持っています。画面が暗くてすみません。
sm27282296 の続きです。YouTubeにあげてたやつの転載。
一時期話題になったハードウェア（未発売）のVOCALOOPみたいなことはだいたいできるはず。
試せるページはこちら。
https://vocacid.appspot.com/
Web MIDI API関連のリスト： mylist/55267430
8x9Craft 実行結果画面のデモ
8x9CraftはマイクラでJavaScriptプログラミングを楽しむことができるModです。この動画は、その8x9Craftの新機能の一つ、プログラムの実行を確認できる画面のデモ動画です。動画では、プログラムの実行までと、実行画面の表示の仕方、そして実行中の画面をみることができます。音ももなにもない地味な動画ですが、マイクラの画面と実行画面が同期しているのでとてもおもしろい動画だとおもいます。
Androidでニコニコ動画がみれるウェブページを作ってみた。
[ブログ用]ニコニコ動画の公式から動画を見ようとすると重いのでJavaScriptのみでAndroidに最適化したウェブページを作ってみました。[NicoWebPlayer for Android] URL : http://axe1lyze.client.jp/nicovideo/ ブログ : http://axe1lyze.blogspot.com やはりニコニコはプレミアムじゃないと画質が悪いのでYoutubeのURLを。 http://www.youtube.com/watch?v=W6Jvb1XemTc
【プログラミング】ゆっくりでゲームを作ろう part2【ゲーム作成】
うーん、絵の才能がない。画像がない。くまった。前→nm4238835 次→sm4269656 マイリストmylist/7998040今回作ったソース→ホームページにソースのせました→http://www.occn.zaq.ne.jp/cukit607/
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはglslまたはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
リアルタイムチェスかも
golemBOXTE先生が小説サイト「小説家になろう」に投稿されているオリジナル小説の、ゲーム化です。
http://daihonmaker.orz.hm/golem/
にて発表しています。
キャラ毎に簡単なプログラムを組み、自律戦闘を行うゲームです。JavaScriptで書かれているブラウザゲームです。まだ作りはじめです。プログラムの勉強の為にJavaScriptで作っています。
戦っているものはチェスの駒のようなゴーレムらしいです。
映像が悪いので直接ホームページへ行って実際、触ってみるのもいいかもしれませんです。なお、当ゲームは画像ファイルを使っていませんです。
動画を取り直して、BGMをつけて再編集しました。→ sm15495546
Dsl-feat.初音ミク
初めて投稿させて頂きました！！
作詞作曲 ・二ト
二ト Twitter
(@O48Ial3cIqwpHGh)
https://twitter.com/O48Ial3cIqwpHGh?s=09
イラスト・かなしみ Twitter @YOMEI_5_FUN
定期的にあげて行こうと思います
お友達のumc氏にアレンジしてもらいました！
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm36003403/script?w=640&h=360&from=0"></script><noscript><a href="https://www.nicovideo.jp/watch/sm36003403?from=0">【ボーカロイドカバー】Dsl-feat.鏡音リン レン / umc.</a></noscript>
伊地知ニジカ インフィニティ・ガントレット編
ニジカ虐と思わせて実は喜多虐なぼざクリ作品ができました。
アベンジャーズのGoogle隠しコマンドをアーカイブページで見かけた時からこれはネタで使えると確信し、隠しコマンドアーカイブサイトからHTMLファイルとJSファイルを落として解析、検索結果をランダムに半分消す処理から配置されたニジカ画像を順番に確実に全て消す(アベンジャーズ・エンドゲームのサノス軍の最期に相当)処理に書き換える作業を水面下で作ってました。
正直、動画制作よりも実際のページ制作の方が時間がかかりました。
思い通りに動かないの連続で大変でしたが、作ってて楽しかった上、完成した時の達成感が凄かったので無問題でした！
そしてニジラーの皆様、伊地知ニジカ超投稿祭21Cの動画制作お疲れ様でした。
6/1(土)と6/2(日)に伊地知ニジカ超投稿祭21Cの作品集の生放送配信があるようなので、皆さんで一緒に鑑賞し合いましょう！
(自分も生放送の配信を見に行く予定です)
また、冒頭でも述べた通り本作は動画での鑑賞に留まらず、実際に以下のページで喜多ちゃんに指パッチンさせて伊地知ニジカを全滅させる遊び(？)をする事ができます。
https://strawberrycakebot.web.fc2.com/Google_EasterEgg/thanos/nijika_dust.html
本編では本家におけるストーンの力を使った反動に耐えられなかったト○ーと同じ運命を辿る羽目になったものの、こちらのページでは喜多ちゃんは力尽きることなくページ更新により何度でもニジカを全滅させることができる他、手持ちのニジカの画像を塵に変える事ができるので是非お試しあれ！
但し、リリースまでにタブレット・スマホ環境におけるバグを解消できなかった為、現在の動作保証環境はPC版のChromeのみとなっています。
スマホ環境等でもページの表示自体は可能ですが、音が鳴らなかったり塵化するアニメーションがうまく再生されなかったりといった現象が発生してまともに閲覧できない可能性が高いことを予めご了承ください。
(スマホ環境等のバグは原因判明次第、修正する予定です)
(※ニジカが塵になって消えるページは以下のアーカイブサイトのページのHTML・JavaScriptを元に作成しました)
https://elgoog.im/thanos/
【追記】
X限定だったEDショートバージョンも別垢にアップしました→ sm43929869
Part 8 - Djangoを使って簡単なオンラインショップを作ってみよう
【Django】Part 8 - Djangoを使って簡単なオンラインショップを作ってみよう
音楽：Music：魔王魂
https://maoudamashii.jokersounds.com/
BGM：bgm_maoudamashii_8bit17.mp3：8bit 17 (街25の夜バージョン「街25b」) (魔王魂)
https://maoudamashii.jokersounds.com/archives/game_maoudamashii_5_town25b.html
BGM：bgm_maoudamashii_8bit26.mp3：8bit 26 (crying again ファミコン風) (魔王魂)
https://maoudamashii.jokersounds.com/archives/bgm_maoudamashii_8bit26.html
本の写真に使ったファイルは「pexels.com」からダウンロードして使用しています。
https://www.pexels.com
https://www.pexels.com/ja-jp/photo/415071/
Djangoを使って簡単なログイン機能を持ったオンラインショップのようなサイトを作ってみましょう。
Part8となる今回の動画シリーズでは、出品者が自身の商品の情報を編集したり、削除できるようにします。
その為に画像の登録機能と、削除する時にjavascriptとBootstrapを利用してモーダルを表示させて選択を促すような仕組みを実装していきます。
Blog
https://akasatanahama.com/
Twitter
https://twitter.com/fullNam35087976/
Github
https://github.com/shaieaokamodkijiadjfoa/
【21冬MMDふぇすと本祭】従者組でSNOBBISM【東方MMD】
かなり前に作ったもののリメイク版です^^;
ですが、いろいろ演出変えているのでひと味違うと思います
モデル:アールビット様、kanata様、りとばな様、mattRas様
モーション:apr様
ステージ:superg7fd43s様、youkan様、鯖缶様
音源:ゆある様
エフェクト:データP様(Adultshader)、そぼろ様(Autoluminous)、ラテ様(桜の花びらパーティクル、葉っぱパーティクル)、さくや様(蛍っぽいエフェクト)
前作動画:<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm37539197/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm37539197">
「おたんじょうび おいわい あざらいじんぐ」プレイ動画
知人の誕生日プレゼントのおまけに作ったミニゲームです。
#0:00 ゲームプレイ
#3:04 遊び方
#3:16 クレジット
ゲームURL：https://ennteru57.boo.jp/game/gameData/HappyBirthday2026/index.html
15000点から流れるBGM：sm46039161
自作ゲームPart1集：mylist/71733034
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
このツール(Firefox用のBookmarklet)は、視聴画面や投稿者コメント編集画面にコメントの入力を補助する操作パネルを追加するものです。
フルライジオボタン化、カラー記憶機能追加等行いました。
基本的な発想はGRNさんのものです。
GRN放送局:http://com.nicovideo.jp/community/co300695
twitter:https://twitter.com/grnweb
お借りした動画:sm26364728
ツール(Bookmarkletの紹介記事)
http://ameblo.jp/odoriko-link/entry-12035754587.html
nicoｺﾒ補助ﾂｰﾙver.2.22r
http://tottemohimadesi.esy.es/js/nico_come_assist_tool-ver2.22r.js
コメントアート（弾幕）の知識はこちらをご覧ください。
コメントアートwiki
http://www37.atwiki.jp/commentart/
Nintendo Switchの隠しブラウザをもうちょっと試す
コメントまわりをだらだら検証していたら公式アプリが出てしまったので、それ以外だけ動画にします。
もうちょっと色々調べたいところですが、ブラウザにデバッグ機能もないし、10年以上前に書いた自分のクソコードが読めなくて断念しました。
じゃあ10年後のZenzaWatchは大丈夫なのか？というと、そもそもニコニコ動画があと10ne…いや、なんでもないです。
ユーザーが製作者の想像を超えたすごい物を作るという点で、コメントアートとロードランナーは通ずるものがあるかなあと思ったりします。
【第3回ｾﾔ祭り】セヤなだれ とらいある【自作ゲーム】
なぜか誰も作ってくれないので作りました。
以下から遊べます。
URL：※レンタルサーバーの契約切れに伴い公開停止
※Windows各種ブラウザ（IE除く）のみ動作を保証します。
※キーボード必須です。
【作成環境】HTML5 + JavaScript 【使用ライブラリ】phina.js
【twitter】@motyo3_seyana
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ベースで作っています。
作ったもの解説 #1 プログラミング未経験者でも13時間で作れる? JavaScriptで動くメモ帳アプリ
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくとWeb系のプログラマーになれるようなコンテンツを目指しています。
補足ブログ：https://iis-tio.hatenablog.com
メモ帳アプリの仕様：https://iis-tio.hatenablog.com/entry/2021/08/16/141453
Twitter：https://twitter.com/TioIis
マシュマロ：https://marshmallow-qa.com/tioiis
YouTube：https://www.youtube.com/channel/UCKdKAh96Tl4dMIHsZtc9KEQ
BGM：かえるのピアノ（https://dova-s.jp/bgm/play568.html）
【3D音響】エフェクターで360°音を動かす BOSS VF-1ブラウザで操作Web MIDI API
ローランドから発売されていたマルチエフェクツBOSS VF-1のRSSという3次元音響処理技術をブラウザとWeb MIDI APIでコントロールします。
360度、前後左右に定位させられるのですが、一般的なMIDIコントローラーで操作するよりも、タブレットやスマホなどのタッチデバイスの方が、直感的に操作できる気がします。
前方を0度として、左右ともに180度まで（それぞれ30段階）。対して上下は±54度まで、3段階とざっくり。上下はいまひとつ効果が感じにくい気配。いかがですか？
ブラウザで動くWebアプリです。Win / Mac / Android / iOSで動作。要MIDIインターフェイス。URLの公開は後ほど（予定）。
Web MIDI API関連のリスト： mylist/55267430
【AA動画】アスキーアート再現！！ [throwcurve 2010]
![【AA動画】アスキーアート再現！！ [throwcurve 2010]](https://nicovideo.cdn.nimg.jp/thumbnails/11936733/11936733)
throwcurveの2010という新曲。AA動画作ってみました。
throwcurveのアフターマスな曲のイメージにあったかな？正に時間の無駄遣い…
sm398526さんのAA動画を参考にしてjavascriptでひたすら書き出したものです。
ちなみにmac book proで書き出しました。やっぱりMACのほうがフォントが奇麗ですね。 YOU TUBE版は文字がしっかり見えます。 HD推薦。
http://www.youtube.com/watch?v=QERngqK-r8E
【ゆっくり解説】プログラミングを楽しませよう動画 第１回 コピーペースト
http://kyakuhonmaker.com/binou/text/text1.txt
↑ コピーペーストの回 のソースファイル
次の動画→ sm34415606
教材一覧
http://kyakuhonmaker.com/binou/text/index.html
プログラミングを楽しませよう動画、マイリスト→ mylist/57368777
マリオVSドンキーコング WiiU nintendo Web Framework Demo
つべより転載 http://www.youtube.com/watch?v=LFwU1T4id1c
webkitベース、HTML5+JavaScriptで容易にWii Uでのゲーム・アプリ開発が可能になる
nintendo Web Framework で作られたマリオVSドンキーのデモです。
ゲームとしてはいずれ配信される可能性が高いですが、
それよりもこのレベルでもwebベースで楽に作れるというのが大きい。
Facebookからデータを収集 | Octoparseチュートリアル
今回はFacebookのようなSNSからメールアドレスを収集する方法を教えます。
詳細については、https://www.octoparse.jp/をご覧ください。
Octoparseはコードを書くことなくウェブサイトからデータを手軽に抽出できるスクレイピングツールです。このツールは人工知能、価格監視、学術研究、マーケティング調査などに広く使えます。これにより抽出したデータは、Octoparseのクラウドサーバーに保存され、Excel、JSON、CSV、HTML、データベースなどの構造化形式のファイルでエクスポートできます。また、クラウドサービスでAPIを作り、Octoparseをシステム、ウェブサイト、アプリに即時で統合できます。
Octoparseには多くの特徴があります:
1.ポイント＆クリックのインターフェース - ウェブデータをクリックすると抽出できる
2.ほとんどのサイトをカバー - JavaScript、AJAX、または動的なサイトを支持できる
3.クラウドプラットフォームで抽出作業 - ネットワークの中断に心配する必要はない
4.多くのIPが自動的に循環使用 - IP追跡とアクセス拒否を効果的に避けられる
5.スケジュールを設定 - クラウド抽出機能を使うと任意の時刻にタスクを実行できる
6.構造化データファイル - CSV、Excel、HTML、API、データベースにエクスポートできる
7.無料版は入手可能 https://www.octoparse.jp/
春日部つむぎのさくっとプログラミング講座 第１回 演算子って何？基本を学ぼう！
VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
ギャルがプログラミングやったっていいじゃないか。
マインスイーパでBadApple!!つくってみた
説明不要の元ネタ様 > sm8628149
タイトル通り2805枚のマインスイーパで再現するBadApple!!です。
数字が細かいので出来ればフルスクリーン推奨です。
HTMLとJavaScriptを使ってブラウザで表示して再現してるので、
通常のマインスイーパのサイズよりも大きい64×48セルとなっています。
メイキングっぽいもの > sm14095355
#追記
10秒付近で画像切れてるとか「爆弾一切出てねぇな」とか前々から気になってたので実装方式変えて作り直してみました。
よろしかったらどうぞ >sm17065134?
badapple!! WEBスクロールver.
突然思いついたので作ってみました。
動作を軽くするためフレームレートは低め。
・使ったもの HTML・CSS・JavaScript
下にスクロールすると次の連番画像が読み込まれる仕組みです。（appleの公式サイトなどでよく見る）
なので動画を埋め込んでいるわけではないです。
気が向いたらメイキング動画でも作ろかな、と思います。
【nodeモジュール】precure.js作ったよ【JavaScript】
npmモジュールでprecure.jsを作りました。
プリキュアシリーズのすべてが内蔵されたライブラリです。
親にプリキュア全員の名前の列挙を求められた時などにお使いください。
github https://github.com/daishihmr/precure.js
プログラミング入門ツール「VixarStudio for HTML5」
HTML5とJavaScript言語が学習できる3Dプログラミング入門ツール「Vixar Studio for HTML5」はこちらからダウンロードできます。http://vixar.jp/html5/Firefoxブラウザを使ってHTML5の3D機能「WebGL」を実行しながら、プログラミングが学べます。モデリングはMetasequoiaで、3DアニメーションはVixar MotionやTransMotionを使っています。
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
偽のウイルス感染警告を作ろう - #4 スクリプトとは
最近流行りの突然ウイルス感染の警告が表示されるページの作り方を1からお伝えしていきます。
悪意あるページに騙されない一番の方法は仕組みを理解することです。
前: sm33376103, 次: sm33376356
全パート: mylist/62411673
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
【#コンパス】ﾃﾔｧ!ボタンを作ってみた！+α
普段はYouTubeで活動しています。
※字幕は一時停止すると見やすいかもしれません。
※あるサイトを参考にして作りました。
コンパス投稿動画が200回を達成したので記念としてﾃﾔｧ!ボタンを作ってみました。見ての通りネタですｗ
【少し専門的なこと】
本来はJAVAなどで制作しようと思いましたが間に合いませんでした。そこで途中からHTML、CSS、JavaScriptを使用して制作しました。こちらはエラーを出したとしても表示してくれるので……。
また、無限ループのやつはDOSでやりました。私自身は知識がなかったのですが、前にししょーに教わったのを思い出してやりました。ちなみにししょーにプログラミングで勝つことができません。
こんなものを作って欲しいなどのリクエストを受け付けています。コメントやTwitterのDMでお知らせください。
【Twitter】https://twitter.com/ryuhyo3
【コンパス動画まとめ】
【#0~#200】https://www.youtube.com/playlist?list=PLc7IhUTMPddskYRtlKS7sIs7DA1s9Z0z3
【#201~】https://www.youtube.com/playlist?list=PLc7IhUTMPddutUUB00K4c0EjeWVv8ebM6
上手いプレイではありません。
楽しんでいるだけです。
#コンパス公式：http://app.nhn-playart.com/compass/
#コンパスTwitter：https://twitter.com/cps_niconico
【ダウンロード】
iOS：https://appsto.re/jp/gG1zfb.i
Android：https://play.google.com/store/apps/details?id=com.nhnpa.cps