もしJavaScriptを扱う開発をこれから新たに始めるのであれば、ぜひ、TypeScriptを習得してください。TypeScriptを使うと、簡単に高品質で扱いやすいJavaScriptのコードを作成することができます。TypeScriptの概要と書籍「TypeScript実践マスター」がカバーする範囲、あるいは本書ではカバーできないその先の内容について紹介します。TypeScriptを新しいプロジェクトに採用できるかどうかイメージしていただけます。
JavaScriptを使った開発を始めるなら！TypeScriptをはじめよう ～ ステップアップ
もしJavaScriptを扱う開発をこれから新たに始めるのであれば、ぜひ、TypeScriptを習得してください。TypeScriptを使うと、簡単に高品質で扱いやすいJavaScriptのコードを作成することができます。TypeScriptの概要と書籍「TypeScript実践マスター」がカバーする範囲、あるいは本書ではカバーできないその先の内容について紹介します。TypeScriptを新しいプロジェクトに採用できるかどうかイメージしていただけます。
React x MobXな趣味プロダクトをTypeScriptでリライトしようとした - console.lealog();
React x MobXでできてる自分専用の音楽ストリーミングサービスがありまして。 冬休みなのでTypeScriptで書き直したりしてみようかなと思ってちまちまやってた。 ただ結局は自分一人しかコード書かないので、コスパに見合わないと判断して採用は見送った。 https://github.com/leader22/mmss-client/tree/topic/ts まあその過程で色々学びはあったので、忘れないようにメモっとく。 環境構築編 Webpackでコンパイル なにはともあれ開発環境を。 元がBabel x Webpackだったので、そこをまず変える。 npm install -D typescript awesome-typescript-loader そして`babel-loader`と差し替えるだけ。 TSはReactのJSXにも対応してるので、特に困る点はない。 ただWeb
Vue + TypeScriptなプロジェクトにESLintを導入する - Please Drive Faster
TypeScript + VueなプロジェクトでESLintを使ってみて、現状必要なモジュールが複数あって少し複雑だったのでまとめておきます。 サンプルは以下です。 github.com 内容はどうでも良いんですが、こんな感じのすごく簡単なTODO風のアプリケーションです。 なぜEslintを使うか JavaScriptのためのLintingツールはたくさんありますが、Vueのroadmapにもある通り、Vueの公式スタイルガイドをサポートするESLintプラグインがESLintのメンテナによる公式プラグインとして作られています。 GitHub - vuejs/roadmap: Roadmap for the Vue.js project これからもVueの公式としてサポートされていくと思うので、特にこだわりがなければESLintを使うのが良いかと思います。 ESLint for Type
次にJSガッツリ書くときはTypeScriptで - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? すっかりTypeScript厨（同僚談）になっているyprestoです。 AndroidでKotlinがどんどん採用されていくのを横で指を加えて見てるわけには行かないので、JSにもTypeScriptをぶち込みました。SwiftかKotlinを書いたことがある人ならばすっと馴染むと思います。 新しく書くJSはもう基本的にTSで書いてます（botすらTypeScriptに書き換えて引かれましたｗ）。ちょうど1年前からガッツリ使っていたので知見を垂れ流すフェーズに入ります。 完全な初級というよりは、ちゃんと使いたい中級な人向けに、基本的な使
Weak typeとはなにか - 角待ちは対空
qiita.com TypeScript Advent Calendar 2017の8日目の記事です。Weak typesの解説をします。 CTOにも絶賛不評だった以下の記事もおすすめです。 世界がEnumから隠した秘密をひとつひとつ見つけていこうな #TypeScript - 角待ちは対空 タイトルはよくないけど内容はよかった2017/12/06 21:35 b.hatena.ne.jp Excess property checksの復習 TypeScriptではオブジェクトリテラルのとき限定でExcess property checksというチェックが行われる。 つまり interface Options { data?: string, timeout?: number, maxRetries?: number, } function sendMessage(options: Opt
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
Patterns for designing flexible architecture in node.js (CQRS/ES/Onion)
In this post, I’ve presented a project that is using CQRS and Event Sourcing patterns. It’s organized using onion architecture and written with TypeScript. “flexible” —a free stock photo I found which makes this blog post much nicer and artistic.“flexible” how?I’m using the term flexible to promote an architecture which is able to adapt to different kind of environments. More precisely, I’m trying
Vue.js Tokyo v-meetup #6まとめ - #がみぶろ
Vue.js Tokyo v-meetup #6に参加したので、その内容についてまとめました！ イベント自体の詳細は、こちら！ vuejs-meetup.connpass.com セッション枠1: Future of Vue.js @kazu_pon 資料 speakerdeck.com 自己紹介 Vue.jsコアチームメンバー 爆発した2017年 Google Trendで2016/10にReactを抜いた GitHub Starsも、reactに近づく VueConf2017が開催@ポーランド v2.2〜2.5の4つのリリース v2.2: SSR改善/エラーハンドリング改善 v2.3: SSR改善/非同期コンポーネントの改善/関数型コンポーネントの改善 v2.4: SSRのフル対応/容易なラッパーコンポーネントの作成サポート(inheritAttrsなど)/パフォーマンス改善 v2.5
ビットコイン自動裁定取引システムをC#からNode.js+TypeScriptに移行(Mac OS, Linux対応) - Qiita
Node.js+TypeScript環境に移植 以前の投稿で紹介したビットコイン自動裁定取引システムをNode.jsに移行しました。 R2 Bitcoin Arbitrager https://github.com/bitrinjani/r2 移行した理由は以下の2つです。 Windows以外のOSのサポート (Mac OS, Linux) 別の投稿で紹介した可視化Web UIとの統合(未実装) 数千行のC#をTypeScript/JavaScriptへ書き換えることは、言語仕様のみならず、ランタイムの非同期処理の違いなど予想以上に学ぶことが多く、それは別の投稿で紹介したいと思います。 インストール方法 1) Node.js 8.5以降をインストール 2) リポジトリをクローン
GitHub - google/gts: ☂️ TypeScript style guide, formatter, and linter.
Google TypeScript Style gts is Google's TypeScript style guide, and the configuration for our formatter, linter, and automatic code fixer. No lint rules to edit, no configuration to update, no more bike shedding over syntax. To borrow from standardjs: No configuration. The easiest way to enforce consistent style in your project. Just drop it in. Automatically format code. Just run gts fix and say
Vue + TypeScript + poiで小さいプロジェクトを作る時の手順 - No Regrets in Bathing
TypeScriptを使いたい、型に守られたいという気持ちが定期的に生まれるのだけど、 ただwebpack.config.jsとtsconfig.jsonが上手く書けなくてしんどいみたいなことがままある。 お仕事的に、TypeScript + Vueでやっていくぞというのは下記のダーシノさんのスライドが良い。 とにかく楽してVue.jsでTypeScriptを使いたい from さくらインターネット株式会社 www.slideshare.net 上記の内容と、webpack-simpleという自分が愛用しているテンプレートと、vue-class-componentのexampleを見ながら書いた雛形が下記に置いてある。 github.com それはそれとして、今日はpoiを調べた。 poi + TypeScript poiは設定より規約感のあるツールで、書捨てのプロジェクトにはwebpac
Swagger, NodeJS, & TypeScript : TSOA
The following exposition is part of a series of articles concerning, Practical Web Development and Architecture. This article continues to focus on the theme, ‘separation of concerns’, demonstrating how the concept can be applied to a NodeJS server application development using the example ws-node-demo. The development of the front-end application ws-ngx-login-demo, a consumer of the NodeJs applic
Nest.js Brings TypeScript to Node.js and Express
TL;DR: In this article we are going to learn about Nest.js, a framework for building Node.js web applications. Why Nest.js? Because, although Node.js already contains a lot of libraries to develop web applications, none of them effectively address one of the most important subjects: the architecture. As we will see, Nest.js introduces various building blocks that help developers to better organize
同僚のコードレビューでこんなにクラスの設計が良くなったという話 - Qiita
弊社では、案件とは関係のないプロジェクトでも業務時間中にみんなにコードレビューを依頼できる時間が確保されています(参加は任意)。案件のコードレビューを依頼したり、ちょっとした個人の制作物を見てらったりと使い方は色々です。 先日、TypeScriptの練習にQiitaのAPIを叩いていて記事を表示するブログウィジェットを作成しました。このウィジェットのレビューを依頼したところ、クラスの設計について具体的な指摘と、それに対する改善を経験できたのでこの記事に記載します。 今回作ったQiitaWidgetの要件 Qiitaの公式APIV2から記事とユーザー情報を取得し、HTMLテンプレートに表示する 投稿の合計いいね数を算出するために、あるユーザーの投稿を全件取得する (このために複数回リクエストの送信とレスポンスデータの結合を行う) パラメータによってユーザー、いいね数によるソート、表示件数、ラ
TypeScript 2.2～2.5までに追加された新機能
連載目次 TypeScriptの言語としての進化はすさまじいものがある。本フォーラムでもTypeScript 2.1については（全てではないものの）その機能を概観していたが、その後、新しい機能がずいぶんと増えている。そこで、本稿ではTypeScript 2.2～2.5までに追加された新機能を幾つか見ていくことにしよう。 TypeScript 2.5までに追加された新機能 TypeScriptの「What's New」を基に、TypeScript 2.2～2.5までの間に追加された機能を以下に幾つか列挙しておこう。もちろん、これらが全てではない。詳細については前掲のリンクからバージョンごとのリリースノートを参照されたい
がんばらないTypeScriptのはじめ方 - 角待ちは対空
追記 2019/04/16に以下の記事が公開されました。 employment.en-japan.com gfxさんによる記事です。この記事自体2017年の若干古い記事なので、新しく読む方は最新版である上記の記事を読んだほうがいいでしょう。 このエントリは2017/07/12に行われたHatena Engineer Seminar #8 @ Tokyoの発表内容をブログ向けに書き直したものです。 事前の通知では「CoffeeScript脱出にみるTypeScript2.4時代のベストプラクティス」がタイトルだったのですが、主題を変えたためタイトルも「がんばらないTypeScriptの始め方」に変更させていただきました。CoffeeScript脱出の話は一応出てきます。 社内のTypeScript事情 その後のTypeScript 現在の様子 TypeScriptのがんばらないはじめ方
JavaScriptのライブラリを徐々にTypeScriptに移行する
Alminというライブラリは元々JavaScript(+Babel)で書かれていましたが、今年の2月にsrc/下のソースコードはTypeScriptに移行しました。 その時のコミットログは次のPRに残っているため、コミットログを1コづつ見ていけばどのように行われていったが分かると思います。 Convert src/ to TypeScript by saneyuki · Pull Request #68 · almin/almin この時取った方法は大まかに次のような手順でした src/ の TypeScript化 Babel -> JS(js -> js)だったものをTypeScript -> Babel -> JSにビルドスクリプトを変更 TypeScriptはtargetをesnextにすることで単純に型を取り除くだけの変換にする ES2015 -> ES5を実際にやるのは既存のBa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Quramy/lerna-yarn-workspaces-example: How to build TypeScript mono-repo project with yarn and lerna
I am mitsuruog | ReactとTypeScriptで半年間サービスを走らせてみてよかった点を振り返って見る
とにかく楽してVue.jsでTypeScriptを使いたい
