TypeScriptのInterfaceについて interfaceは、オブジェクト・関数・クラスの構造を決めるためのもの。 サンプルコード // 関数の型を定義することも可能 interface addFunc { (num1: number, num2: number): number; } let addFunc: addFunc; addFunc = (n1:…

Reactコンポーネントの違い Reactでも勿論コンポーネントを利用することは可能です。 コンポーネントを利用することで、再利用が楽になる、コードの見通しがよくなる、変更に強い設計にすることが可能になります。 Class Component Functional Component こ…

webpackとは webpackとはモジュールバンドラーになります。 webpacklを利用することで、複数のモジュールを依存関係を解決して一つのアセットにまとめることが出来ます。（下記イメージ図） webpackメリット モジュールを一つにまとめることで、パフォーマン…

:isで動的にコンポーネントを変更する方法 動的にコンポーネントを変更する方法としてv-ifを利用する方法がありますが、コンポーネントの数が増えてくると非常に手間になります。 その時に便利なのが:isを利用してパラメーターによってコンポーネントを変更…

Type Scriptの型（基本） // 型推論の場合は型を定義しなくてもOK let hasValue = true; let count = 10; let float = 3.14; let negative = -0.12; let single = 'hello'; let double = "hello"; let back = `hello`; // 型注釈の場合は型を定義する let he…

Cloud Build is 何？ Cloud Build は、Google Cloud Platform のインフラストラクチャでビルドを行うサービスです。 Cloud Build は、さまざまなリポジトリやクラウド ストレージ スペースからソースコードをインポートし、仕様に合わせてビルドを実行し、Do…