キーワード Javascript が含まれる動画 : 1160 件中 193 - 224 件目
種類:
- タグ
- キーワード
対象:
【およそ3】Spigot アルゴリズムよる円周率計算【実計算部門】
注意:メモリを最大で3GB以上使うので32bitマシンでは最悪OSごと落ちます。6GB以上のメモリを積んでいる方のみ、自己責任で・・・・主要部を219B(文字)で実装(バイト数で考えると改善の余地はないが、文字数で考えると20文字以上は減らせる・・・かも)。円周率をEularのarctan展開公式に基き、リアルタイムで2525桁計算します(正確には2528桁計算してます)。javascriptで1秒で終わる計算に20分以上かかる。これ如何に?!
【CSSのみ】横並びレイアウトの高さを揃えてみた
コーディングは順調に進められたのに WordPress化した時にレイアウト崩れが起きることがあります。
その都度、修正していくのですが出来るだけCSSメインで修正してJavaScriptにまで手を出したくないデザイナーは多いのでは無いでしょうか?
今回はあえてCSSのみでレイアウト崩れを回避する方法を共有してみたいと思います。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/limit-line-css
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ:https://lorem-co-ltd.com/
Twitter:https://twitter.com/rubyprogram
引用元:https://www.youtube.com/watch?v=OhCzEjXvY9A
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング(p5.js(JavaScript)またはopenFrameworks(C++)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/dUwm
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
【生放送アーカイブ】0から始めるゲーム制作#4 ゲームの内容考えてこう!(4/5)
ご視聴ありがとうございます!わかぞうです。
2023/05/21に配信した内容のアーカイブです。
前:sm42339362|次:sm42339375
動画内容の要約
①JavaScriptで作るニコ生ゲームアイデア出し
・画像を使ったクイズゲーム
・ボドゲ“ソクラテスラ”をゲーム化したい
・刹那の見切りとメガトンパンチ大好き
・じゃんけんの勝敗スコアを競うゲーム
・サイコリーディング系のゲーム
プログラマーへの道 #109 JavaScriptで学ぶ Staticなプロパティ と Staticなメソッド #1(プログラミング入門)
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくと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)
コメント練習、職人動場!!コメントテスト・コマンドテスト、背景=黒
書き込む前にコメント練習、ご自由にどうぞ
♥♡♠♣♥♦◊♨☺☻♩♪♫♭♬♭▒▓
●コメント入力補助ツール http://guron.net/document/content/javascript/nikoniko3.php
●nicowiki- コメント技 http://nicowiki.com/elsecom.html
●改行はCtrlを押しながら「。る」のキーを押す
●空白文字 Unicode 00A0推奨→「 」Unicode 3000『 』
●ボタン機能の使用方法⇒@ボタン(空白)○○(ex.@ボタン うぽつ)※プレミアム会員限定機能
背景:白⇒sm20258279
マス目⇒sm20258053
コメント練習、職人動場!!コメントテスト・コマンドテスト、背景=白
書き込む前にコメント練習、ご自由にどうぞ
♥♡♠♣♥♦◊♨☺☻♩♪♫♭♬♭▒▓
●コメント入力補助ツール http://guron.net/document/content/javascript/nikoniko3.php
●nicowiki- コメント技 http://nicowiki.com/elsecom.html
●改行はCtrlを押しながら「。る」のキーを押す
●空白文字 Unicode 00A0推奨→「 」Unicode 3000『 』
●ボタン機能の使用方法⇒@ボタン(空白)○○(ex.@ボタン うぽつ)※プレミアム会員限定機能
マス目⇒sm20258053
背景=黒⇒sm20258757
コメント練習、職人動場!!コメントテスト・コマンドテスト
書き込む前にコメント練習、ご自由にどうぞ
♥♡♠♣♥♦◊♨☺☻♩♪♫♭♬♭▒▓
●コメント入力補助ツール http://guron.net/document/content/javascript/nikoniko3.php
●nicowiki- コメント技 http://nicowiki.com/elsecom.html
●改行はCtrlを押しながら「。る」のキーを押す
●空白文字 Unicode 00A0推奨→「 」Unicode 3000『 』
●ボタン機能の使用方法⇒@ボタン(空白)○○(ex.@ボタン うぽつ)※プレミアム会員限定機能
背景=白⇒sm20258279
背景=黒⇒sm20258757
お前ら、メモ帳でゲームでも作ろうぜ!【数当てゲーム・前編】
とりあえず、完成まで。注:音が大きいかもしれないです。後編→sm5859050 前回のパネルゲームその0→sm4645993 プログラミング系mylist/8393927
【JavaScript】enchant.jsで弾幕ゲーム作り(第三夜)(3/3)【BulletML】
enchant.jsを使ってゲームを作る様子を録ってみました。
今回のゲームは弾幕STG。弾幕記述言語BulletMLを使って弾をばらまきます。
使ったプラグイン
・bulletml.enchant.js … BulletMLをenchant.js上で使うことができる
BGMを高音質で聴きたい方はこちら(sm5891225)へ。
1/3 sm19244233
2/3 sm19245698
3/3 sm19246050
プログラミングマイリスト mylist/34371491
【生放送アーカイブ】0から始めるゲーム制作#4 ゲームの内容考えてこう!(5/5)
ご視聴ありがとうございます!わかぞうです。
2023/05/21に配信した内容のアーカイブです。
前:sm42339367|次:sm42377287
動画内容の要約
①JavaScriptで作るニコ生ゲームアイデア出し
・間違いorウォーリー探しゲーム
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング(p5.js(JavaScript)またはopenFrameworks(C++)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
ダイナマイトどHの彼氏!ゆっきー氏参上の巻き
ダイナマイトどHの『K』が彼氏を連れてきてイチャイチャ放送してるそうです。
彼氏のゆっきーさん・・・カワイユスjavascript: alert("Hello, World!");
http://ext.nicovideo.jp/api/getthumbinfo/sm20821985
疾風の帰宅部記念公園―co1062712
プログラマーへの道 #97 JavaScriptのクラスを使ってリファクタリング 5(プログラミング入門)
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくと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)
ゲーム作りで学ぶjavascript 第3回 後編
今回は配列を使ったプログラムをしてみます。
だいぶゲームらしくなってきました。
ろだ>http://loda.jp/js_for_smilevideo_learners/
補講>まだ
ブラウザとJavaScriptだけでベートヴェンの交響曲第9番+Ζ刻をこえてを演奏
sm29089662 からエンジンに改良を重ねてベートヴェンの第9番を演奏できるぐらいになりました。
主な変更
・描画負荷を減らすためテーブルタグでなくDivタグとスタイルシートで鍵盤を表示。 (一応レスポンシブ対応)
・数値よりもバーのほうがわかりやすいっしょということでパンポットやピッチはmeterタグで描画。
・音色ファイルをS-YXG50_0.2.1.2.sf2をベースに作り直した。48kHzと以前の倍以上に向上。
・リバーブエフェクトのインパルス応答(IR)のライセンスが怪しかったのでエフェクターのインパルス応答JavaScriptで自作(https://github.com/logue/sf2synth.js/blob/develop/src/reverb.js)
今後の予定
・バンク・セレクトに正式対応しGeneral MIDI 2に準拠させる。(今はドラムとSFXしか対応していません。)
・音色が存在しなかった場合の処理を書く。(125未満のバンクの場合、バンク0の音色を鳴らす。126~128の場合、音色番号1の楽器(通常はドラムのStandard Kit)を鳴らす)
だいぶシャリシャリ感はなくなったハズ。
MIDIファイルのアドレスもコピペできます(日本語が含まれてると動かないが・・・):
https://logue.github.io/smfplayer.js/#zip=midifiles%2F%E9%81%A9%E5%BD%93%E8%A9%B0%E3%82%81%E5%90%88%E3%82%8F%E3%81%9B.zip&file=Beethoven%20-%20Symphony%20No.%209%20(with%20choir)%20in%20d%20minor%2C%20Op.%20125%20-%204.mid
おまけに、Ζ刻をこえて(Better days are comming)19:41 も入れてあります。
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・配信時間を21:00に縛ります。
・できる限り毎日顔を出します。
(続かなかったらごめんなさいm(__)m努力目標w)
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/PTYU
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
うはうは☆プログラミング 第18回(後半) JavaScriptでいろいろ操作
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます!
講師:Revin https://twitter.com/rev84
生徒:やられ https://twitter.com/yanao331
おたより:https://goo.gl/U7vfHQ
YouTube:https://goo.gl/q3A3RH
教材:https://github.com/rev84/uhauha_programming
本編マイリスト:mylist/59061583
宿題マイリスト:mylist/59781918
最初:sm31855171
前:sm32056893
次:sm32150050
【生放送アーカイブ】0から始めるゲーム制作#4 ゲームの内容考えてこう!(1/5)
ご視聴ありがとうございます!わかぞうです。
2023/05/21に配信した内容のアーカイブです。
前:sm42246931|次:sm42339357
動画内容の要約
①JavaScript お勉強結果
・総合演習:カウントアップボタン
・総合演習:スクロール操作アプリ
・総合演習:簡易メモアプリ
②はじプロで作るゲームアイデア出し
・パズル系のゲームから
【TAS】ブロック崩さぬ
流行に敏感な TAS さん
ソース(JavaScript)のマウス座標部分をハックしました。
最期のは、初期想定より弾が早くなってしまったのが原因かと
自動化してみたシリース mylist/40509716
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/LNRv
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
分かりそうで分からなかったReactを説明してみた
Reactを初めて触った時はいまいち「これって何のためにやるんだろう?」という感じでした。
それから数ヶ月経って初心者なりに感じたReactを使う事による恩恵などをまとめてみました。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/MCAb
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
【ゆっくり実況】ぽたぽたと学ぶゼロからのウェブサイト開発入門 part2
ども、ぽたぽたです。part2です。
javascriptは別の動画でやろうと思っています。
↓↓完成図のサイトはここ
http://techinfo.jp/
ぽたぽたと学ぶゼロからのプログラミング入門 → http://potapota.jp/
sm25073485 ←前|次→ 未定
その他投稿動画part1→mylist/47254942
body {
background-color: gray; margin: 0;
}
#contents {
background-color: yellow; width: 890px; height: 750px; margin: 0 auto;
}
#contentsheader {
background-color: blue;width: 100%; height: 220px;
}
#contentssubtitle {
background-color: red; text-align: right; margin-bottom: 20px;
}
#contentsmain {
background-color: green; height: 500px;
}
#contentslist {
font: bold x-large/100% normal; color: gray; background-color: white;margin-bottom: 70px;
}
【すずきつづみ】Gem Tower Defenseの紹介・実況動画【CeVIO実況プレイ】
単発のゲーム紹介動画です。
http://www.gemtowerdefense.com/
ブラウザで遊べるフリーゲーム「Gem Tower Defense」を紹介します。
タワーディフェンス系ですが、運要素が絡む風変りなゲームです。
制作者:Peter Holko、(グラフィック)Dorian Cox
2007年制作のFlashゲームですが、Flash終了に伴い2021年1月にJavascript版がリリースされ引き続き遊べるようになりました。
ゲームシステムも改善され、サバイバルモードでのライフ購入が間に合わずゲームオーバーになるなどの問題点がなくなりハイスコアが狙いやすくなりました。
気になる方は是非遊んでみてください。
お借りした立ち絵:490式すずきつづみ立ち絵斜
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング(p5.js(JavaScript)⇒(Processing)Java)に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ\(^_^)/」つべこべ言わずに「やれ\(^_^)/」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
【プログラミング】問題集(クイズ)をつくるよ!【実況解説】2
■Javascript(enchant.js)を使用して、簡単な問題集(クイズ)をつくります。にわかでごめんなさい。
■使用ソフト[google chrome][ペイント]
■使用したサイト
code9leep→http://code.9leap.net/
Let’s start enchant.js→http://enchantjs.com/ja/tutorial/lets-start-enchant-js/
■前→sm22903782 次→ マイリスト→mylist/41890130
※自分のスキルアップもかねています。自分は正直教えられる立場ではありませんが、プログラム初心者さんの足しになればと思いやっていきます。
