2019-11

マークアップ

Flexbox

Flexbox(Flexible Box Layout Module)は、CSSのレイアウト手法の一つです。細かいところを自動で調整してくれたり、簡単にレイアウトを作成できるので、よく使用されます。基本的な使い方をご紹介しましょう。 ...
マークアップ

Emmet

Emmetは、HTMLやCSSを簡単に記述できるツールです。私が使っているテキストエディタ——Visual Studio Code——では、標準で使用できます。その省略記法をいくつか紹介しましょう。
JavaScript

連想配列[JavaScript]

連想配列とは、キーと値のペアを要素とするオブジェクトです。配列では要素に対応するインデックスがありました。連想配列では、インデックスの代わりに任意の文字列を値に対応させます。
プログラミング

オブジェクト指向とは何か

あなたは「オブジェクト指向とは何か」と訊かれたら、答えられるでしょうか。 「オブジェクト指向はソフトウェアをクラスとして定義し……」 「動物がスーパークラスで魚類や鳥類がサブクラスで……」 「現実世界のあらゆるものは情報...
JavaScript

配列[JavaScript]

配列とは、複数のデータを1つにまとめて扱えるオブジェクトです。slot.jsを見てみましょう。 const array = ; let interval; function startSlot() { const slotNu...
JavaScript

変数[JavaScript]

const array = ; let interval; function startSlot() { const slotNumber = document.getElementById('slot-number&#39...
JavaScript

slotアプリのJavaScriptコード

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SLOT</...
JavaScript

JavaScript

JavaScript(JS)は、プログラミング言語の一つです。ブラウザに実行エンジンが搭載されているので、環境構築が比較的容易とされます。HTMLやCSSにさまざまな操作を加えることができます。 HTMLファイルでJavaScrip...
マークアップ

ブロック要素とインライン要素

HTMLの要素には、主にブロック要素とインライン要素があります。 ブロック要素は、コンテンツをまとめるブロック(かたまり)です。親要素の幅いっぱいに広がるボックスをイメージすると良いでしょう。横並びにできません。高さや余白の指定がで...
マークアップ

擬似要素

CSSの擬似要素とは、HTMLの要素を擬似的に作り出し、それにスタイルを当てる仕組みです。記述には、擬似クラスと区別するためにコロン(:)を2つ付けます。 例 p::before { content: "sample&...
タイトルとURLをコピーしました