[B! TypeScript] hirosuegariのブックマーク

TypeScript学習ロードマップ - Qiita

TypeScript全然わかんない... という状態から、プロジェクトに導入できるまでになんとかなったので、学習の参考になったものなどをまとめて学習ロードマップを作成いたしました。私自身もまだまだのレベルですが、これからTypeScriptを勉強したい!という方の道しるべになれば幸いです Level 0: TypeScriptってなんぞや？まず学習する前に、その対象がなんなのか、を見極める作業です。 TypeScriptは altJS の１つです。 JSは元々大規模なコードを組むには不向きな設計になっているので、 altJSというメタ言語でラッピングすることで扱いやすくするものです。 altJSで他に有名なのはcoffeeScriptなどでしょうか。 TypeScriptはtypeと名乗っている通り、静的型付けを特徴としています。また、jsと互換性があり、jsの上位互換（スーパセッ

hirosuegari 2020/08/19

TypeScript

リンク

TypeScript入門以前ガイド - mizchi's blog

某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人このドキュメントの読み方 ES2015 for Beginners ES2015 for ES5 Programmers ES Modules 非同期表現: Promise と async/await TypeScript エコシステム編自分が React/Redux などの講習でいろいろやってみた結果、 ES2015 と TypeScript を同時に教えると、初学者は何がどの概念に由来するかの区別が出来ずに混乱します。なので、ES5 -> ES2015, ES2015 -> Ty

hirosuegari 2018/10/03

リンク

斜めに写った画像をCanvasで矩形に補正する - すぎゃーんメモ

将棋駒画像分類の話の続きのような、あんまり関係もないような。 memo.sugyan.com memo.sugyan.com 結局、素材を組み合わせて自動で生成しただけの駒画像ではやはりデータが足りていないようで、「やはりもっと様々な画像から人力でラベル付けしてデータセットを作っていく必要がありそう」ということになった。とはいえ、インターネットから画像を拾ってこようと思うと、例えば以下のような感じで (引用元: フリー写真素材ぱくたそ) 多少ならともかく斜めの角度から写っているものは、そのまま矩形に切り出して学習用画像データに利用するのは難しそう。これらはうまいこと変形して使いたい。いわゆるperspective projectionの逆変換のような操作が必要になる。 JavaScriptを使ったCanvas APIでの変換では簡単な拡大・縮小などの変換は可能だけどこういったpe

hirosuegari 2018/09/04

リンク

TypeScript導入で得られる「変えていく勇気」 / The courage to change by TypeScript - Speaker Deck

2018/9/1、GDG DevFest Tokyo 2018にて発表した資料です。

hirosuegari 2018/09/01

リンク

TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介

2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用するプロジェクトの生成に対応しました。これにより、TypeScriptでVueを気軽に試せるようになったということで、今回ちょっとどんなものか試してみることにしました。試した中でポイントとなりそうな部分をまとめてみたので紹介します。なお、私は普段はAngularでTypeScriptを書いているため、TypeScriptのクラス構文を使った説明になっています（クラス構文を使わなくても、TypeScriptでvue.jsを書くことはできます）。目次はじめに – Vue CLI + TypeScript TypeScript + Vue サンプル Vue CLIでTypeScript プロジェクトを生成する