JavaScript や CSS で ~/ から始まるパスをマッピングして import する方法 2020
この記事では、マッピングする方法について述べるだけで、それに伴う仕様や実装方法などについては言及しません。 TL;DR import util from '~/util'; のように ~/ から始まるパスにしたとき、 src ディレクトリからの相対パスとしてマッピングするには、2020 年 12 月現在、次の方法があります。 Parcel もしくは Nuxt.js を使う場合、設定しなくても自動でマッピングされます webpack を使う場合、webpack.config.js の resolve.alias を設定します Babel だけを使う場合、 babel-plugin-module-resolver を使って設定します tsc で型チェックする場合、もしくは Next.js を使う場合、tsconfig.json の paths を設定します 「~/ を任意のディレクトリにマッピ
OpenAPIとTypeScriptで作る！チーム開発に適したWebアプリケーションの作り方
はじめにこんにちは！ フィフス・フロアの開発チームリーダーのnotozekiです。 最近、OpenAPIという技術を知りました。 OpenAPIは、いわゆる「Web API」の仕様を形式的に記述するためのフォーマットです。 OpenAPIに関連するツールもいくつか提供されており、たとえばOpenAPIのフォーマットに従って書かれた仕様から、開発用のAPIのスタブサーバを自動生成するツールなども存在します。 Web開発が多い弊社では、Web APIの仕様管理は長年の課題でした。 特に開発メンバーが増えてくるにしたがって、以下のような課題が浮かび上がってきています: 仕様に関する情報源がないため、「実装が仕様」のような状態になってしまっています。また、新しくプロジェクトに加わる人に、都度仕様を説明する必要があります。手動でのAPIドキュメントの整備も試みましたが、開発に比べて整備が後回しになり
Interface vs Type alias in TypeScript 2.7
People often ask me ( online, at work, in skatepark (nope 😂) ), what’s the difference between using type and interface for defining compile time types within TypeScript. First thing I used to do, was pointing them to TypeScript handbook… Unfortunately most of the time, they didn’t find the droids that they were looking for ( it’s hidden within Advanced Types section). Even if they found it, the i
Documentation - Declaration Merging
Introduction Some of the unique concepts in TypeScript describe the shape of JavaScript objects at the type level. One example that is especially unique to TypeScript is the concept of ‘declaration merging’. Understanding this concept will give you an advantage when working with existing JavaScript. It also opens the door to more advanced abstraction concepts. For the purposes of this article, “de
tsconfig.jsonのrootDirとbaseUrlに関するメモ [TypeScript] - Qiita
はじまり TypeScriptのtsconfig.json パラメータ多くてどれがどういう作用を及ぼすのかいまいちです。 今回はtsconfig.jsonでよくわかっていなかった rootDirとbaseUrlの動きについてメモ。
![tsconfig.jsonのrootDirとbaseUrlに関するメモ [TypeScript] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/58696918aa2f2b7db0b8a20196528991877701e6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9dHNjb25maWcuanNvbiVFMyU4MSVBRXJvb3REaXIlRTMlODElQThiYXNlVXJsJUUzJTgxJUFCJUU5JTk2JUEyJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgzJUExJUUzJTgzJUEyJTIwJTVCVHlwZVNjcmlwdCU1RCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MGI2OGU3MDEzODY0ZGNmM2NhOTZmMGM0NDFlMGU5YmU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBOZWtvbmVjb2RlJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kN2EyZjVmZmQwODg0NWExNzA2ZGU1ZGMzYWFhZTk3Yg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D43460a8d56cc6dd92e12dc042f940611)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node Target Mapping
TypeScriptでCLIツールを作って、npmパッケージにする
DefinitelyTyped/types/actioncable/index.d.ts at master · DefinitelyTyped/DefinitelyTyped
GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript
関東最速でReact+Redux+TypeScriptなアプリの開発環境を作る - Qiita
TypeScriptのInterfaceとTypeの比較 - Qiita
Understanding "target" and "module" in tsconfig