デコレータ使わない Vue.js + TypeScript で進んだ「LINEのお年玉」キャンペーン
皆さん、こんにちは。LINEでフロントエンド開発を担当しているUIT1室のシュウと申します。 今回、年に一度の企画「LINEのお年玉」キャンペーンにて JavaScript の部分を担当させていただきました。LINEのお年玉は多くのトラフィックが流れる大規模かつ短期間の企画となります。 技術的な挑戦をするためのプロジェクトとしてもちょうど良いサイズ感であったため、今回多くの挑戦を行いましたので、連載形式で紹介していければと思います。 初回である今回は、Vue.js と TypeScript を併用した開発についてです。 なぜ TypeScript を使うのか？ これまで LINE のプロジェクトでは、JavaScript をメインの言語としてフロントエンド開発を行ってきました。ですが、時代の流れもあり、現在では新規プロジェクトの多くが TypeScript を採用しています。 月並みですが
Nuxt TypeScript
Code completion One of the biggest advantages of TypeScript is its code completion and IntelliSense. IntelliSense provides active hints as a code is added. Type safety Types increase your agility when doing refactoring. It’s better for the compiler to catch errors than to have things fail at runtime. Code quality Types have a proven ability to enhance code quality and understandability. Large team
リファレンス - TypeScript Deep Dive 日本語版
リファレンスリテラル以外にも、JavaScriptにおけるすべてのオブジェクト(関数、配列、正規表現 etc)は参照(references)です。これは、以下のことを意味します。変更(Mutation)はすべての参照(references)に影響するvar foo = {};var bar = foo; // barは同じオブジェクトへの参照ですfoo.baz = 123;console.log(bar.baz); // 123比較は、参照(references)に対して行われるvar foo = {};var bar = foo; // barはfooへの参照ですvar baz = {}; // bazはfooとは異なる新しいオブジェクトですconsole.log(foo === bar); // trueconsole.log(foo === baz); // false前等価演算
Type Vue without TypeScript – Noteworthy - The Journal Blog
A practical guide for type checking Vue components written in JS and getting things done. Why do we need types?In the last decade, browsers have become very powerful, allowing developers to build rich interactive applications. The interactivity and richness have come with an increase in complexity and size of the codebase in the frontend. Large complex codebases demand more attention and frontend
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
