Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Node学園 39 時限目資料 kuriyosh
Search
Yoshiki Kurihara
June 27, 2022
Technology
0
150
Node学園 39 時限目資料 kuriyosh
Yoshiki Kurihara
June 27, 2022
Tweet
Share
More Decks by Yoshiki Kurihara
See All by Yoshiki Kurihara
Next.js App Router x @apollo/client
kuriyosh
9
420
Other Decks in Technology
See All in Technology
デザインシステムを始めるために取り組んだこと - TechTrain x ゆめみ ここを意識してほしい!リファクタリング勉強会
kajitack
2
290
2週に1度のビッグバンリリースをデイリーリリース化するまでの苦悩 ~急成長するスタートアップのリアルな裏側~
kworkdev
PRO
8
5.9k
タイミーのデータ活用を支えるdbt Cloud導入とこれから
ttccddtoki
2
470
20250122_個人向けCopilotどうなん
ponponmikankan
0
190
あなたの興味は信頼性?それとも生産性? SREとしてのキャリアに悩むみなさまに伝えたい選択肢
jacopen
5
2.3k
第27回クラウド女子会 ~re:Invent 振り返りLT会~ 宣言型ポリシー、使ってみたらこうだった!
itkr2305
0
280
FinJAWS_reinvent2024_recap_database
asahihidehiko
2
320
実践している探索的テストの進め方 #jasstnano
makky_tyuyan
1
130
インフラコストとセキュリティ課題解決のためのリアーキテクチャリング / srekaigi2025
hgsgtk
3
3.7k
TypeScriptでモジュラーモノリスやってみた
diggymo
0
110
現実的なCompose化戦略 ~既存リスト画面の置き換え~
sansantech
PRO
0
150
アクセシブルなマークアップの上に成り立つユーザーファーストなドロップダウンメニューの実装 / 20250127_cloudsign_User1st_FE
bengo4com
1
1.1k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
113
50k
What's in a price? How to price your products and services
michaelherold
244
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Invisible Side of Design
smashingmag
299
50k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
370
Facilitating Awesome Meetings
lara
51
6.2k
The Cult of Friendly URLs
andyhume
78
6.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
174
51k
Automating Front-end Workflow
addyosmani
1367
200k
Transcript
z Node.js の Collaborator になった話 @kuriyosh
z 自己紹介 § ID・名前 § kuriyosh (Yoshiki Kurihara) § 職歴
§ Yuimedi Software Engineer 2021/7~ 原罪 § AWS Support Engineer (Windows) 2019/4 ~ 2021/6 § Windows Server とか、Active Directory とか、VDI とか § 好きなもの § TypeScript, React, Serverless architecture, AWS
z 目次 § Core collaborator とは § コミットを始めたきっかけ § 活動内容
§ 苦労したこと § おわりに
z Node.js collaborator になりました https://kuriyosh.net/blog/2022-05-17
z Node.js の組織 § Triager § Issue の一時受け § Core
collaborator § PRの管理 (レビュー、CI の実行) § Technical Steering Committee § 技術的方向性の決定 § 組織設計
z コミットをはじめたきっかけ § 現職で勤務時間の内 20% の時間を OSS や自己研鑽 に使ってよいというルールがあり何をするか迷っていた §
プロダクト開発を行いたいから転職したものの前職とは 全然違った職種であるため、成功体験がほしかった § 社内に既に collaborator の方が複数人おり @watilde さんに勧められてコミットをはじめてみた
z 最初のコミット § とりあえず Contributing ガイドを読んでどうしたら良いか理解 § https://github.com/nodejs/node/blob/main/CONTRIBUTING.md § PR
投げる体験をしたかったので Typo fix の PR を出してみた § Typo 探すのが面倒だったのでコマンドラインから実行できる Aspell というスペルチェッカーを使って Typo 探しをした § 辞書の作成が結構面倒だったのでもしよければ利用ください § https://gist.github.com/kuriyosh/3b592f90140a98c908e222e1ec1d8e2 2
z 最初の PR
z 続いてやったこと § テストカバレッジ向上 § DNS, HTTP とか § Node.js
の Code の Coverage を掲載してるサイト § https://coverage.nodejs.org/
z テスト追加のフロー § 1. カバレッジからテストが追加されてないコード § 2. テストを追加 § 3.
ローカルでカバレッジ作成 → カバレッジが上がったことを確認 § 4. lint を実行 § 5. PR作成
z テストの追加に関する Tips § テストの追加方法に関するドキュメント § https://github.com/nodejs/node/blob/main/doc/contributing/ writing-tests.md § Test
に利用できる Utils 関数 § https://github.com/nodejs/node/tree/main/test/common
z テスト追加で苦労したこと § 色んなライブラリを駆使して便利に書けるプロダクトのテ ストコード異なりプリミティブなJSで書かれている § 前述の Utils 関数はしっかり把握しておく必要 §
こればっかりは慣れるしかない § コードベースが膨大で誤った理解をしちゃう § 誤った理解で PR を出したりもしたが特に咎められない(優しく 修正してくれる) § TSCはすごい
z オンボーディング § ノミネーションプロセス § 既存の collaborator に GitHub issue
で推薦いただく § 1週間 Issue をオープンにして反対意見なければOK § オンボーディングセッション § 既存の TSC と PR を作成しながらオペレーションを学ぶ § https://github.com/nodejs/node/blob/main/onboarding.md
z 感想 § JS 何もわからん § Collaborator になる前は完全に理解してたけど、なる頃には 何もわからなくなっていた §
Node.js コミュニティの安心感 § 自分が参加した OSS の母数が少ないとはいえ、OSS なのに ここまでプロセスが整っているのは感動した § 英語勉強した方が良い § 先にオンボーディングのドキュメント見ていてよかった
z おわりに § Yuimedi ではエンジニア募集中です。 § 医療用のデータクレンジングソフトウェア Yuicleaner の開発をしています §
技術スタック § 気軽に Twitter で連絡いただけると嬉しいです フロントエンド バックエンド インフラ - React - Next.js - Electron - NestJS - GraphQL - TypeORM - AWS CDK - Cognito - ALB - Fargate - S3 - RDS TypeScript GitHub Asana Docker その他 共通 Node.js