muleの技術ブログ

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

通常であれば、画像のサーバへのアップロードはformを使って行います。しかし、imgやcanvas要素の画像を直接アップロードしたいケースもあります。そのような場合には、通常のアップロードは行えないため、一度バイナリ形式でアップロードして、

2022/11/16 20:41

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

ウェブ開発を行う際に、「画像の上にテキストを描画したい」というケースがあったため、やり方のメモを残しました。HTMLのcanvasオブジェクトとJS(jQuery)を使えば、実装できます。デモ・解説デモ See the Pen can

2022/11/13 10:07

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

ウェブ開発を行う際に、「画像の上にテキストを描画したい」というケースがあったため、やり方のメモを残しました。HTMLのcanvasオブジェクトとJS(jQuery)を使えば、実装できます。デモ・解説デモ See the Pen can

2022/11/13 10:07

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

jQueryでHTMLの操作をしたい時があります。そのような場合に必要なのがDOM操作です。追加・削除等、様々なパターンを紹介していきます。同じ要素追加のメソッドでも、追加位置に違いがあったりします。それについても把握しておきましょう。ap

2022/11/10 22:19

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

JavaScriptには、配列操作のためのメソッドがいくつか用意されています。かなり複雑な操作もかなり簡単に行えますので、ひととおり把握しておきましょう。要素の追加unshift() ： 配列の先頭に値を追加const array = ;a

2022/11/09 21:11

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

JavaScriptには、配列操作のためのメソッドがいくつか用意されています。かなり複雑な操作もかなり簡単に行えますので、ひととおり把握しておきましょう。要素の追加unshift() ： 配列の先頭に値を追加const array = ;a

2022/11/09 21:11

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

概要jQueryのattr()はHTMLの属性の取得・操作ができます。例えば、クラス名を取得したり、変更したり、削除したりといった感じです。以降、使い方を事例を挙げつつ解説していきます。使い方基本属性の取得$(HTML要素).attr(&q

2022/11/06 11:03