前回はとりあえずHTMLの中にJavaScriptを書き込みましたが、実際はプログラミングのコード部分は別のファイルに書き込みます。それがJavaScriptファイル。まずはその分離の理由をたとえ話から始めています。ちなみに「たとえ話」って英語で何と言うか知って ...

前回はWebページの基となるHTMLコードを書いてみましたが、今回はその中にJavaScriptコードを書いてみます。 セクション1：HTMLのどこにJavaScriptを書くか まずはHTMLの中のどこにJavaScriptを書くかという説明です。下のリンクからスタートさせて聞いてみてください ...

株式会社パルミー（所在地：東京都港区、代表取締役：伊藤貴広、以下パルミー）は、本日2023年2月8日(水)よりデザインのスキルが学べるオンライン学習サービス「rimomo（リモモ）」のWEB制作コースをリニューアル開講いたしました。また、開講を記念して ...

動画をCanvasに描画するには？ HTML5 Videoは、動画の再生や停止などの制御はできても、表示されている内容に対してアクセスできないため、そのままだとピクセル操作を伴うエフェクト処理はできません。そこで、現在表示している動画の1フレームを画像 ...

毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 「choreographer」は振り付けという ...

VideoからCanvasに転送する方法が分かったら、次にリアルタイムで転送する処理を作ります。 HTML5 Videoでは、再生時間が変わったタイミングで「timeupdate」というイベントが発生します。このtimeupdateイベントが発生したら、動画をCanvasに転送するようにしたもの ...