npmパッケージ公開のための記事を読む
npmパッケージを作って公開するための勉強をする。
メールアドレスが公開されるらしいので専用のメールを作った。Account Settingsのページにも
This email will be added to the metadata of packages you publish
とあるので専用のを使っておくのが良さそう。
参考記事
npm パッケージを TypeScript で自作して公開、別モジュールからインストールして使うまでの手順
zenn.dev
![npm パッケージを TypeScript で自作して公開、別モジュールからインストールして使うまでの手順](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fb22145a1-3174-421e-91bd-f9ed6bbba6bf.png&w=3840&q=75)
npm | Home
npmjs.com
![npm | Home](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Facc39674-5e90-48ed-be4c-4162a61007a4.png&w=3840&q=75)
npmのメールアドレスが公開な件について #NodeJS - メンチカツには醤油でしょ!!
npmとは Node.jsのパッケージ管理システムであり、Node Package Managerの略です。また、それらモジュール郡をホスティングしているサイトもnpmです(npmjs.com)Mavenで言えばセントラルリポジトリ的な役割でしょう。 作成したモジュールをnpmで公開するにはnpmjs.comにサインアップする必要があります。 www.npmjs.com npmjs.comへのアカウント登録 こちらがサインアップ画面です。 Public Emailという入力欄があり、登録ボタンの直前には"
ryoichi0102.hatenablog.com
![npmのメールアドレスが公開な件について #NodeJS - メンチカツには醤油でしょ!!](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Ffdd4b5cf-8e87-41ba-a8ab-7a4996cfa8eb.png&w=1200&q=75)
Node パッケージ を npmjs に公開するうえで知っておくべきこと
zenn.dev
![Node パッケージ を npmjs に公開するうえで知っておくべきこと](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F15f88dfa-0924-434d-ba5a-b9d60fdb843e.png&w=3840&q=75)
セマンティックバージョニングによるバージョン表記方法
zenn.dev
![セマンティックバージョニングによるバージョン表記方法](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F1037a354-16a0-413e-94a1-febe70846809.png&w=3840&q=75)
pnpm で monorepo プロジェクトを構築する
zenn.dev
![pnpm で monorepo プロジェクトを構築する](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fcdc50954-c912-43ed-8356-5789f4f3de77.png&w=3840&q=75)
参考にするリポジトリ
GitHub - clerk/javascript: Official Javascript repository for Clerk authentication
Official Javascript repository for Clerk authentication - clerk/javascript
github.com
![GitHub - clerk/javascript: Official Javascript repository for Clerk authentication](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Ff5ad0121-ccfb-4c83-a0d8-084fa182811d.png&w=3840&q=75)
GitHub - urql-graphql/urql: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow. - urql-graphql/urql
github.com
![GitHub - urql-graphql/urql: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F5fe09671-9389-4460-9c5c-80bbdedaa4b7.png&w=1920&q=75)
GitHub - fabian-hiller/valibot: The modular and type safe schema library for validating structural data 🤖
The modular and type safe schema library for validating structural data 🤖 - fabian-hiller/valibot
github.com
![GitHub - fabian-hiller/valibot: The modular and type safe schema library for validating structural data 🤖](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F93b0eb1a-ecf9-49a8-ae7f-21351546f16a.jpeg&w=3840&q=75)
Vercelのデプロイ時にSlackに通知する設定方法
- VercelのWEBのダッシュボードの「Integrations」からSlackを追加
「Find an Integration」からSlackを探して追加する - 通知したいチャンネルで
/invite @Vercel
を実行 - 続けて
/vercel subscribe
を実行するとダイアログが表示されるので必要事項を入力して進めていく
Vercelで設定すべきIntegration3選 | Next.js Blog Example with すのりら
すのりら Blog
snorerelax.com
![Vercelで設定すべきIntegration3選 | Next.js Blog Example with すのりら](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F10db4323-6368-49fe-b256-56c89b05fd12.png&w=3840&q=75)
Renderのデプロイ時にSlackに通知する設定方法
- VercelのWEBのダッシュボードの「Account Settings」→「Slack Integration」→「Connect Slack」
- Default Service Notificationsを「All notificatins」に変更
Notifications | Render Docs
Receive updates about service events via Slack and/or email.
render.com
![Notifications | Render Docs](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F1f53ccf2-5939-477c-a829-503cb2a9e2c7.png&w=3840&q=75)
デザインシステム
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載
freee.co.jp
![freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fa3e11c9d-6fa4-423b-98fa-9bd767e40672.jpeg&w=1920&q=75)
freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes(読み:ヴァイブス)」を公開しました。
これを読んでデザインシステムとはなんぞやということを学ぼう。