未分類

HTMLで3Dモデルを描画する

iPhone12からカメラにLiDARスキャナが搭載されました。 これにより、誰にでも簡単に3Dモデルを搭載することが可...
JavaScript

バイナリ形式の画像をアップロードする【HTML・JS(jQuery)・PHP】

通常であれば、画像のサーバへのアップロードはformを使って行います。 しかし、imgやcanvas要素の画像を直接アッ...
JavaScript

canvas要素を使って、画像の上にテキストを描画。【HTML・JS(jQuery)】

ウェブ開発を行う際に、「画像の上にテキストを描画したい」というケースがあったため、やり方のメモを残しました。 HTMLの...
JavaScript

DOM操作でHTML要素の追加・削除【jQuery】

jQueryでHTMLの操作をしたい時があります。 そのような場合に必要なのがDOM操作です。 追加・削除等、様々なパタ...
JavaScript

配列の操作(追加・削除・差し替え他)【JavaScript】

JavaScriptには、配列操作のためのメソッドがいくつか用意されています。 かなり複雑な操作もかなり簡単に行えますの...
JavaScript

attr()でHTMLの属性を操作する 【jQuery】

概要 jQueryのattr()はHTMLの属性の取得・操作ができます。 例えば、クラス名を取得したり、変更したり、削除...
JavaScript

SetTimeoutで指定したタイマーを解除する【JavaScript・jQuery】

setTimeoutの使い方 概要 setTimeoutはとは以下のように、指定時間後に関数を実行するために使われる関数...
JavaScript

ユーザの承認を得て、audioの自動再生を可能にする。chrome・safari対応【JavaScript】

audioを自動再生しようとすると発生するエラー こんな風にaudioタグの音声を自動再生しようとすると・・・。 //h...
JavaScript

jsで簡単にスライダーを実装する。【swiper.js:ver8】

はじめに 簡単にスライダーを実装するライブラリとして有名なswiper.js。 コードの紹介はいろいろなページで行われて...
JavaScript

画像を乱数を使ってランダムに切り替えて表示する【JavaScript・jQuery】

ウェブサービスを作っていると、「表示をランダムに切り替えたい」という場面があります。 例えば、背景画像を一定の選択肢から...