VSCodeの拡張機能「JS & CSS Minifier」でファイルを圧縮・軽量化する
CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。ファイルを圧縮・軽量化(Minify)することで、ファイ...
続きを読む>>
CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。ファイルを圧縮・軽量化(Minify)することで、ファイ...
続きを読む>>
WebサイトやWebアプリケーション開発でよく使われるPHPスクリプト。変数でデータを管理してプログラムで処理していく中で、PHPで扱っている変数の値をJavaScriptでも利用したいこともあります。ここでは、PHPの変数の値をJavaS...
続きを読む>>
昨今、多くのデバイスやブラウザの対応によって、Webサイトも目に優しいと言われているダークモードのデザインが求められるようになりました。 ダークモードとなると暗い色調のデザインをCSSで用意していくことになるので、既存のWebサイトでは対応...
続きを読む>>
Webページのコンテンツの見せ方として、アニメーションの動きを加えることもユーザーの目を引く一つのデザインです。スクロール時のアニメーションはいろんなデザインで採用されています。ここでは、jQueryのみでスクロール時に要素が可視範囲に入っ...
続きを読む>>
Webサイトのデザインを構築していくうえで、画像に対してクリックアクションで表示に変化を加えることはよくあります。画像ギャラリーや画像にフォーカスし画像を効率良く見せる方法として、ポップアップで拡大表示するなどを実装したいこともあるでしょう...
続きを読む>>
JavaScriptの変数宣言はvar、let、constと3つありますが、プログラムのバグ発生を防ぐためにも定数のように変化させない値を扱えるconstをうまく利用してプログラムを書いていくことが多くなってきます。 そんな中で、const...
続きを読む>>
Web制作でよく利用されるプログラミング言語、JavaScriptの変数には基本的な変数宣言のvarの他、ECMAScript2015以降の仕様から利用可能なletやconstなどがあります。JavaScriptも構文がアップデートされてど...
続きを読む>>
WebサイトやブログでのWebページのシェアはSNS等のボタンを設置することが多いですが、それだけでなく現在観覧しているページのURLを簡単にコピーできるボタンがあるととても便利です。 SNSだけでなくWebメールやFacebookのメッセ...
続きを読む>>
昔はセキュリティの問題から意図的に利用しているブラウザのJavaScriptを無効にする方がいましたが、現在ではほとんどのWebページでJavaScriptが利用されていて、有効になっていないとまともに観覧することができないWebページもあ...
続きを読む>>
Webサイトでユーザーが利用しているWebブラウザによって処理を変えたいことがあります。そうした場合にはJavaScriptで条件分岐をさせて処理を変える方法をとります。ここではUser Agent Client Hintsによる情報の取得...
続きを読む>>