TypeScript入門『サバイバルTypeScript』〜実務で使うなら最低限ここだけはおさえておきたいこと〜
本書『サバイバルTypeScript』は実務でTypeScriptを使う開発者のための入門書です。そして、このページはTypeScriptの特徴を最速で把握できるよう、数百ページからなる本書のコンテンツをつまみ食いした要約です。 » 本書ついて詳しく知る » とにかく今すぐTypeScriptを書いてみたい TypeScriptとはJavaScriptのスーパーセットとなるプログラミング言語。静的型付け言語であり、プログラムの正しさが静的に検査できる。ライブラリやIDEなどの開発環境が充実しており、大きなエコシステムを持っている。Microsoftが2012年に開発し、オープンソースで公開した。» TypeScriptの特徴について詳しく知る » TypeScript誕生の背景について詳しく知る TypeScriptはJavaScriptのスーパーセットスーパーセットとは、元の言語との
Node+TypeScript+ExpressでAPIサーバ構築 - Qiita
TypeScript+Node環境の構築 Node環境でTypeScriptを始めるには ※手元のOSにNode.jsがインストールされていることを前提に始めます。 まずは適当に作業ディレクトリを作成して、その中にtypescriptパッケージをインストールしましょう。 PS C:\Users\user\Desktop> mkdir project; cd project; PS C:\Users\user\Desktop\project> npm init -y PS C:\Users\user\Desktop\project> npm install -D typescript @types/node 作業するプロジェクト配下でtypescriptと@types/nodeをインストールしましょう。 @types/nodeは、Node.jsの型定義ファイルになります。 型定義ファイルとい
【2021年】フロントエンドの学習に使用した教材一覧（React, TypeScript, NEXT.js, Firebase）
今回は、僕がフロントエンドを独学する際に使用した教材を紹介していきたいと思います。 最近のフロントエンドは技術の移り変わりが激しくて大変ですよね。 特に初学者の方はどの教材を選べばいいか分からないですよね。 （僕は分かりませんでした😇） 少しでも参考になれば幸いです。 前半に「使用した教材一覧」 後半に「おすすめの教材」を紹介します。 使用した教材一覧 本 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅰ. 言語・環境編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅱ.React基礎編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅲ.React応用編】 りあクト！ Firebaseで始めるサーバーレスReact開発 YouTube動画 しまぶーさんの動画（JavaScript入門、モダ
ts-nodeをWebStormでデバッグ実行 - Qiita
ts-node は TypeScript ファイルをコンパイルせずにそのまま実行できるライブラリ。開発環境でお世話になるが、デバッグ実行するやり方の日本語情報がなかったので書いておく。 基本的なこと node コマンドのオプションとして --inspect をつければデバッグ実行になる。そして --require をつけることで node_modules 内のライブラリを読み込ませることができる。 $ node --inspect --require ts-node/register src/main.ts Debugger listening on ws://127.0.0.1:9229/690c42e8-c2d4-407a-b768-6c5270241775 For help, see: https://nodejs.org/en/docs/inspector これだけで WebSoc
TypeScript Deep Dive 日本語版 - TypeScript Deep Dive 日本語版
TypeScriptはJavaScriptを拡張して作られたプログラミング言語です。トレンドが示すとおり、TypeScriptはJavaScriptに代わって第一に選択される言語になりました。TypeScriptが提供する静的型システムは、コードの保守性と可読性を大幅に向上させます。またブラウザ等の互換性を心配することなく、モダンで便利なJavaScriptの機能を利用できます。 TypeScript DeepDiveは初心者からベテランまで役立つオープンソースのドキュメントです。JavaScriptのモダンな機能からTypeScriptの様々な魔法に至るまで丁寧に説明されています。多くのコードサンプルがあり、具体的なTypeScriptの使い方を簡単に理解できます。TypeScript DeepDive日本語版は2018年に誕生しました。
2019年版: 脱Babel!フロント/JS開発をTypeScriptに移行するための環境整備マニュアル - Qiita
2019年版: 脱Babel!フロント/JS開発をTypeScriptに移行するための環境整備マニュアル環境構築TypeScriptライブラリReact TL;DR いろいろ書いていますが、一番書きたかったのは最初のライブラリと最後のReact Componentのプロジェクトの作り方ですね。ぱっとnpm installして、最初から型定義ファイルが入っていて、@typesを持っているライブラリを探したり、自分で.d.tsを書いたりしなくてもいい世界がやってきて欲しいな、という気持ちから書いています。 ここで紹介したTypeScript環境構築はすべて、自分用にYeomanのテンプレートとして作成したので、以下のジェネレータをインストールして選択したらそれでおしまいです。 @shibukawa/typescript (npmには公開していないので、checkoutしてビルドしてインストール
Express で REST API を TypeScript で書くための boilerplate ジェネレータ - kondoumh のブログ
最近 Node.js の Web App Framework である Express で TypeScript を使って REST API を書く機会がありました。 これまでずっとサーバーサイドは Java や .NET で書いてきたので Node.js で書くこと自体が新鮮でしたし TypeScript も久々でした。 作業はもちろん VS Code で行いました。TypeScript への最適化が進んでおり、Eclipse で Java を書いてる (Visual Studio で C# を書いてる)レベルとまでは行かないものの、IDE + 静的型付け言語の開発体験に近づきつつある感じです。コードの見た目も Java や C# にそっくりになります。NPM でなじみのパッケージをインストールして使ったりできるし、型定義ファイルがなくてもコード書けるし、いい感じに緩くてなかなか居心地の良
TypeScript導入で得られる「変えていく勇気」 / The courage to change by TypeScript - Speaker Deck
2018/9/1、GDG DevFest Tokyo 2018にて発表した資料です。
Node.jsをTypeScriptで書く - sambaiz-net
$ yarn add --dev typescript tslint tslint-microsoft-contrib jest ts-jest @types/jest { "devDependencies": { ... "typescript": "^2.4.2" }, "scripts": { "start": "npm run build && node dist/app.js", "build": "npm run lint && tsc", "test": "jest --forceExit", "lint": "tslint -c tslint.json -p tsconfig.json --type-check" }, "jest": { "transform": { "^.+\\.ts$": "./node_modules/ts-jest/preprocessor.js"
Electron+TypeScript+Express.jsでweb-apiを作る - Qiita
const {app, BrowserWindow} = require('electron') const path = require('path') const url = require('url') // Keep a global reference of the window object, if you don't, the window will // be closed automatically when the JavaScript object is garbage collected. let win function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}) // and load the index.ht
VSCodeでTypeScript/Node.jsの開発環境を作る（UT・カバレッジ・ログ出力・リリース手順含む） - Qiita
Visual Studio CodeでTypeScriptの開発環境を作る手順を調べてみました。 Node.jsで動く簡単なCLIツールを作る前提で進めていきますが、他の開発にも応用できるかと思います。 なお、Visual Studio CodeとNode.jsはインストール済みの前提です。 Windows 10環境で以下のバージョンで確認しています。 C:\>node -v v8.10.0 C:\>npm -v 3.10.6 C:\>code -v 1.21.1 79b44aa704ce542d8ca4a3cc44cfca566e7720f1 x64 mkdir ts-sample cd ts-sample npm init -y mkdir .vscode src test config npm i -SEB config log4js npm i -DE typescript ts-
Vue.jsのプロジェクトでTypeScriptを使いたい - Qiita
はじめに ここ最近、TypeScriptが注目を浴びているように思います。TypeScriptはJavaScriptの世界に「型」を導入し、またES6以降の文法をES5以下の文法で表現できるように変換してくれる有り難い存在です。しかしながらVue.jsのプロジェクトでTypeScriptを使うのはこれまで難しいことでありました。なぜなら、View ModelのコンストラクタがTypeScriptのクラス構文と相性が悪かったからです。 class App { firstname: string; lastname: string; constructor(firstname: string, lastname: string) { this.firstname = firstname; this.lastname = lastname; } get fullname(): string {
TypeScript だけで Web アプリケーションを作る - おなか周りの脂肪がやばい
はてなでアプリケーションエンジニアをしている id:hatz48 です。この記事は はてなデベロッパーアドベントカレンダー の 13 日目です。 昨日は id:dekokun による dekotech.dekokun.info でした。私は去年は developer.hatenastaff.com こんな記事を書いていました。 今年は、はてなのサービス開発合宿で TypeScript のみを使ってアプリケーション開発をした話をします。 はてなのサービス開発合宿 はてなのサービス開発合宿については はてなスタッフアドベントカレンダー一日目で紹介されています。三日間、いつもとは違うチームで、通常業務から離れ、集中して開発するというものです。 開発自体は、実は三日間で完成はしなかったのでいまでも隙間の時間で開発を続けています。とある社内システムに、ちゃんとしたアクセス制御をいれて実装しなおそうと
IntelliJ IDEAでTypeScriptの開発環境を作ってみる - oinume journal
最近趣味プログラムのサーバサイドをNode.jsで書いてるんだけど、JavaScriptはどうも好きになれないので逃避先としてTypeScriptを選んでみた。CoffeeScriptでもいいんだけど、文法が似てるほうがソースコピペできたりして楽かなと思ってTypeScriptを選択。 今回使うツールはMac版のIntelliJ IDEAのv13。 必要なプラグインをインストール 以下のプラグインをインストールしておく。 NodeJS File Watchers IntelliJの設定 npm install -g typescriptしておく 適当にプロジェクトを作る File -> Settingsで Node.js and NPMの設定を開き、Node interpreterの設定をしておく。自分はnodebrewを使っていて、/usr/local/nodebrew/current/
TypeScriptの機能と文法、まずはこの3つを押さえよう！ 構造的部分型、ジェネリクス、アロー関数式
TypeScript 1.6リリース！ 慧 何だかだいぶ時間が経った気がするけど、気のせいかな？ さっそく、続きをやろうよ！ き やる気満々だね（笑） あ、そうだ。本題に入る前に、7月22日にTypeScript 1.5、さらに9月17日に1.6がリリースされたので、それにも少し触れておくよ。 慧 新バージョンが出たんだね！ どんなふうに変わったの？ き 1.5のアップデートで大部分を占めるのはECMAScript 6（ES6）での機能や構文のサポートだ。その他はnamespace構文の追加やES6のさらにその先、ECMAScript 7で提案されているdecoratorという機能、コンパイラーのオプションなどが追加されている。 慧 盛りだくさんだね！ き なんだけど、実はここまで説明した内容だと、ほとんど影響を受けない気もするので、詳細は割愛するね(^^; 慧 これから作る
typescript初心者が躓いたこと - リズムのじかん
typescriptを始めて１ヶ月くらい経ちました。 そんなtypescript初心者がはまったところをまとめます。 typescriptを始めた理由 趣味でwebサービスを作っていて、言語はjavascriptなのですが、昼間の本業が忙しいと1週間とか1ヶ月とか間が空いてしまいます。 そうすると前に何をコーディングしていたか忘れてしまう。。。 このオブジェクトはどんな関数持ってたっけ？とか、この関数の戻り値の型はなんだっけ？とか。 （javascriptに型チェックはないですが、型は意識してコーディングしている） そしてやる気を無くしてしまう。。 そこで、 型を付けてコードの自動補完とかしてくれたら、どうにかなりそう(・∀・) と始めたのがtypescriptです。 他のラッパー言語も考えましたが、coffeescriptは型チェックないし、haxeは気になるけどjQueryとかの外部ラ
TypeScript の開発環境構築と周辺ツールの紹介
前回はなぜTypeScriptか？という話を書きました。今回はTypeScriptを使うとして、どういう環境を作れば気持ちよく開発できるかについて解説します。 本稿に出てくるサンプルをまとめたリポジトリを随時メンテしております。時期によっては、本記事の内容に沿わない（より磨かれた）状態になっているかもしれません。 TypeScriptの開発環境が指すものは2つあります。IDEやエディタといった、本当に開発を行うための環境と、初期設定を行ったりリリースビルドを作ったりするためのタスクランナーの二種類です。 本記事ではお勧めの構成として、Visual Studio Code+grunt+dtsmを用いていきます。別構成として、Atomとgulp、tsdについても言及します。いずれの構成でも、Mac OS X、Windows、Linuxといった主要なプラットフォームで同じように動かすことができま
TypeScriptを使ってECMAScript 2015時代のJavaScriptを先取りしよう！
TypeScriptを使ってECMAScript 2015時代のJavaScriptを先取りしよう！ わかめまさひろ（株式会社トップゲート） わかめです。これから、TypeScriptを使ってECMAScript 2015スタイルのコードを書く方法を紹介します。連載の初回となる本稿では、ECMAScript 2015やTypeScriptの魅力について、TypeScript用エディタの案内をしていきます。 TypeScriptとは？ TypeScriptはMicrosoft社が開発しているAltJSの1つです。AltJSとは、ある言語Xから、JavaScriptへと変換（トランスパイル）して使う言語の総称です。Typeという名の通り、JavaScriptの世界に静的な型付けを持込み、JavaやC#のようにコンパイル時に整合性のチェックを行うことができるようにしたものです。 見事チェックにパ
はじめてのTypeScript開発環境構築（gulp, bower, webpack, tsd, npm）
はじめてのTypeScript開発環境構築（gulp, bower, webpack, tsd, npm） TypeScriptで開発しようとしたとき、いろんな問題にぶつかった。 もともとSIerではVisual Studioさえあればなんとかなる環境で育ってきたため、Web系のさまざまなツールを導入する上で何度も挫折した。 ということで、初心者（私）が初心者向けに「はじめてTypeScriptの開発環境（gulp + bower + webpack + tsd + npm）を構築するときの手順とポイント」についてまとめていこうと思う。 ツールの使い方間違っているよなどの指摘がありましたら、コメントやTwitterで教えてください。 この記事の目標 TypeScriptで開発したい ライブラリも使いたい（今回はjQueryを例にする） Web界隈のツールにも慣れたい 使用するツール（ツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript をざっとペロる - Qiita
