# 開発日記-2024-06-25 / npmパッケージ公開

## npmパッケージ公開のための記事を読む

npmパッケージを作って公開するための勉強をする。

メールアドレスが公開されるらしいので専用のメールを作った。Account Settingsのページにも

> This email will be added to the metadata of packages you publish

とあるので専用のを使っておくのが良さそう。

### 参考記事

::link-card[https://zenn.dev/k0kishima/articles/d75f4dc5bd1a26]
::link-card[https://www.npmjs.com/]
::link-card[https://ryoichi0102.hatenablog.com/entry/2017/10/05/215413]
::link-card[https://zenn.dev/wakamsha/articles/about-publishing-node-packages]
::link-card[https://zenn.dev/mo_ri_regen/articles/semantic-versioning]
::link-card[https://zenn.dev/wakamsha/articles/construct-monorepo-with-pnpm]

### 参考にするリポジトリ

::link-card[https://github.com/clerk/javascript]
::link-card[https://github.com/urql-graphql/urql]
::link-card[https://github.com/fabian-hiller/valibot]

## Vercelのデプロイ時にSlackに通知する設定方法

1. VercelのWEBのダッシュボードの「Integrations」からSlackを追加  
   「Find an Integration」からSlackを探して追加する
2. 通知したいチャンネルで `/invite @Vercel` を実行
3. 続けて `/vercel subscribe` を実行するとダイアログが表示されるので必要事項を入力して進めていく

::link-card[https://www.snorerelax.com/posts/tech-vercel-integration-reccomend/]

## Renderのデプロイ時にSlackに通知する設定方法

1. VercelのWEBのダッシュボードの「Account Settings」→「Slack Integration」→「Connect Slack」
2. Default Service Notificationsを「All notificatins」に変更

::link-card[https://docs.render.com/notifications]

## デザインシステム

::link-card[https://corp.freee.co.jp/news/20231219_design.html]

> freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。

これを読んでデザインシステムとはなんぞやということを学ぼう。