[B! webpack][typescript] nabinnoのブックマーク

nabinno id:nabinno

webpackとtypescriptに関するnabinnoのブックマーク (8)

TypeScriptでReactを書く – webpackを使った開発環境の構築方法
2017年に入りTypeScriptがだいぶ熱くなってきています。特に以下の2つのニュースはTypeScriptの使用について大きく後押ししてくれるものとなったかと思います。 Googleが社内の標準言語としてTypeScriptを追加SlackでのJavaScriptからTypeScriptへの移行こうした動きを受けて、私もTypeScriptへの移行を模索し始めました。今回の記事では、私が現在最も書く機会の多いReactをTypeScriptで書く環境の構築方法を紹介したいと思います。はじめにTypeScriptは、言わずもがなMicrosoftが開発する静的型付けに対応したJavaScriptのスーパーセットです。 ReactをTypeScriptで書くメリットは、このTypeScriptの静的型チェックをReactの開発に導入できることです。特にReactでは、コンポーネント間で
nabinno 2017/07/11
webpack

module-loader

javascript

html

typescript

react
リンク
Serverless + Webpack + TypeScript + tslint メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2017/06/18
qiita

typescript

javascript

html

webpack

module-loader

tslint
リンク
TypeScript + webpackでサーバサイドもTypeScriptしようぜのはなし - Qiita
主はおっしゃいましたwebpackはフロントエンドのjavascriptにだけ与えられたものではないと。よろしい!ではサーバサイドもTypeScriptでwebpackでes5(or es6 or es2015(まさかり対策))にしようではないか。今回のサンプルはこちらに保存してありますm(_ _)m サーバサイドnodejsにも型が欲しかったそもそも、サーバサイドなら別に他の言語を使いなさいというのはもっともですが、IOレイヤーの処理のひとつにスクレイピングでデータを取得するという部分があって(もちろんseleniumでもいいんだが)、そいつをnightmareで書いていたので、これはもうwrapするレイヤーもnodejsで行くしかないなっという背景であります。ただせっかくですし、サーバサイドですし、割りときっちりした型がほしいなぁと思いまして。それでTypeScriptをサーバサ
nabinno 2017/06/06
qiita

webpack

module-loader

javascript

html

typescript
リンク
今時のフロントエンド開発2017 (2. 構築編) - Qiita
はじめに本編では今時のフロントエンド開発2017 (1. 愚痴編)に続き開発環境の構築をしていきます。おしながき今時のフロントエンド開発2017 (1. 愚痴編) 今時のフロントエンド開発2017 (2. 構築編) 今時のフロントエンド開発2017 (3. webpack編) 今時のフロントエンド開発2017 (4. TypeScript編) 今時のフロントエンド開発2017 (5. もっと効率よく編) 開発環境の構築ナイスなエディタコーディングをするにはエディタが必要になるわけですが，これは皆さんの信じるお好きなものを使ってください。 Atom Brackets Emacs Lime Text Sublime Text Vim Visual Studio Code なんでも良いです。ちなみに私はVisual Studio Codeを使っています。 CLIの準備準備と書きまし
nabinno 2017/03/29
qiita

node.js

javascript

webpack

module-loader

npm

yarn

typescript
リンク
TypeScript + webpack + Karma + Mocha + Power Assertでテストを行う際の諸々の設定ファイル - Qiita
TypeScript + webpack + Karma + Mocha + Power Assertでテストを行う時の諸々の設定ファイル最近、TypeScriptでコードを書いて、モジュールバンドラにwebpack、テストランナーにkarma、テスティングフレームワークにmocha、アサーションライブラリにPower Assertを使用したユニットテストを書いたその際に、諸々のツールが複雑で、設定ファイルの記述も大変だったので、ここで設定ファイルについてのメモを残しておこうと思う ※現段階では、設定ファイル自体にメモを書いただけです、後で個々の説明を書くかもしれません package.json まずはこれがないと始まらないですよね { // パッケージの名前 "name": "パッケージ名", // パッケージのバージョン "version": "1.0.0", // パッケージの説
nabinno 2017/03/02
qiita

power-assert-js

power-assert

assertion

unit-testing

test-automation

software-testing

javascript

typescript

webpack
リンク
React + TypeScript + Webpackの最小構成 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2016/09/20
qiita

typescript

javascript

react

webpack
リンク
https://www.typescriptlang.org/docs/handbook/react-&-webpack.html
nabinno 2016/06/29
typescript

javascript

react

webpack
リンク
Angular Docs
nabinno 2016/05/26
angularjs

angular-2

javascript

webpack

typescript
リンク
1