Gmailのエイリアス機能を使用する
ログイン機能などのあるサイト構築時、テストでメールアドレスを何度も登録したいということがたまにあります。 そういった時な...
プレイリストからYouTubeの埋め込みを行う
YouTubeのプレイリストの情報を元に、YouTubeの埋め込みが行えるのかを試してみました。...
FileZillaで保存したパスワードを確認する
FileZillaで保存したFTPパスワードを確認したいということがあったので、伏字になっている部分を確認する方法をメモ...
rel=”preload”を使ってみる
リソースの先読み(プリロード)の指定ができる、link要素のrel=”preload”を試してみ...
VSCodeでGitHub Copilotを使ってみる
GitHub Copilotを使用できる機会があったので、VSCodeで使用する際の流れと、実際に使ってみるところまでを...
$(function() {}) について
jQueryの学習の際、参考書などでおまじない的な表現をされることのある「$(function() {})」について改め...
canvasで画像をwebpに変換する
以前にcanvasの内容を画像に変換する記事を投稿しましたが、変換時のファイル形式でwebpを指定することもできるので、...
JavaScriptの実行タイミングについて
JavaScriptが実行されるタイミングとしては、大きく分けて以下の4種類あります。 直ぐに実行 DOMの読み込み完了...
Astroを使ってみる
Astroはドキュメントサイトやブログなどといった、コンテンツ閲覧がメインのWebサイトの構築に適したフレームワークで、...
簡易的なスライダーを実装する
サイト構築時にスライダー処理が必要な際はライブラリを使用することが多いですが、ライブラリを使用するほどでもない軽微なスラ...
jQueryを読みこむ前にjQueryのコードを記述する
既に運用中のCMSサイトで特定の1ページのみjQueryの処理を追加したいということがあったのですが、jQuery本体は...
Sassのマップで複数のカテゴリ情報を管理する
以前にSassでカテゴリーの色を管理するという記事を投稿しましたが、単一色の管理ではなく複数のカテゴリ情報を持たせたいと...
SVGのアニメーションでイージングを設定する
SVGのanimate属性でアニメーションの設定をする際、イージングの指定ができるようだったのでメモ。...
フォーム内のbuttonタグで送信されないようにする
formタグ内でフォーム送信ボタンとは別にbuttonタグを配置したい場合に、クリックでフォームを送信しないようにする方...
SVG内の要素に設定したfilterがSafariで効かない
SVG内の要素に対してCSSのfilterを設定した際、Safariで適用されないようだったので備忘録としてメモ。...
Sassで0始まりの数値を使用した際、コンパイル後に0が省略される
タイトルの通りですが、Sassで0始まりの数値を使用した際に0が省略されてしまうということがあったので、備忘録としてメモ...
position:sticky でサイドバーを追従させる
サイドバーをスクロールに合わせて追従させる際、position:sticky で実装しようとして少し迷う点があったので、...
SVGのpathで描画した図形をくり抜く
pathで描画した円形をドーナツ型にくり抜きたいということがあったので、その際に調べたことをメモ。...
Lottieで作成されたアニメーションの制御を試してみる
以前にLottieで作成したアニメーションをサイトに組み込む記事を投稿しましたが、今回は組み込んだアニメーションをJav...
SVGのpathで円を描画する
SVGで円を描画したい場合は基本的にcircleを使用することが多いですが、少し特殊な処理をしたいことがあったのでpat...