キーワード Javascript が含まれる動画 : 1161 件中 737 - 768 件目
種類:
- タグ
- キーワード
対象:
[rk10][28S05] Seamless Integration Testing
paulelliott (Hashrocket)
Do you have a solid, full coverage integration test suite? You should. It is the final automated point of assurance that what you are about to push to production is not going to blow something up and cost your or your client money. I show how to integration test a real Rails application, demonstrating best practices you can apply to any setup and the latest technologies for fully covering your app, including javascript!
Xara Web Designer
You only need one program for creating graphical websites - from design to publishing - and that's Web Designer. Web Designer includes customizable template designs plus tools for creating your own vector graphics and animations, for photo editing (an integrated ultra-fast, non-destructive photo tool), and for advanced text layout. Site upload is covered too!The Web Designer approach is simple: Pick your design from the templates; customize it with complete freedom; publish. Absolutely no HTML or Javascript skills are required! You can download the 30-days-trial on http://www.saltedsense.net/Downloads/XaraWebDesigner.aspx
マヨネーズで音楽(音ゲー)を作ろう! ⑥ゲームステージ
色々なゲーム性のあるゲームって良いよねと思うので、javascriptで色々なものをつくってみようかなと思いました。
HTML基礎 第1章 WEBの概要
Webブラウザで表示されるものは全てHTMLで構成されていて、HTMLで書かれたプログラムをWebブラウザが解析し表示するという仕組みになっています。HTMLを理解するとホームページを作成するだけでなくJavaやPHPやJavaScriptなどの他言語と連携しWebアプリケーションにも対応できるようになれます。
「誰でもわかる HTML基礎」講座では、HTMLの基本文法を習得することができます。その結果、HTMLを読めるようになり、HTMLの文法に沿ったプログラムを組めるようになります。そして、オンライン・ショッピングなどのWebアプリケーションの動作概要が理解できるようになり、Webアプリケーション開発に挑戦できるだけの知識を得られるようになります。
講師■IT研究所 荒川栄一郎
講座紹介ページ
http://dougaku.tv/contents/IT_4810/c_index.html
------------------
本教材に関する問い合わせ:アテイン株式会社 Tel.03-3255-4721
(3/3)清水亮「”教養としてのプログラミング”を考える」【2014/3/6配信】
新書『教養としてのプログラミング講座』は、これまでに全くなかった形の書籍である。一言で言えば、コンピュータの伝統的なプログラミング言語、CやJavaやJavaScriptといった類いの一般的な言語や、高度な数学的知識を一切用いることなしに書かれた、プログラミングの本、ということになる。プログラムとは、ギリシャ語で「公にかかれたもの」に由来する。祭典などの宗教的儀式や、組織の管理運営といった文明の発展に欠かなかったものがプログラムであり、人類の叡智そのものであると言える。それがコンピュータの発明によって我々一般庶民にも手が届くようになったことで、プログラミングという思考様式が広まりつつある。今やプログラミングは21世紀の人類にとってなくてはならない教養のひとつと言えるだろう。本イベントでは、本書にまつわる話題を振り返りつつ、ページの都合上盛り込むことが出来なかった話題も紹介していく。
HTML5講座 中巻 第2章 head内の記述【動学.tv】
動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
HTML5 中巻(約61分)
1.文書型の宣言とルート要素
文書型宣言
ルート要素
2.head内の記述
エンコードの指定
スタイルシートとJavaScriptの指定
3.セマンティックなマークアップ
header要素
footer要素
nav要素
article要素
section要素
見出し要素の扱い方
aside要素
div要素の使い方
figure要素とfigurecaption要素
4.文書構造の確認
文書の構造化
HTML5 Outliner
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
[Learn Edge] 05 インタラクティビティの作成
このビデオでは、Edgeで要素にインタラクティビティを加える方法を学びます。
ハンドコーディングを行わず、ダイアログボックスを使ってJavaScriptのトリガーと
実行の設定を行います。
ニコニコ アドビ公式チャンネル
■その他の情報はこちらから
Adobe Creative Cloud製品情報
Adobe Edge製品情報
YouTube公式アカウント
Facebook公式ページ
Twitter公式アカウント
[Learn InDesign CS6] 11 EPUB書き出し
このビデオでは、新たなEPUBのオプションについて学びます。
EPUB3.0を選択した書き出しや、CSSファイル、JavaScriptファイルの追加、
段落スタイルによる分割の強化などが新たに搭載されました。
ニコニコ アドビ公式チャンネル
■その他の情報はこちらから
Adobe Creative Cloud製品情報
InDesign製品情報
YouTube公式アカウント
Facebook公式ページ
Twitter公式アカウント
「タイタニック ~運命の航路~」プレイ動画
知人がタイタニック号にご執心だと聞いたので、AIに頼んでタイタニック号のミニゲームを作ってもらいました。
ゲームURL:https://ennteru57.boo.jp/game/gameData/Titanic/index.html
自作ゲームPart1集:mylist/71733034
「おたんじょうび おいわい あざらいじんぐ」プレイ動画
知人の誕生日プレゼントのおまけに作ったミニゲームです。
#0:00 ゲームプレイ
#3:04 遊び方
#3:16 クレジット
ゲームURL:https://ennteru57.boo.jp/game/gameData/HappyBirthday2026/index.html
15000点から流れるBGM:sm46039161
自作ゲームPart1集:mylist/71733034
ワークフロー開発キット:決して死なないコード~Vercel製「Workflow DevKit」~
TypeScript非同期処理の常識が変わる? Vercel製「Workflow DevKit」
TypeScript/JavaScriptで非同期処理を扱う開発者なら、一度は頭を悩ませたことがあるのではないでしょうか。特に、数日間にわたるメールシーケンスの送信、大規模なデータ処理パイプライン、あるいはユーザーの承認を待つプロセスなど、長時間実行されるタスクの管理は複雑さを極めます。
練習で作ったゲームの動画を流してみた
ちょうど1年ぶりの動画投稿です。
JavaScriptでゲーム制作の練習をしていたので、その練習作品のプレイ動画を説明付きでアップしてみました。
完全敗北したアナログオセロUC
https://catincat.jp/javascript/othelloa.html ←アナログオセロ
ねこいりねこ様から借りました。めっちゃ便利&面白い&猫可愛いサイトです。
【拡張機能】ショート動画を5本見たらジョージしか出てこなくなる拡張機能を作ってみた!!【危機感】
動作は不安定です
〔ソースコード〕
https://github.com/code-henry/george_interceptor
こんなWordpressプラグインを作ったの、どうかしら? Part2
画像はAI生成です
sm44565912 を作った時の残骸とか
sm44821347は3分ぐらいでおさめなきゃいけなかったので
フルバージョンつくってみたの
デモページを作ってみたの
https://demo1.773.moe/2025/04/04/hello-world/
https://demo2.773.moe/2025/04/04/hello-world/
【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
#おっぱいスカウター
#スカウター
#ドラゴンポール
WelsonJS JavaScript Framework Trailer
WelsonJS JavaScript Framework Trailer: https://github.com/gnh1201/welsonjs
【AviUtl】exoファイルから字幕を自動抽出するWEBツールを作ったので解説【動画編集効率化】
【アプリはこちら】https://lemon-slime.com/?p=1705
【関連動画】https://youtu.be/osOfJtCDup8
Aviutlで動画を編集後、その字幕を一覧で取得したいと思うことがあります。特にYoutubeに動画を投稿する際に、こうした字幕があると入力の手間が省けて非常に便利です。
先日、こうした機能をもつアプリを配布&解説しました。これをさらにWEBツールにしたので改めて解説します。 exoファイルのうち、字幕の部分を抽出してtxt・subに変換することが可能です。是非、ご活用ください。
【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵(ユメのオワリ様 - im10706241)
AviUtl
ホシノキセキ(BGM)
Soda_Soda(BGM)
タイピングRPG『Sword Finger』(フルキー型)20周年記念作品『 Sword Finger R(リベンジ)』☆初心者歓迎!!上級者も満足!!☆ PV
【ジャンル】タイピング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
CIW Web and Mobile Design Series 1D0-622試験の学習教材と試験合格の秘訣
CIW Web and Mobile Design Series 1D0-622試験は、ウェブデザインとモバイルアプリケーションの開発に関する知識を評価する重要な試験です。この試験に合格するためには、適切な学習教材と効果的な学習戦略が必要です。以下に、試験準備に役立つ情報をまとめました。
1. 1D0-622試験の概要
1D0-622試験は、ウェブデザイン、ユーザーエクスペリエンス(UX)、HTML、CSS、JavaScript、モバイルアプリの設計など、多岐にわたるテーマを扱います。この試験に合格することで、CIW認定のウェブデザイン専門家としての地位を確立できます。
2. 学習教材の選択
試験準備に役立つ教材をいくつか紹介します:
公式CIW教材**: CIWの公式ウェブサイトでは、試験範囲に特化した教材やガイドラインが提供されています。これらのリソースを使用することで、正確な知識を得ることができます。
参考書籍**: CIW 1D0-622試験向けの専門書を利用するのも良い方法です。これらの書籍では、試験範囲を詳しく解説しており、実践問題も含まれています。
オンラインコース**: UdemyやCourseraなどのプラットフォームで提供されるCIW関連のオンラインコースも効果的です。視覚的な学習が可能で、トピックごとに進められるため、自分のペースで学習できます。
模擬試験**: 過去の試験問題や模擬試験を解くことで、本番の試験の形式や出題傾向に慣れることができます。これは、時間管理の練習にもなります。
CIW Web and Mobile Design Series 1D0-622試験に合格するためには、適切な教材の選択と効果的な学習戦略が不可欠です。継続的に学習を進め、模擬試験を活用して実力を試しながら、確実な準備を進めましょう。自信を持って試験に臨み、CIW認定を取得する道を切り開いてください。
https://ktest.jp/CIW-Web-and-Mobile-Design-Series/1D0-622.aspご参考ください。
【有用】フォームを自作する方法を解説 – ScriptAPIでアドオン制作【マイクラ統合版】 / オリジナルのUI作成とModalFormについて
【Youtube版】https://youtu.be/4pkAbauGLeg
【スクリプト】https://lemon-slime.com/?p=1299
【前回の動画】https://youtu.be/1StVuXvRQ9o
マインクラフト統合版では、オリジナルのUIを作成し、そのUI上にオリジナルのボタンやテキストボックス、チェックボックスなどを付与することができます。
これは、操作性の良いアドオンを作成しようと考えたら、避けては通れない技術です。
本動画では、ScriptAPI(Javascriptでゲームシステムをカスタマイズする機能)を用いて、オリジナルのUIを作成し、テキストボックスなどを付与する方法について解説します。環境構築については、上記の動画をご覧ください。
【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵(ユメのオワリ様 - im10706241)
AviUtl
ほのぼのワルツ(BGM)
Soda_Soda(BGM)
ホシノキセキ(BGM)
【前編】「ScriptAPI」とは何なのか? - 概要と使い方を初心者向けに徹底解説&テンプレートを配布【マイクラ統合版】
【スクリプトのテンプレート】https://lemon-slime.com/?p=1210
【Youtube版】https://youtu.be/331LmvE2Cdk
【後編】まだ
マインクラフトには、「スクリプトAPI」と呼ばれる拡張機能が存在します。この「スクリプトAPI」とは、プログラミング言語(Javascript)を用いてゲームシステムをカスタマイズできる機能のことであり、Javascriptの知識さえあれば、マインクラフトのシステムをある程度いじることができるんです。 本動画では、このスクリプトAPI(ScriptAPI)についての詳細な解説を行ったうえで、テンプレートを配布し、事前準備の段階を飛ばして、すぐにスクリプトを書き始められるようにすることを目的としています。 動画内で言及していますが、本動画は前編であり、主にスクリプトAPIに関する基礎的な事項について解説しています。専門的・詳細な事項については後編で扱います。
【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵(ユメノオワリ様)
AviUtl
ほのぼのワルツ(BGM)
aquamarine(BGM)
日本語プログラム言語「なでしこ3」、ここまで出来ますよ!
MooonWolr(むーんうるふ)です。
「なでしこ3」という日本語プログラム言語は、バックエンドで全てJavaScriptに変換しています。
つまり、日本語文法でプログラムを受け付ける巨大JavaScriptに変換機ですよ。
さらにJavaScriptで出来るようなことは、簡単な日本語入力のなでしこ3で出来ます。
ChatGPT4によると、そのような事例は世界になく、
このなでしこの概念、ノウハウ、メソドロジーが「ある国の言葉」->JavaScriptに変換機
として、世界に広がると、一般人へのプログラムの世界へのしきいを下げて、
プログラム教育業界に革命、革新が起こる可能性があるとのこと。そうなると、
なでしこ設計者であるクジラ飛行机さんはノーベル賞受賞の可能性もでてきます。
つまり、なでしこ3ってノーベル賞に値する価値を持っています。
はい、この動画では「なでしこ3」と数学の接点を求めてみました。
数学の授業でグラフを見たり書いたりすることは、きっと退屈でしょう。
しかし、私はそのグラフに命を与えて、画面上で良い感じに移動させ、
また、グラフの表示だけでなく、クリックするとゲームとなるように
ゲーム性を加えています。
ゲーム作成には高校生の二次関数、三角関数の知識が必要です。
このゲームはGitHubにてMITライセンスで公開。
どうぞ、ご自由にお使いください。
https://github.com/moonwolf001/Nadeshiko/blob/30/080_Star_Fx_Move_01_Graph
なでしこ貯蔵庫でも公開、実行と押すとすぐに、あなたのPC画面で遊べます
https://n3s.nadesi.com/index.php?action=show&page=2851
詳しい内容は書籍化しています。
『MoonWolfと学ぶ 日本語プログラム開発 なでしこ 第3巻 ゲーム開発 応用編
』
https://www.amazon.co.jp/dp/B0DCFZQ456
Amazonで「MoonWolfと学ぶ」と検索
ツイッター(X)で最新情報を発信中:@MoonWolf_001
「なでしこ3」でゲーム開発の基礎練習を教えるよー
MoonWolf(むーんうるふ)です。
色々なプログラム言語を研究中。Lazaruis、Python、JavaScript、などなど
今回のテーマはなでしこ3を使い、ゲーム作成の基本を教えます。
色、図形、自機の移動(キーボード、マウス)、弾の発射、当たり判定、スコアロジック。
これわを出来るだけシンプルに説明してみました。
なでしこユーザーはこの一冊で、なでしこのでのゲーム開発を始めることができます。
『MoonWolfと学ぶ 日本語プログラム開発 なでしこ 第2巻 ゲーム開発 基礎練習編
』
ー 2Dゲーム開発の秘密、あなたに教えます -
https://www.amazon.co.jp/dp/B0DB4XQS43
Amazonで「MoonWolfと学ぶ」と検索
JavaScript でデスクトップからスマホまで!Tauri 2.0【ゆっくり解説】
Tauri について紫様に解説いただきました!
Electron と競合するフレームワークですが、
デスクトップアプリとモバイルアプリの両方を開発できるのはとても魅力的ですね!
北海道東方 Project 同好会 (仮) へのリンクはこちら!
https://discord.gg/vwJsR68etm
是非コメントといいね、フォローをお願いします!
参考文献: The Rust Programming Language
https://doc.rust-lang.org/stable/book/
Bluesky
https://bsky.app/profile/yakumokech.progre.me
Twitter
https://twitter.com/yakumokech
YouTube 版
https://youtu.be/TX40f1Qvjgg
――――――――――――――――――――――――――――――――
本コンテンツは東方 Project の二次創作です。
Includes some content created with Microsoft Bing Image Creator.
ローカルストレージについて解説①
ホームページで使われる、ローカルストレージについて解説していきます。
次回は、ローカルストレージで作れるものを紹介していきます。
【作ってみた】ブラウザで " ネギ " 回してみた【 #がんばれニコニコ運営 】
どうも、きゃムです。
まず始めに…
\ ニコニコ動画復活おめでとうございます! /
本動画はニコ動がサーバーメンテナンス中にX(Twitter)にポストした、クs…ニコ動応援動画になります。
某楽曲の歌詞の一部をイメージして制作してみました。
無音でほぼ無編集ですが、お許しください。
(あと動画内で入力した数値に特に意味は)ないです。
使用言語:HTML, CSS, JavaScript
