独力で一からJavaScriptコードを書くには?
概要
Q&Aサイトの頻出質問に以下があります。
「他人のコードを改変することなら出来るのですが、自分で一からコードを書くことが出来ません。どうすれば自分ひとりの力で書けるようになりますか。」
その回答を体系的にまとめたのが本記事になります。
<!DOCTYPE html> | |
<title>fired-event.jsのデモ</title> | |
<style> | |
pre { | |
color: black; | |
background-color: #e9e9ff; | |
border: solid 1px #99f; | |
padding: 0.5em; | |
margin: 1em; | |
line-height: 1.2em; |
Q&Aサイトの頻出質問に以下があります。
「他人のコードを改変することなら出来るのですが、自分で一からコードを書くことが出来ません。どうすれば自分ひとりの力で書けるようになりますか。」
その回答を体系的にまとめたのが本記事になります。
/** | |
* count-down.js | |
* | |
* | |
* @version 0.1.0 | |
* @author think49 | |
* @url https://gist.github.com/think49/10d745ebf9aef92b40e698af695f5d2c | |
* @license http://www.opensource.org/licenses/mit-license.php (The MIT License) | |
*/ | |
'use strict'; |
JavaScriptはECMAScriptというWeb標準仕様を実装されています。 本文書では主に、ECMAScriptを元にした解説を行います。
※「ECMAScript」を略して「ES」と表記する事があり、次のように省略されます。
tableの列指定で :hover
擬似クラスを使用する場合、:nth-col()
擬似クラスを使用したいところですが、2020/05/30現在、Webブラウザの実装が整っていない為、JavaScriptで代替します。
必要最低限の実装しかしていませんので、適宜改修が必要です。
JavaScriptにおける「オブジェクト」という用語が意図する対象をパターン別にまとめます。
「オブジェクト」という用語が使われる対象は次の3つです。
下記を引数として、置換処理を実行します。
/** | |
* parse-number-by-radix.js | |
* | |
* | |
* @version 1.0.0 | |
* @author think49 | |
* @url https://gist.github.com/think49/011dffc5ebca34fd804d3baae6666f5a | |
* @license http://www.opensource.org/licenses/mit-license.php (The MIT License) | |
*/ |
CompositionEvent
はIMEモードが有効の状態で文字列入力時を検出するイベントです。
IMEモード切替を検出しているわけではない為、[半角/全角] キーの検出は出来ません。
SEOという用語が登場してから、日本国内における用語の使われ方に違和感を覚える事が多い為、記事にしました。半分ネタで半分本気です。
この記事で発明した用語が広まるとは思っていませんが、その用語に込められた意図はくみ取って頂ければと思います。