Webサイトの印象を大きく左右する「ちょっとした動き」。その中でも、マウスを乗せたときに色が変わる「ホバーエフ…
日本全国で郵便番号は必須の情報です。ネットショッピングの配送先入力や、各種申込フォーム、社内システムなどでもよ…
誰でも一度は使ったことのあるQRコード。スマホで読み取るだけでURLにアクセスできたり、名刺に印刷された情報を…
JSZipは、JavaScriptでZIPファイルを「作成」「読み込み」「編集」できるライブラリです。 JSZ…
画像をアップロードする前にリサイズしていますか？「とりあえずそのままアップロード」で済ませていると、知らないう…
大量の画像を扱うブロガー、EC担当者、デザイナーにとって、画像サイズの調整は大きな手間です。本記事では、画像一…
リンクをクリックしたときに「文字のまわりに黒い枠（黒線）」が表示されて気になったことはありませんか？これはブラ…
Web制作をしていると、レイアウトが思い通りにいかず「要素が右にはみ出す」現象に遭遇することがあります。この記…
ブログやSNS、原稿執筆の際に「今、何文字書いた？」と気になることはありませんか？そんな時に便利なのが、文字数…
QRコードは、スマートフォンひとつでURLや情報を瞬時に読み取れる便利なツールです。本記事では、その仕組みや構…
個人情報の保護やプライバシーの観点から、SNSやブログに顔出しをせずに写真を使いたいという人が増えています。 …
SNSで目を引く投稿を作るには、写真や画像の使い方が非常に重要です。その中でも「ぼかし加工」は、視線誘導やプラ…
画像の一部をぼかして個人情報を隠したり、背景をふんわりさせて雰囲気を演出したりしたいとき、特別なソフトがなくて…
画像編集をする中で、特定の部分を目立たなくしたり、プライバシーを保護するために使われる「ぼかし加工」。この記事…
画像加工で「ぼかし」処理をしたいとき、どのWebサービスを使えばいいか迷うことはありませんか？この記事では、無…
①画像をアップロードします。 ②画像内をクリックするとブラー（ぼかし）がかかります。 ③「保存する」を押します…
たとえば、ファイルを選んだときの e の中にはこういうものが入っています： プロパティ 意味 具体例 e.ty…
④ if (!file) return; 意味 🔵 return;は、関数の途中で強制終了させる命令です。 1…
③ const file = e.target.files[0]; 意味 🔵 つまり、**「選んだファイルを取…
② (e) => { … } の (e) 意味 🔵 たとえば → 選ばれたファイルリスト（e.tar…
① upload.addEventListener(‘change’, (e) => { 意味 🔵 イベ…
コード 何を管理している？ image アップロードした画像をメモリに持っておく originalImageD…
④ let startX, startY, endX, endY; 意味 変数 意味 startX …
③ let isDragging = false; 意味 どう使うの？ なぜ必要？ ポイント
② let originalImageData = null; 意味 何を保存するの？ なぜ必要？ …
① let image = new Image(); 意味 なぜ必要？ ポイント
① const upload = document.getElementById(‘upload’); 意味 …
QRコードにおける誤り訂正コードとは、コードの一部が汚れたり破損したりしても、正しく読み取れるようにする仕組み…
QRコードの仕組みを理解するうえで欠かせないのが「データ領域」です。この部分は、私たちが実際に読み取りたい情報…
QRコードは、今やスマートフォン一つで読み取れる便利な情報ツールとして、私たちの生活にすっかり定着しました。そ…
