HTML・CSS

HTML・CSS

HTML・CSS

JavaScriptでOSとブラウザを判定する方法

window.navigator.userAgentプロパティを使うと簡単にOSやブラウザを判定できます。では簡単にHTMLを書いていくのですが、簡単なコードなのでJavaScriptはHTMLにscriptタグを使って書きます。ボタンを表...
HTML・CSS

SASS(SCSS)の基本的な使い方

SASS(SCSS)の開発環境SASS(SCSS)を使った開発はMicrosoftの無料で使えるエディター、Visual Studio Codeを使うことをお勧めします。面倒なコンパイルを自動化できます。セレクタのネストSASS(SCSS)...
HTML・CSS

CSSのflex-growプロパティの意味と使い方

CSSのflex-growプロパティとは?flex-grow プロパティは、フレックスコンテナー内の残りの空白のうち、どれだけがそのアイテムに割り当てられるかを設定します。残りの空間とは、フレックスコンテナーの寸法からすべてのフレックスアイ...
HTML・CSS

VisualStudioCodeの拡張機能を使ってSass開発

Sassって規模が大きくなればなるほど効率的なのは分かっているけどコンパイルとかそのコンパイルの環境を構築するのが面倒だから導入さてれいないそうです。でもVisualStudioCodeを使えば拡張機能で簡単にコンパイルできちゃうんです。以...
HTML・CSS

Sassって何者?Sassを使うメリットとデメリット

HTMLやCSSに興味があればSassって言葉を聞いたことがあるのではないかと思います。聞いたことはあるが「よー分かんっ!!」って!!。Sassについて簡単に解説します。Sassとは?SassはCSSプリプロセッサの1つです。Sassという...
HTML・CSS

HTML・CSS|JavaScriptでローカルファイルを読み込む

そもそもローカルファイルを読み込む必要なってあるでしょうか。例えばHTMLにテキストファイルの内容を表示したりする場合には必要になるでしょう。他にはHTMLファイルを分割して主HTMLに分割したHTMLを読み込まばコードをスッキリ見やすくす...
HTML・CSS

JavaScript|eventオブジェクトで呼び出し元を判定する

JavaScriptのeventオブジェクトを参照して関数等がどのイベントから呼ばれたのかを判定します。
HTML・CSS

JavaScript|配列とオブジェクトの簡単な使い方

JavaScriptで配列の要素に値を代入したり、要素の追加、削除の仕方とオブジェクトのプロパティを作成したり追加、削除する方法、又は配列の中にオブジェクトを作る方法を解説します。
HTML・CSS

JavaScriptで日付の妥当性をチェックする

HTML等で日付を入力した時にその妥当性をJavaScriptでチェックする方法です。
HTML・CSS

JavaScriptのaddEventListenerで呼び出す関数に引数を渡す

通例のaddEventListenerlet 変数 = document.getElementById("要素ID");変数.addEventListener("click",myFunc,false);myFunc = () =>{ 目的...