HTML 略語を定義する表現 略語と定義の表現のサンプルです。 abbreviationは、「abbr」と略され、略語という意味です。 このページでは、abbrをHTMLのタグの一つの意味合いで使... 2024-05-04 14:51:19
HTML 画像の時間差読み込み HTMLのimgタグで閲覧されている範囲外の画像は後から読み込む機能が追加されたので、そのサンプルです。 以前はJSで表示を検知してsrc属性を書き換える... 2024-05-04 05:28:47
HTML リンクの遷移前にデータを送る ajax(非同期通信)を使わずHTMLのaタグでリンクの遷移をする前に情報を通信するサンプルです。 サードパーティクッキーの利用がセキュリティ的に難しくなった昨今は、リンクの遷移の情報を別のサイトに送り、トラッキング際の代用になると思われます。 ク... 2024-04-30 07:00:32
HTML 文字の打ち消し線 コンテンツの情報として適切でない文字にに対して打ち消し線をつけるHTMLのサンプルです。 例えば古い情報であったり、すでに更新された情報があったりした場合、古い情報としてユーザに伝える時に使う表現です。 例:この商品は現在セール中です。... 2024-04-29 06:24:48
HTML 文字を強調する HTMLのみで文字を強調するタグのサンプルを比較します。 文字を強調する [[<p>文字を<strong>強調する</strong></p>]] strongタグは意味合いとして強調する時に使用します。ブラウザや... 2024-04-26 16:43:48
HTML よく使う特殊文字 HTML上でそのまま使うと上手く表示されない記号を記述する時の特殊文字のサンプルです。 記号はプログラムによっては文字ではなく、プログラム言語として処理されてしまうため、違う方法で記述する必要がある。 HTMLでは、以下の記号はHTMLとして解... 2024-04-26 15:50:58
JS テキストと画像を入力してプレビューする テキストを入力すると自動でそのテキストを解析し、プレビュー表示するサンプルです。 入力欄 (入力と同時にページ下部に変換して表示) テキストの入力 改行はbrタグに変換する https://で始まるとリンクを生成する... 2024-04-22 01:04:01
SCSS 編集しやすいようコメントを残す SCSSの開発環境は人それぞれのケースが多いので、共同で編集したりするときはコメントを残した方がよいです。 SCSSの場合は、コンパイル時に削除されるコメ... 2024-03-21 14:44:02
webpack SCSSをバンドルする SCSSを使いたい場合は、ローカルでコンパイルする方法もあるが、webpackで変換する方法もある。 まずはCSSをバンドルを実装する。 webpack.config.jsの... 2024-03-09 14:52:44
webpack エントリーポイントを変更する src/index.jsではなく違うファイルをエントリーポイントにしたいときの設定箇所の備忘録です。 webpack.config.jsの下記の部分を追記して、変更できます。... 2024-02-23 15:56:29