キーワード javascript が含まれる動画 ： 1160 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
【プログラミング】ブラウザだけで出来るプログラミング【初心者向け】
こんにちは
趣味プログラマー人間です
今回の動画は、プログラミングです
できることは少ないかもだけど簡単
なんか警告とか出てくるかもだけでOKしとけばいいよ
コピペ用↓
about:blank
console.log("なにこれ")
alert("な に こ れ")
let A = "なにそれ"
alert(A)
クレジット
編集ソフト:YMM4
ずんだもん:東北ずん子ずんだもんPJ、VOICEVOX
春日部つむぎ:KASUKABE project、VOICEVOX
立ち絵:坂本アヒル
画像:いらすとや
効果音:効果音ラボ
Font:自家製フォント工房
「タイタニック ～運命の航路～」プレイ動画
知人がタイタニック号にご執心だと聞いたので、AIに頼んでタイタニック号のミニゲームを作ってもらいました。
ゲームURL：https://ennteru57.boo.jp/game/gameData/Titanic/index.html
自作ゲームPart1集：mylist/71733034
【結月ゆかり・紲星あかり】センターをねらえ！の非公式WEBアプリを作ってみた
JavaScriptを勉強して「センターをねらえ！」の非公式WEBアプリを作ってみましたのでよかったら遊んでみてください
（関係各所の許可はいただきました）
https://cennera.com/play/
JavaScriptを理解する目的もあったので生成AIは使っていません（否定するわけではなく）
素人の拙いプログラムですがどうぞよろしくお願いします！
もっと勉強してオンライン対戦にしたいな…
【クレジット】
・音声：A.I.VOICE2 結月ゆかり / A.I.VOICE2 紲星あかり
・キャラクターデザイン：文倉十
・ロゴ・カード・ステージデザイン：瞬 月凌
・BGM・SE：細井そうし
・コーラス：VOCALOID4 結月ゆかり / VOCALOID4 紲星あかり
・WEBプログラム：Bumpyうるし
・キャラクター著作：VOCALOMAKETS（運営：株式会社バンピーファクトリー）
・カードゲーム著作：cennera!（運営：株式会社バンピーファクトリー）
BGMとSEは無料配布中
https://cennera.com/cennera-data
「おたんじょうび おいわい あざらいじんぐ」プレイ動画
知人の誕生日プレゼントのおまけに作ったミニゲームです。
#0:00 ゲームプレイ
#3:04 遊び方
#3:16 クレジット
ゲームURL：https://ennteru57.boo.jp/game/gameData/HappyBirthday2026/index.html
15000点から流れるBGM：sm46039161
自作ゲームPart1集：mylist/71733034
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ベースで作っています。
ゲームでエミュレーター開発！アセンブリーから学べる EmuDevz 【ゆっくり実況】
紫様が Steam で公開された EmuDevz をプレイしてみました！
ゲーム内で JavaScript を書いてファミコン風エミュレーターを作るゲームです！
アセンブリー言語の基礎から学べる意外と本格的な教材かもしれません！
是非コメントといいね、フォローをお願いします！
北海道社会人東方部へのリンクはこちら！
https://discord.gg/vwJsR68etm
Bluesky
https://bsky.app/profile/yakumokech.progre.me
Twitter
https://twitter.com/yakumokech
YouTube 版
https://youtu.be/1Go5yl0WJ6Q
――――――――――――――――――――――――――――――――
本コンテンツは東方 Project の二次創作です。
Includes some content created with Microsoft Bing Image Creator.
好きなJSエンジン発表ドラゴン / 重音テト
JavaScript Advent Calendar 2025 24日目です。
https://qiita.com/advent-calendar/2025/javascript
元ネタ
ンバヂ https://x.com/nbaji9
好きな惣菜発表ドラゴン sm42515407
ニコ生ゲーム作成講座 ランキング対応ニコ生ゲーム制作編 第2回（最終回）
ゲームを作りたい！ プログラミングを覚えたい！ という方に向けた、ニコ生ゲームの作成講座です。
本動画では、前回に引き続きランキング対応ニコ生ゲーム「ブロックくずし」の制作を完成させ、ランキングゲーム作成の基本を全てお伝えします。
今回はfor文や配列などのプログラミングの知識だけでなく、ベクトルといった数学的なお話やランキングゲーム特有のお話もしますので、過去動画よりも密度の濃い内容となっています。
なお、本シリーズは今回で最終回となります。本シリーズがニコ生ゲーム開発への興味・関心につながれば幸いです。
この動画の内容は、Akashic Engine 公式ページの「ブロックくずしを作ろう」の記事内容を参考にしています。
詳細を知りたい方は以下のページを参照していただければと思います。
https://akashic-games.github.io/shin-ichiba/breakout/
動画内で紹介しました bmpfont-generator の詳細については以下のページを参照していただければと思います。
https://akashic-games.github.io/tutorial/v3/bitmap-font.html#bmpfont-generator
ニコ生ゲームや Akashic Engine についてのご質問・お問い合わせは以下のXアカウントまでお願いします。
@akashic_talk https://x.com/akashic_talk
以下、過去動画一覧です。
入門編
第1回 ゲーム開発準備・ゲームを動かしてみる：sm44622140
第2回 公式ゲームの改造(素材差し替え)：sm44780287
第3回 公式ゲームの改造(ソースコード書き換え)：sm45033792
第4回 公式ゲームの改造(ソースコード書き換え2)：sm45220251
ランキング対応ニコ生ゲーム制作編
第1回：sm45363291
第2回（最終回） ← 今ここ
ワークフロー開発キット：決して死なないコード～Vercel製「Workflow DevKit」～
TypeScript非同期処理の常識が変わる？ Vercel製「Workflow DevKit」
TypeScript/JavaScriptで非同期処理を扱う開発者なら、一度は頭を悩ませたことがあるのではないでしょうか。特に、数日間にわたるメールシーケンスの送信、大規模なデータ処理パイプライン、あるいはユーザーの承認を待つプロセスなど、長時間実行されるタスクの管理は複雑さを極めます。
ニコ生ゲーム作成講座 ランキング対応ニコ生ゲーム制作編 第1回
ゲームを作りたい！ プログラミングを覚えたい！ という方に向けた、ニコ生ゲームの作成講座です。
今回からランキング対応ニコ生ゲームの制作について解説していきます。
ランキング対応ニコ生ゲームはプレー時間が短いこともあり、比較的ゲームを完成させやすく、多くの自作ゲームがこの形式を採用しています。
本動画の解説を通して、1人でも多くの方がランキング対応ニコ生ゲームの制作に興味を持っていただけると幸いです。
この動画の内容は、Akashic Engine 公式ページの「ブロックくずしを作ろう」の記事内容を参考にしています。 詳細を知りたい方は以下のページを参照していただければと思います。
ゲームの準備: https://akashic-games.github.io/shin-ichiba/breakout/getting-started.html
パドルとボールの表示: https://akashic-games.github.io/shin-ichiba/breakout/create-paddle-and-ball.html
パドルとボールを動かす: https://akashic-games.github.io/shin-ichiba/breakout/move-paddle-and-ball.html
ニコ生ゲームや Akashic Engine についてのご質問・お問い合わせは以下のXアカウントまでお願いします。
@akashic_talk https://x.com/akashic_talk
以下、過去動画一覧です。
◆入門編
第1回 ゲーム開発準備・ゲームを動かしてみる: sm44622140
第2回 公式ゲームの改造(素材差し替え): sm44780287
第3回 公式ゲームの改造(ソースコード書き換え): sm45033792
第4回 公式ゲームの改造(ソースコード書き換え2): sm45220251
◆ランキング対応ニコ生ゲーム制作編
第1回: sm45363291 ← 今ここ
【無來】対象a / anNina ひぐらしのなく頃に解ED【SynthesizerVカバー】
見つけてくれてあざます！用務員です。
夜も容赦なく暑い日が続きますが、お元気でお過ごしでしょうか？
最近観た無來さんのデモ動画がめちゃめちゃ好みだったのでお迎えしましたー
ベタ打ちでも語尾の息つかいが出るのが素敵すぎです。
手持ちのライブラリが声優さん由来のものが多かったので、無來さんの声はとても新鮮でした。
この幸せをお裾分けしたいってことで、ひんやりした雰囲気の曲をカバーさせていただきました。
僕、ひぐらしのなく頃にって八ツ墓村くらいの時代の設定だと思って、文語体？で歌詞打ちしちゃったんですけど、昭和54年付近のお話だったんですね？！
とんだイキり坊やみたいになっててすみません。
文語体変換は「ねこいりねこさん」を活用させていただきました https://catincat.jp/javascript/kogo3.html
もう1個ひんやりする話があって、Adobe税が上がるじゃないですか？確認したら僕のとこにもAdobeさんの生成AI"Firefly"のクレジットが既に4,000付与されちゃってまして、、、これ月末でリセットされちゃうそうなんですよｗ
ってことで泣きながら絵の生成AIに初挑戦です。プロンプトに「頑張ってください」って書いても一切反映されないって今日知りました。
タイミング良くゴーダちゃん師匠にもAkuma AIをご紹介いただいたので、ログインボーナスクレジットを使ってこちらでも生成してみました。
AIといえば今回使ってるIK multimediaさんのピアノ音源もAIロボ君が正確な強さで打鍵してるんでしたよね。
今回使ってるリバーブもiZotopeさんのAIリバーブだし、AI（愛）だらけじゃないですか！（ひんやりするところですよ）
無來先生 https://hifumi-pro.jp/synthesizerV/
ゴーダちゃん師匠 https://www.nicovideo.jp/user/129391015
------------------------
小樽 心のドアーズ
X始めました、仲良くしてください https://x.com/otarukorokoro
Youtubeも始めました、どうぞよしなに https://www.youtube.com/@otarukorokoro
Xword ペルソナ5風クロスワードHTMLサンプル
Webサイトにクロスワードを設置できるサンプルを作ってみました。 色々改造して楽しんでみてください https://github.com/ShoyoFILMS/xword
https://fujiformat.com/xword/
【Three.js】やさしくかがやく環境 Ver.0.2 紹介動画【JavaScript, TypeScript】
リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript, TypeScript】 https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html
使用ツール（動画作成）
・棒読みちゃん
・DaVinci Resolve
完全敗北したアナログオセロUC
https://catincat.jp/javascript/othelloa.html ←アナログオセロ
ねこいりねこ様から借りました。めっちゃ便利&面白い&猫可愛いサイトです。
デスクトップ上でMMDしたかった（electron編）
electronでフレームレスウィンドウを生成して、
babylon.js、babylon-mmd、Ammoをインポートして
WebWorkerでMMD関連の処理をさせてみました。
//
動くには動きますが、当方の環境ではCPUをほぼ100%使ってしまう。
【Three.js】やさしくかがやく環境 Ver.0.1 紹介動画【JavaScript】
リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript】https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html
使用ツール
・棒読みちゃん
・DaVinci Resolve
ニコ生ゲーム作成講座第3回 〜公式ゲームの改造(ソースコード書き換え)〜
ゲームを作りたい！ プログラミングを覚えたい！ という方に向けた、ニコ生ゲームの作成講座第3弾です。 今回は、既存のニコ生ゲームのソースコードを改造していきます。 ソースコードの改造によって簡単にゲームを変えられるということを知っていただくだけでなく、ゲーム開発やプログラミングの空気感を感じていただけると幸いです。
この動画の内容は、Web ページでも公開しています。改造後のゲームを実際に動かせるほか、関連するプログラミング用語の解説なども行っていますので、併せてぜひご覧ください。
https://akashic-games.github.io/shin-ichiba/mod-galaxy-wars/
以下、動画で紹介したページです。
「Galaxy Wars」デモページ: https://akashic-games.github.io/demo/GalaxyWars.html
ニコ生ゲームや Akashic Engine についてのご質問・お問い合わせは以下のXアカウントまでお願いします。
@akashic_talk https://x.com/akashic_talk
以下、過去動画一覧です。
第1回 ゲーム開発準備・ゲームを動かしてみる: https://www.nicovideo.jp/watch/sm44622140
第2回 公式ゲームの改造(素材差し替え): https://www.nicovideo.jp/watch/sm44780287
第3回 公式ゲームの改造(ソースコード書き換え) ← 今ここ
【拡張機能】ショート動画を5本見たらジョージしか出てこなくなる拡張機能を作ってみた！！【危機感】
動作は不安定です
〔ソースコード〕
https://github.com/code-henry/george_interceptor
宮舞モカ Innocence
Synthesizer V 2 AI 宮舞モカ
「あの楽器」っぽいエフェクトをJavaScriptで作ってみました。
音声ファイルを投入すると動きます↓
https://ano-visualizer.firebaseapp.com/
ご本家さま→sm1826238
あの楽器→sm5480792
調声・MIX・映像→マナツP：mylist/7483928
春日部つむぎのさくっとプログラミング講座 第７回 変数の役割とは？ プログラムを書くための基礎知識！ サクッと理解しよう！
VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
今回は第７回変数がテーマです。型の部分が基本型、参照型とそれに対応する実際に使用される型とで紛らわしくなってる感。最初は基本型だけで考える方がわかりやすいかもしれません。
こんなWordpressプラグインを作ったの、どうかしら？ Part2
画像はAI生成です
sm44565912 を作った時の残骸とか
sm44821347は3分ぐらいでおさめなきゃいけなかったので
フルバージョンつくってみたの
デモページを作ってみたの
https://demo1.773.moe/2025/04/04/hello-world/
https://demo2.773.moe/2025/04/04/hello-world/
こんなWordpressプラグインを作ったの、どうかしら？
Part2→sm44832566 動画とりなおしたの
画像はAI生成です
sm44565912 を作った時の残骸とか
バックはこれ sm44565088
----------------------------------
このプラグインが何を意味するか
・HTML保護
・画像保護
さすがにOSのスクショは保護できないが
これでも十分な法的保護ができると思うの
コピープロテクトをかけたわけになるので
【MediaPipeHans】で【キャラクター】【キノコ】を動かす【javascript】を【作ってみた】
【MediaPipeHans】で【ジェスチャー】で【キャラクター】を動かしてみた【javascript】【手話入力】デバイス作れるかな？
【括約筋に君】です。【かつやくきんに君】です。【web speech API】て【javascript】で【コント】をしてみました 【vtuber】【なかやまきんに君】
【javascript】と【web speech API】で【キャラクター】【括約筋】に【コント】を喋らせました。【なかやまきんに君】
#Vtuber
#javascript
#関ネタ
#コント
#括約筋
#かつやくきんに君
#なかやまきんに君
https://youtube.com/shorts/OOX1zOXyQao?feature=share
【FaceAPI】と【javascript】で【美人メーター】を【作ってみた】
【顔認識API】で遊んでみた、【blaze face】で【美人メーター】【美人判定】を作って見た。#美人判定 #美人メーター
https://youtube.com/shorts/p_E836gPgt8?feature=share
【openCV】で【おっぱいスカウター】を作ったった！
【おっばいスカウター】【openCV】と【javascript】技術で【ドラゴンボール】風【スカウター】を【作ってみた】 【本当に使える】【オッパイスカウター】アプリだよ。地球人には必要ないが！測定には日本人女性平均顔幅を使ってます。顔小さい人が有利だよね。
おバカアプリですが、ちゃんと【おっぱい】サイズを測れます。
地球男子は皆んな脳内におっぱい【スカウター】があるらしいが、無い【サイヤ人】の為に作りたした。
https://youtube.com/shorts/ACCI7wFxbpw?feature=share
サンプルのダウンロードは
https://www.lotus-appli.com/youtube-data/oppai/index16.html
#作ってみた
#おバカアプリ
#javascript
#openCV
#おっぱいスカウター
#スカウター
#ドラゴンポール
ニコ生ゲーム作成講座第1回 〜ゲーム開発準備・ゲームを動かしてみる〜
ゲームを作りたい！プログラミングを覚えたい！という方に向けて、ニコ生ゲーム(ニコニコ生放送上で動くゲーム)の作成講座というものを今回から動画でやっていこうと思います。
今回は、ニコ生ゲーム作成の第一歩として、ニコ生ゲーム開発の環境整備について主に解説していきます。
一人でも多く、ニコ生ゲーム作成のキッカケにしていただけたら幸いです！
ニコ生ゲーム作成の詳細についてご関心を持たれた方は、 Akashic Engine 公式サイトの「ニコ生ゲームを作ろう」をご参照ください。
Akashic Engine 公式サイト 「ニコ生ゲームを作ろう」：
https://akashic-games.github.io/shin-ichiba/
以下、動画で紹介しましたページです。
ニコ生ゲーム：
https://site.live.nicovideo.jp/ichiba.html
Node.js ダウンロードページ：
https://nodejs.org/en/
VSCode ダウンロードページ：
https://code.visualstudio.com/
春日部つむぎのさくっとプログラミング講座 第３回 値を比べる！ 比較演算子をマスターしよう
VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
今回は第三回比較演算子がテーマです。