notitie

日々感じたことをメモ書き

JavaScript

TypeScriptのアクセス修飾子と省略形について調べてみた

はじめに TypeScriptでよく目にする、privateやpublicは一体何なんだという疑問を解消するために調べてみた。 なぜアクセス修飾子を使うのか クラスのプロパティ/メソッドは、デフォルトでどこからでもアクセスができる。しかし、クラスの内部でだけ利用して…

JavaScriptのnew(インスタンス生成)は何をしているのか?について調べてみた

はじめに 「JavaScriptでオブジェクトを生成する場合は、new演算子を使用します。」 これはnewの説明で用いられる説明文であり、その例として以下のようなコードもよく見ると思う。 var Person = function(name, age) { this.name = name; this.age = age; }…

Angularにおけるディレクティブの概要と「ngIf」「ngFor」について調べてみた

はじめに 「ngIf」や「ngFor」は用語としてディレクティブと呼ばれている。ディレクティブは他にもいくつか種類があるが、現時点で自分が利用したのは「ngIf」と「ngFor」だけなので少し調べてみたいと思った。 ディレクティブとは AngularではビューにHTML…

Angularのコンポーネントについて調べてみた

はじめに Angularのコンポーネントについて調べてみたのでまとめてみる。 似たような言葉としてあるモジュールについての説明はこちら。 コンポーネントとは コンポーネントとは、ページを構成するUI部品のことである。ビュー(HTML、CSS)、クラス、メタ情…

Angularのモジュールについて調べてみた

はじめに Angularを触り始めると、モジュールとコンポーネントという用語を頻繁に耳にするが、いまいち意味が理解できていなかったので調べてみることにした。今回はモジュールのみについて。 コンポーネントについて調べた記事はこちら。 モジュールとは An…

TypeScriptのジェネリックについて調べてみた

ジェネリックとは TypeScriptのジェネリックとは、型を抽象化してコードを短くする時に便利な機能である。これだけでは分かりにくいので例を出しながら見ていく。 なぜジェネリックを使うのか 5つの例をもとに、順番にどういった時にジェネリックを使えば良…

JavaScriptのアロー関数を調べてみた

はじめに タイトル通り、アロー関数とは何ぞやを解決するために調べてみた。一部TypeScriptで記述しております。 アロー関数 特徴 構文として「=>」を用いることから、見た目が矢に似ているということで「アロー」と呼ぶそう。アローで引数と関数本体をつな…

TypeScriptにおける関数の書き方を調べてみた

はじめに TypeScriptにおける関数の書き方を調べてみた。 TypeScriptにおける関数の書き方 特徴 1.仮引数と返り値にデータ型を指定できる //仮引数と返り値にデータ型を指定 function hello(name: string): string { return 'Hello, ' + name + '!!'; } aler…

JavaScriptのテンプレート文字列について調べてみた

テンプレート文字列(リテラル)とは バッククオート(``)で文字列として入力することができ、改行文字 (\n) を使わずとも改行が可能。 テンプレート文字列はデータの埋め込み(ドル記号と波括弧(${expression})で表示する)が可能なので、「+」で文字列を…

TypeScriptの概要と型種類について調べてみた

はじめに TypeScriptを勉強し始めたので忘れないためにメモ書きする。 なぜTypeScriptを使うのか 結論から言うと、型を厳密に定義するためにTypeScriptを使う。 JavaScriptは動的型付け言語といって、変数にどんなデータ型(文字列、数値、真偽値など)でも…

Angularことはじめ

Angular公式日本語ドキュメントをもとに初めてみた。 https://angular.jp/ メモ Angular CLI とりあえず以下のようなことができるらしい。いまはよく分からないので軽く流す Angular CLIを利用することで、コマンド1つでアプリの骨格を生成できます。その他…

varとletとスコープについてのメモ書き

よく耳にするvarとletの使い分けについて整理できていなかったのでメモ。 これは変数のスコープが、関数スコープかブロックスコープかの違いによる。 var ①関数スコープ ②変数の巻き上げをする varは関数内のどこでも宣言できる 関数内のどこで宣言しても先…