タグ javascript が登録されている動画 ： 624 件中 1 - 32 件目

こんにちは
趣味プログラマー人間です
今回の動画は、プログラミングです
できることは少ないかもだけど簡単
なんか警告とか出てくるかもだけでOKしとけばいいよ
コピペ用↓
about:blank
console.log("なにこれ")
alert("な に こ れ")
let A = "なにそれ"
alert(A)

クレジット
編集ソフト:YMM4
ずんだもん:東北ずん子ずんだもんPJ、VOICEVOX
春日部つむぎ:KASUKABE project、VOICEVOX
立ち絵:坂本アヒル
画像:いらすとや
効果音:効果音ラボ
Font:自家製フォント工房

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

知人がタイタニック号にご執心だと聞いたので、AIに頼んでタイタニック号のミニゲームを作ってもらいました。

ゲームURL：https://ennteru57.boo.jp/game/gameData/Titanic/index.html

自作ゲームPart1集：mylist/71733034

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

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

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

COEIROINK:つくよみちゃん

ChatGPT便利ですね。

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

知人の誕生日プレゼントのおまけに作ったミニゲームです。
#0:00 ゲームプレイ
#3:04 遊び方
#3:16 クレジット

ゲームURL：https://ennteru57.boo.jp/game/gameData/HappyBirthday2026/index.html

15000点から流れるBGM：sm46039161
自作ゲームPart1集：mylist/71733034

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

JavaScript Advent Calendar 2025 24日目です。
https://qiita.com/advent-calendar/2025/javascript

元ネタ
ンバヂ https://x.com/nbaji9
好きな惣菜発表ドラゴン sm42515407

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

ゲームを作りたい！　プログラミングを覚えたい！　という方に向けた、ニコ生ゲームの作成講座です。
本動画では、前回に引き続きランキング対応ニコ生ゲーム「ブロックくずし」の制作を完成させ、ランキングゲーム作成の基本を全てお伝えします。
今回は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回（最終回） ← 今ここ

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

ゲームを作りたい！ プログラミングを覚えたい！ という方に向けた、ニコ生ゲームの作成講座です。
今回からランキング対応ニコ生ゲームの制作について解説していきます。
ランキング対応ニコ生ゲームはプレー時間が短いこともあり、比較的ゲームを完成させやすく、多くの自作ゲームがこの形式を採用しています。
本動画の解説を通して、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 ← 今ここ

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

ちょうど1年ぶりの動画投稿です。
JavaScriptでゲーム制作の練習をしていたので、その練習作品のプレイ動画を説明付きでアップしてみました。

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

Webサイトにクロスワードを設置できるサンプルを作ってみました。 色々改造して楽しんでみてください https://github.com/ShoyoFILMS/xword
https://fujiformat.com/xword/

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

リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript, TypeScript】 https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html

使用ツール（動画作成）
・棒読みちゃん
・DaVinci Resolve

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

electronでフレームレスウィンドウを生成して、
babylon.js、babylon-mmd、Ammoをインポートして
WebWorkerでMMD関連の処理をさせてみました。
//
動くには動きますが、当方の環境ではCPUをほぼ100%使ってしまう。

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

リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript】https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html

使用ツール
・棒読みちゃん
・DaVinci Resolve

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

ゲームを作りたい！　プログラミングを覚えたい！　という方に向けた、ニコ生ゲームの作成講座第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回 公式ゲームの改造(ソースコード書き換え) ← 今ここ

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

動作は不安定です


〔ソースコード〕
https://github.com/code-henry/george_interceptor

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

https://eipa.web.fc2.com/drivingdistance.html

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

VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
今回は第７回変数がテーマです。型の部分が基本型、参照型とそれに対応する実際に使用される型とで紛らわしくなってる感。最初は基本型だけで考える方がわかりやすいかもしれません。

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

画像はAI生成です
sm44565912 を作った時の残骸とか

sm44821347は3分ぐらいでおさめなきゃいけなかったので
フルバージョンつくってみたの

デモページを作ってみたの

https://demo1.773.moe/2025/04/04/hello-world/
https://demo2.773.moe/2025/04/04/hello-world/

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

Part2→sm44832566 動画とりなおしたの

画像はAI生成です
sm44565912 を作った時の残骸とか

バックはこれ sm44565088
----------------------------------
このプラグインが何を意味するか

・HTML保護
・画像保護

さすがにOSのスクショは保護できないが
これでも十分な法的保護ができると思うの

コピープロテクトをかけたわけになるので

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

【javascript】と【web speech API】で【キャラクター】【括約筋】に【コント】を喋らせました。【なかやまきんに君】

#Vtuber
#javascript
#関ネタ
#コント
#括約筋
#かつやくきんに君
#なかやまきんに君

https://youtube.com/shorts/OOX1zOXyQao?feature=share

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

【顔認識API】で遊んでみた、【blaze face】で【美人メーター】【美人判定】を作って見た。#美人判定　#美人メーター
https://youtube.com/shorts/p_E836gPgt8?feature=share

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

【おっばいスカウター】【openCV】と【javascript】技術で【ドラゴンボール】風【スカウター】を【作ってみた】　【本当に使える】【オッパイスカウター】アプリだよ。地球人には必要ないが！測定には日本人女性平均顔幅を使ってます。顔小さい人が有利だよね。

おバカアプリですが、ちゃんと【おっぱい】サイズを測れます。
地球男子は皆んな脳内におっぱい【スカウター】があるらしいが、無い【サイヤ人】の為に作りたした。
https://youtube.com/shorts/ACCI7wFxbpw?feature=share

サンプルのダウンロードは　
　　https://www.lotus-appli.com/youtube-data/oppai/index16.html


#作ってみた
#おバカアプリ
#javascript
#openCV
#おっぱいスカウター
#スカウター
#ドラゴンポール

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

ゲームを作りたい！プログラミングを覚えたい！という方に向けて、ニコ生ゲーム(ニコニコ生放送上で動くゲーム)の作成講座というものを今回から動画でやっていこうと思います。
今回は、ニコ生ゲーム作成の第一歩として、ニコ生ゲーム開発の環境整備について主に解説していきます。
一人でも多く、ニコ生ゲーム作成のキッカケにしていただけたら幸いです！

ニコ生ゲーム作成の詳細についてご関心を持たれた方は、 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/

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

作りました！

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

VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
今回は第三回比較演算子がテーマです。

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

VOICEVOX:春日部つむぎ
プログラミングの基本的な部分をさくっと解説した動画です。
ヤッペンさん(user/13024221)の春日部つむぎさんがかわいらしかったので活躍させる為に作りました。
ギャルがプログラミングやったっていいじゃないか。

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

プログラミング講座

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

【アプリはこちら】https://lemon-slime.com/?p=1705
【関連動画】https://youtu.be/osOfJtCDup8
Aviutlで動画を編集後、その字幕を一覧で取得したいと思うことがあります。特にYoutubeに動画を投稿する際に、こうした字幕があると入力の手間が省けて非常に便利です。
先日、こうした機能をもつアプリを配布＆解説しました。これをさらにWEBツールにしたので改めて解説します。 exoファイルのうち、字幕の部分を抽出してtxt・subに変換することが可能です。是非、ご活用ください。

【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵（ユメのオワリ様 - im10706241）
AviUtl
ホシノキセキ（BGM）
Soda_Soda（BGM）

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

【Youtube版】https://youtu.be/P7wP7Sv4Uj4
【スクリプト】https://lemon-slime.com/?p=1694
【前回の動画】https://youtu.be/2kcgOa3jsH4

マインクラフトには、コマンドと呼ばれるシステムが存在します。簡単にゲームに干渉できることも相まって、多くの人に使われています。 さて、そんなコマンドですが、デメリットが存在します。言うまでもなく、それは予め定義された「構文」に縛られるという点。勿論、覚えてしまえばなんてことはないですが、初心者にとって一定のハードルがあるのもまた事実です。 本動画では、そうした障壁を解消し、自然言語（今回は日本語）でコマンドの実行を処理する方法を解説します。前回の動画が前提となる旨ご了承ください。

【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵（ユメのオワリ様 - im10706241）
AviUtl
ホシノキセキ（BGM）
Soda_Soda（BGM）
storyterror（BGM）- nc241667

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

【ジャンル】タイピング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

【Youtube版】https://youtu.be/2kcgOa3jsH4
マインクラフト統合版には、WebSocketServerと呼ばれる、マインクラフトを外部から実行するための機能が備わっています。これを用いることで、これまでのアドオンでは不可能だと思われていた様々なことが可能になります。 AIの呼び出しはその一つです。これまでのScriptAPI上では完全に外部のモジュールを呼び出すことは不可能でした。しかし、WebSocketServerを用いて外部のサーバーとマインクラフト間で情報をやり取りすることにより、AI（chatGPT）をminecraftに呼び出すことが可能になったのです。 この動画ではWebSocketServerについて解説し、AIを呼び出す方法についてスクリプトを用いながら解説します。

【参考動画】 https://www.youtube.com/watch?v=3yNnpVBc-eI

動画内で説明している各種ソフトはこちら↓
【vscode】https://code.visualstudio.com/
【node.js】https://nodejs.org/en/download/prebuilt-installer

コマンドはこちら（管理者権限で実行）↓
CheckNetIsolation.exe LoopbackExempt -a -n="Microsoft.MinecraftUWP_8wekyb3d8bbwe"
APIキーの取得先： https://platform.openai.com/api-keys
APIキーの取得方法（外部サイト）： https://ai-workstyle.com/gpt-apikey/

【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵（ユメのオワリ様 - im10706241）
AviUtl
ホシノキセキ（BGM）
Soda_Soda（BGM）
VOICEVOX : ずんだもん

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

【ジェネレーターはこちら】https://lemon-slime.com/?p=1355
【Youtube版】https://youtu.be/_0EuSGDF2so
誰得？とか言ってはいけない。
ありそうでなかった、「しなの鉄道」風の駅名標を作成できるWEBアプリを制作しました。ジェネレーターは上記リンクよりアクセスできます。 駅名・所在地・隣駅を入力することで、自動的に駅名標が生成されます。架空の路線の駅名標を作成する場合に便利です。是非、ご活用ください。
【使用ソフト】 琴葉姉妹 - 音声 琴葉姉妹立ち絵 - ユメのオワリ様（im10706241） AviUtl

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