タグ Javascript が登録されている動画 : 624 件中 481 - 512 件目
種類:
- タグ
- キーワード
対象:
JSで遊ぼう!4 完【プログラミング】
今回は配列について
遅くなって申し訳ないですが、完成させられてよかったです。
sm34467182 ←前回 | Lispに興味を持った人向け次回 → sm23923410
マイリストhttps://www.nicovideo.jp/mylist/63545430
今回のBGMは How My Heart Sings
Web版はこっち(音声あり注意、IE非対応)
http://nilisp.html.xdomain.jp/?load=geeks/js_start0.lisp&replbox=hidden
エアリスのテーマをアレンジ/JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。(本来であればフーリエ変換などの知識が必要になる)
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
(フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装)
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
Vue.js スタートアップ
配信で使っているVue.jsのスタートアップを動画にまとめました。
Vue.jsは僕も1ヶ月前から触り始めところなんで
分からない事もめっちゃるんやけど
僕が始めたときに調べことを動画にしました。
みなさんが始めるときの手助けになれば
えぇなぁと思ってまーす。
Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK! (Vue Router, Vuex含む)
Vue.jsの基礎を紹介した無料の動画です。
この動画でVue.jsを始めてみてください。
続きはこちらから視聴できます。
https://www.udemy.com/course/vue-js-complete-guide/?couponCode=NICONICO20190915
新しいコースを作成した際にいち早くお知らせできるので、Twitterのフォローもよろしくお願いします。
https://twitter.com/firstbumpofrice
【新】ワンクリック詐欺を作ろう - #6 VueJSを導入する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
HTMLの基礎を習得してから、Bulma + VueJSでモダンなワンクリック詐欺サイトを作成します。
前: sm35675066, 次: sm35675089
全パート: series/60324
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ!
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは1本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
ひらがなとカタカナを変換するアプリつくったー
それだけだったりする。
HTMLの初心者でも、サーバー制御いらずに黒歴史な自作サイトで動くものを作れて満足している。
あと、PVぽいものも作れて二度満足。
ちなみに制作時間は約7時間。
https://masterexa.github.io/webapps/kana-converter/
「Hello World!」 プログラミング言語の喧嘩
プログラミング言語に優れているも、劣っているもないと思うのですが、やはり、コーディングしづらいものは多々ありますよね……
midi.jsとかでなんか作ったよっていう動画
https://Zel9278.github.io/my-midi.js-app
重かったりする(タグ設定大丈夫かな□)
ブラウザでブレークポイントを張る方法を紹介します
javascriptの実行を途中で止めてデバッグする方法です。
chromium系のブラウザで解説してますが、他のブラウザでも似た機能はあると思います。
jsdomを使ったお手軽スクレイピング方法を紹介します
今回のソースコードです。
https://github.com/mogurastore/jsdom-tut
jsdomのgithubはこちら。
https://github.com/jsdom/jsdom
【無料】ぷよぷよでプログラミング学習
ぷよぷよでプログラミングを学ぶためのサイトができてました。
写経だけですが、結構楽しめるのでオススメ。
JavaScriptに興味があるプログラミング初心者に最適です。
ゆっくり解説 ニコニコのRSSフィードでページを作ってみた.php
ウェブページのコーディング練習がてら、
ニコニコが配信しているRSSフィードを分解してそれっぽいページを作ってみました。
新着動画やランキングが見れる他。ブロマガや公式情報もチェックできます。
いいね!押して来たらコーディング解説するかもです。
赤ずきんチャチャ15パズル・ゲーム
ミルキーウェイ☆ミ
投稿動画・自作ゲームの紹介です。
http://milkyway.konjiki.jp/index.html
【初音ミク「マジカルミライ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]
JavascriptでWindows更新画面
ダウンロード https://ux.getuploader.com/tsuby_gomisuteba/download/2
※ジョークアプリです。最後にブルースクリーンエラーが表示されますがフェイクであり無害です。
Salesforce JavaScript Developer I Certification Study Guide
Want to get Salesforce JavaScript Developer I Certification? It contains two parts: the Lightning Web Components Specialist Superbadge and the JavaScript Developer I proctored multiple-choice exam. Passcert provides you with high-quality Salesforce JavaScript Developer I Certification Dumps to help you learn more about the examination information knowledge. Passcert ensures the quality and value of the Salesforce JavaScript Developer I Certification Dumps, let you can pass the JavaScript Developer I exam successfully in your first studying.
https://www.passcert.com/JavaScript-Developer-I.html
Bad Apple!!影絵PVを文字として再生するツール作ってみた
ご視聴ありがとうございます!
こちらから動画のサイトにアクセスが可能です。
この文字でやってほしい、などがあればコメントでお願いします!
本家影絵PV
sm8628149
twitter: @kanaru16402
「林」と「檎」バージョン: sm38243905
広告してくださった方、ありがとうございます!
01.避けゲームの作り方解説 JavaScript
ライブラリの類は使用せず、素の状態からプログラミングします。
ブラウザの Canvas 上で動くゲームです。
次回:https://youtu.be/LOdxp09n9tM
国旗を調べるのが大変なので、楽できるサイトを作りました。
これ作ってて、本職プログラマー凄いってなりました(一般人並感)
【国旗の検索サイト】
→ https://sof.flaghistory.jp/
【国旗の解説サイト】
→ https://flaghistory.jp/
※バグ報告や要望はマシュマロでも募集してます!
https://marshmallow-qa.com/motoimotoishi
【ゆっくり解説】公開したら家宅捜索されるプログラムを解説するぜ【アラートループ事件】
今回はアラートループ事件(無限アラート事件)について解説したぜ。
プログラミングを勉強したいという人やエンジニアとして働いている人は多いが、そういう人たちが委縮しないようになるといいな。
◆チャンネル登録はこちら
http://www.youtube.com/channel/UC9yE5zNQtT-sItF53GfQs7w?sub_confirmation=1
◆おすすめ動画
【ゆっくり解説】危険すぎて公開停止されたAI【GPT-2/GPT3】
https://youtu.be/dHFrsr0_T2o
【ゆっくり解説】AIに小梅太夫のTwitterを1000件学習させてみたww【ゆっくり解説】
https://youtu.be/cWepLWzDjIM
【ゆっくり解説】AI作曲 vs 人間作曲 見分けられる?【著作権】
https://youtu.be/onr6kNsDMBw
■投稿動画一覧
mylist/71519064
https://www.youtube.com/channel/UC9yE5zNQtT-sItF53GfQs7w
Javascriptで遊ぼう!Part1
javascriptでwebページをちょっといじったりして遊ぶ方法を、紲星あかりちゃんが解説します。
今回は往年のコピペと自作拡張機能を紹介。
紹介したものと同じことが出来る拡張機能等があれば教えて下さい。
追記:肝心なコードを貼り忘れてました。
javascript:document.body.innerHTML=document.body.innerHTML.split('ー').join('━━━(゚∀゚)━━━');focus();
立ち絵:blueberry
Music: https://www.bensound.com
ノートPCのイラスト:https://japaclip.com/laptop-back-view/
