ざきの学習帳(旧 zackey推し )

日々の学びを書きます

TypeScript

dts-gen を使って 型情報のない(JavaScriptのみで記述されている)ライブラリから d.ts を生成する

現在、 JavaScript のみの Vue プロジェクトに対して TypeScript 導入を行なっています。 インストール済みのライブラリには、型情報のないもの1が存在し、以下のようなエラーが発生していました。 Could not find a declaration file for module 'ライブラ…

Vue2 x JavaScript と Vue2 x TypeScript の環境を行き来して

Vue2 x JavaScript と Vue2 x TypeScript の環境を交互で開発し、約半年が経ちました。 振り返ってみると、しみじみ TypeScript のメリットがわかりました。(デメリットはなかったです。) 自分が感じたメリットをメモしておきます。もし Vue2 x JavaScript…

leetcodeの回答をリポジトリ管理、 ts-jest でテストを書いているはなし

コミュニティの人たちと、leetcodeの問題を週1で解いていく活動をはじめました。 この記事では、leetcode回答までの流れを書き留めておきたいと思います。 leetcode始めたい...という方の参考になれば、幸いです。 leetcode回答の流れ リポジトリ ts-jestの…

【Vue.js】 vue-facebook-login-component を参考に Facebookログイン を実装してみた

とある要件でInstagram Graph APIを使う事になったのですが、 使用するにはFacebookログインを行なっている動画撮影と アプリ申請が必要となることがわかりました。 スタートガイド - Instagramプラットフォーム - ドキュメンテーション - Facebook for Deve…

【Udemy】「Typescript with modern React (i.e. hooks, context, suspense)」を修了したので感想など

2019年末くらいにUdemyで買って放置していた Typescript with modern React (i.e. hooks, context, suspense) にようやく着手、修了しました。 この記事では、 コースの内容紹介と背景 学べたこと 所感 などを書き留めておきます。

typescript-eslint + prettier を併用する際は member-delimiter-style の設定に気をつける

"Prettier" でググった記事を参考に、雰囲気で導入していたPrettier、 公式ドキュメントを読んでみると、きちんと腹落ち&導入することができましたが、typescript-eslintとprettierの設定が競合する状態となってしまいました。 この記事では、その競合を解…

【eslint】 JavaScript (*.js) と TypeScript (*.ts) が混同しているプロジェクトに typescript-eslint を導入した際のメモ

最近、実践TypeScriptという本を読み切りました。 (全てものにできたかというと...orz また何かを作りながら読み返す必要がありそう...) 勉強しながら検証コードを書いていたところで、typescript-eslintというeslint系のライブラリの存在を知りました。 G…

【React】create-react-app後、eslint系の設定をeslintrcに移した際のメモ

最近、実践TypeScriptという本を購入し、TypeScriptでReactやVueを書く勉強をしています。 上記本の 第7章 TypeScriptとReact にて、create-react-appを用いて、TypeScript x Reactな環境を構築・学習しています。 その際、package.jsonからeslint系の設定を…