はてなブックマーク

プログラミング勉強日記 2021年1月11日 今日はaddEventListenerの使い方を簡単にまとめる。 addEventListenerとは マウスによるクリックやキーボードからの入力といった様々なイベント処理を実行するメソッド。 一般的な書き方は、イベントの種類と実行するための関数を指定する。第1引数にイベントの種類、第2引数に関数、第3引数にイベント伝搬の方式をtrueかfalseで指定する。第3引数は通常はfalseを指定する。

プログラミング勉強日記 2021年1月9日 以前、こちらの記事でJavaScriptでの日付と時刻を取得する方法をまとめた。今回は、現在時刻をリアルタイムで表示し続ける方法を紹介する。 現在時刻を格納するDateオブジェクトを作成する 作成したDateオブジェクトから時間・分数・秒数を取り出す 時計として表示する文字列を作成する 文字列を時間に書きかえる 1秒ごとに特定の処理を実行する 1. 現在時刻を格納するDateオブジェクトを作成する方法 以下のようにnew Date()で現在の日付・時刻する。

プログラミング勉強日記 2021年1月8日 TwitterでBabelの存在を知ったので、Babelとはいったい何なのか気になり調べてみた。 Babel(読み方：「バベル」)は、次の世代のJavaScriptの標準機能をブラウザのサポートを待たずに使えるようにするNode.js製のツールである。次の世代の標準機能を使って書かれたコードを、それらの機能をサポートしないブラウザでも動くコードに変換する。 簡単に言うと、JavaScriptのコードを新しい書き方から古い書き方に変換するツールである。具体的には、JavaScriptの言語仕様であるES2015以上の仕様のJavaScriptで記述すると、Internet Explorer11といった古いブラウザでは動作しない。そこで、Babelを使ってES2015・ES2016といった仕様で記述したJavaScriptファイルを互換性のあるEXM

プログラミング勉強日記 2020年11月28日 昨日の記事でPrettierについて扱ったが、Prettierと合わせて使用することのできるESlintについて紹介する。 ESlintとは ESlint(読み方：「イーエスリント」)は、JavaScriptやTypeScriptなどの静的解析ツールである。ESlintを導入することで、単純な構文エラーやプロジェクト固有のコーディング規約を定義することができる。厳密なルールを定義することで、複数人で開発する場合でもシステム全体のコードの一貫性を維持することができる。 ESlintの特徴 自由に多くのルールを設定できる 独自ルールを作成するAPI 固有のライブラリー、フレームワーク、および実践のルールを持つ多数のプラグイン ES6、ES7、JSXの内蔵サポート 迅速に開始できるように、推奨ルールだけでなくサードパーティの設定利用が可能 Subl

プログラミング勉強日記 2020年9月14日 JSのフレームワークやライブラリについてまとめてきたが、今回はJSを拡張して作られたTypeScriptについてまとめる。 TypeScriptとは 2014年にMicrosoftによって開発されたJavaScriptを拡張して作られたプログラミング言語。TypeScriptで書いたコードをコンパイルするとJSのコードに変換されているので、JSファイルが実行できる環境であればすぐに使うことができ、JSライブラリもTypeScriptから使用できる。 TypeScriptはチーム開発に向いていて、エラーを防ぎやすいように設計されている。 JavaScriptとの違い JavaScriptは動的型付け、TypeScriptは静的型付け TypeScriptはクラスの作成が可能 TypeScriptはJavaScriptと同様の構文を使うことができる