Typescript

[Typescript] Jest でユニットテスト環境を作る方法

Tyepscript のテスト環境(jest)構築 Jest · 🃏快適なJavaScriptのテスト Javascript のテスト用ツールはいろいろありますが、Facebook製の jest というテスト用フレームワークを使う方法をまとめます。 今回は Typescript で書かれたコードのテスト実装します。 jest とは Jest is a delightful JavaScript T […]

Angular で Storybook を使うための手順まとめ

Angular で Storybook を使いたい Angular で作られているプロジェクトに、Storybook を導入する手順をまとめます。 Storybook for Angular 上記ページの手順に従えばOKです。 Storybook とは Storybook とは UIコンポーネントのカタログを作るためのツールです。各コンポーネントの状態に応じた表示が確認できるようになります。 アプ […]

Typescript 3.x と Webpack 4.x を合わせて使う方法まとめ

Typescript 3.x と Webpack 4.x を合わせて使う Typescript はコンパイルすることで Javascript のコードに変換できますが、複数ファイルをバンドルする機能はありません。したがって何らかの方法で複数ファイルのモジュールを1ソースにバンドルしなければなりません。 今回は Webpack を使って、Typescript をビルドして得られた Javascrip […]

Angular の環境構築方法入門

Angular5 の環境構築 Angular – クイックスタート Angular5 の開発環境を構築します。手順は上記公式サイトの手順に倣います。 Node.js と npm Download | Node.js Angular を使うには、Node.js と npm がインストールされている必要があります。 上記URLからNode.jsのLTS版をインストールしてください。npm […]

[Typescript] 開発環境構築入門

Typescriptとは Typescriptとは、マイクロソフト謹製のオープンソースのプログラミング言語です。AltJSと呼ばれる言語の一種で、TypescriptをコンパイルすることでJavascriptのコードに変換できます。Javascriptのスーパーセット(上位互換)であり、既存のJavascriptがそのままTypescriptとして扱えるのはもちろん、静的な型付け機能や、クラス・継 […]