方針 デモページのコードはexamplesディレクトリで管理。examples/srcには開発用のコードをまとめ、examples/publicは本番用のコードを格納する。デモページにはGithub Pagesを使用。examples/public/index.htmlを読み込ませる。 // Reactプロジェクトの例。…

自分でnpmライブラリを作ったのですが、そのパッケージサイズが大きく、減らす方法を模索しました。npmサイトでは、各ライブラリのページにUnpacked Sizeが表示されますし、ユーザーがライブラリを選択するときの基準にもなるので、できるだけパッケージサイ…

作成したnpmライブラリをNext.jsで読み込む時、ReferenceError: document is not definedというエラーに遭いました。 状況 作成していたnpmライブラリは、webpackを使用してバンドルし、そのJSファイルをエンドポイントとしてエクスポートしていました。 使…

自分で作成したライブラリをNext.jsにインストールした際に、Global CSS cannot be imported from within node_modules.というエラーが立ちはだかりました。 エラー内容 Global CSS cannot be imported from within node_modules. つまり、何がNGかというと…

何を作ったの？ React用のスピナーライブラリを作りました。スピナー集のようなものです。 なんで作ったの？ ライブラリを作ってみたかったから！ 本当にこの気持ちだけです笑便利なライブラリを作りたい気持ちはありましたが、どんなにショボくてもいいから…

Hacktoberfestとは DigitalOceanが運営するOSS(オープンソースソフトウェア)の祭典。10月の1ヶ月間で行われている、OSSへの貢献を推進するものです。 参加方法は下記のように様々です。 プルリクを出してプロジェクト改善に貢献する自分のプロジェクトを準備…