November 2020
Intermediate to advanced
740 pages
9h 12m
Japanese
本書も終盤に差し掛かっておきながらいまさらと思うかもしれませんが、皆さんがプログラミングに興味を持ったきっかけはなんでしょう? それがコンピュータゲームであるという人は少なくないのではないでしょうか。しかし残念ながらここまでの内容で本格的なゲームを作成するのは、不可能とは言わないまでも、かなり難しいと言わざるを得ません。これまでに学んだことの中には、ゲームの重要な構成要素であるグラフィックスやサウンドを実現する方法がほとんどないからです。
しかしJavaScriptでそれらを扱うことができないわけではありません。それどころか手軽にマルチメディアを扱えるという意味では、さまざまなプログラミング言語の中でもJavaScriptは優秀な部類に入ると言ってよいでしょう。
JavaScriptがマルチメディアを手軽に扱える理由のひとつは、JavaScriptがブラウザ上で動作しHTMLとCSSを利用できるからです。本章ではまず初めにHTML、CSS、JavaScriptを組み合わせて画像や動画などを扱う方法を説明します。そのあとでJavaScriptだけを使用して多様なメディアを扱う方法を紹介します。
「12章 Webを学ぶ」ではすべてのDOM要素で利用できる基本的な操作について紹介しました。本節では次のマルチメディア系のDOM要素で利用できる機能について紹介します。
<img><video><audio>本節の例はhttps://www.technohippy.dev/handsonjs/ch15/ex1/から開いたコンソールで実行してください。
HTMLで画像を表す ...