Reactを使ってみる
ユーザインターフェースを構築するためのJavaScriptのフレームワーク「React」を使ってみます。...
JavaScriptの記事一覧
setIntervalとsetTiemoutで関数に引数を渡す
以前にsetIntervalとsetTiemoutの関数に引数を使う方法の記事を投稿しましたが、setIntervalと...
Nuxt.jsで静的なHTMLファイルを設置する
Nuxt.jsでrobots.txtやfaviconなど静的なアセットファイルを使用したい場合、staticディレクトリ...
JavaScriptとCSSで同じ変数を使用する
アニメーションの時間など、同じ値をJavaScriptとCSSで扱いたいことがあります。 それぞれで変数で管理するでも問...
JavaScriptのStrictモードを使ってみる
JavaScriptのStrictモード(厳格モード)について簡単に試してみます。...
iframe外からiframe内のスクロール位置を変更する
iframeを使って別ページを読み込んだ際に、そのiframeのスクロール位置をiframe外から制御したいということが...
Facebookの埋め込みを動的に追加する
Facebookの投稿の埋め込みを動的に追加する方法を試してみます。...
プレイリストからYouTubeの埋め込みを行う
YouTubeのプレイリストの情報を元に、YouTubeの埋め込みが行えるのかを試してみました。...
$(function() {}) について
jQueryの学習の際、参考書などでおまじない的な表現をされることのある「$(function() {})」について改め...
canvasで画像をwebpに変換する
以前にcanvasの内容を画像に変換する記事を投稿しましたが、変換時のファイル形式でwebpを指定することもできるので、...
JavaScriptの実行タイミングについて
JavaScriptが実行されるタイミングとしては、大きく分けて以下の4種類あります。 直ぐに実行 DOMの読み込み完了...
簡易的なスライダーを実装する
サイト構築時にスライダー処理が必要な際はライブラリを使用することが多いですが、ライブラリを使用するほどでもない軽微なスラ...
jQueryを読みこむ前にjQueryのコードを記述する
既に運用中のCMSサイトで特定の1ページのみjQueryの処理を追加したいということがあったのですが、jQuery本体は...
フォーム内のbuttonタグで送信されないようにする
formタグ内でフォーム送信ボタンとは別にbuttonタグを配置したい場合に、クリックでフォームを送信しないようにする方...
Lottieで作成されたアニメーションの制御を試してみる
以前にLottieで作成したアニメーションをサイトに組み込む記事を投稿しましたが、今回は組み込んだアニメーションをJav...
変数の型や存在するかどうかなどを調べる
JavaScriptで変数の型や存在するかどうかなどを調べるパターンをいくつか試してみます。...
Instagramの埋め込みを動的に追加する
Instagramの埋め込みを動的に追加する方法を試してみます。...
Googleパブリッシャータグを使ってみる
Googleアドマネージャーを使用する際に「Googleパブリッシャータグ(GPT)」を触る機会があったので、その際に調...
Twitterの埋め込みを動的に追加する
Twitterのツイートをサイト上に埋め込む際、静的なページであれば生成されたコードを貼り付けるだけでよいですが、SPA...
メガメニューのホバー時に表示するタイミングを遅らせる
ヘッダーにホバーで開閉するメガメニューを設置した際、アドレスバーからページ内コンテンツにカーソルを移動したタイミングなど...