エフェクト

JavaScript

【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード

JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。 HTMLコーダーにはモーダル、と聞くとアレルギー反応を起...
2023.05.22 2023.11.01
JavaScript
JavaScript

ChatGPTと対話してJavaScriptで映画マトリックス風のエフェクトText Rainをブラッシュアップした話【レスポンシブ対応】

もうね、エンジニアの存在意義が問われる時代になってしまったのを痛感してます。なかなか再現が難しかった映画マトリックスのあのエフェクト（通称、Matrix text rain）をどうやって表現しているのか気になってChatGPTに効いてみたん...
2023.04.20
JavaScript
JavaScript

jQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証～これでいいんじゃ……

IE（Internet Explorer）が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは？と思い検証を兼ねてコードを実装してみます。 スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。特に書く...
2023.03.31
JavaScript業務効率化
JavaScript

JavaScriptでCanvasに波紋のエフェクトを描画するサンプルスクリプト

波紋を描画するサンプルコードです。水たまりに雨粒が落ちるような感じになっています。 #canvas { background: #333; width: 100%; } // Canvas要素を取得する let canvas = docum...
2023.03.31
JavaScript