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
yarnの話.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kaminchu
March 13, 2020
Programming
1
190
yarnの話.pdf
kaminchu
March 13, 2020
Tweet
Share
More Decks by kaminchu
See All by kaminchu
jawsug_niigata_20220115
kaminchu
0
360
React勉強会.pdf
kaminchu
0
350
Web_アプリ_勉強会_FE_BE_.pdf
kaminchu
0
1k
ルーターの選び方その2.pdf
kaminchu
0
830
ルーターの選び方
kaminchu
0
1.2k
NDS56.pdf
kaminchu
0
140
nds54
kaminchu
0
250
internet
kaminchu
0
3.1k
Other Decks in Programming
See All in Programming
ThorVG Viewer In VS Code
nors
0
770
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
minodriven
21
7.1k
dchart: charts from deck markup
ajstarks
3
990
登壇資料を作る時に意識していること #登壇資料_findy
konifar
4
1k
CSC307 Lecture 01
javiergs
PRO
0
690
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
610
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
190
今から始めるClaude Code超入門
448jp
8
8.6k
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
230
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
270
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
540
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
sira's awesome portfolio website redesign presentation
elsirapls
0
150
Building AI with AI
inesmontani
PRO
1
690
How to build a perfect <img>
jonoalderson
1
4.9k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
65
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
4 Signs Your Business is Dying
shpigford
187
22k
Believing is Seeing
oripsolob
1
53
A designer walks into a library…
pauljervisheath
210
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Transcript
yarn の話 JSON ⽇の⾦曜⽇@新潟 14 週⽬ 1
⾃⼰紹介 ツイッター @kam1nchu 仕事 インフラエンジニア よく⾏く勉強会 JAWS-UG 新潟⽀部 好きな⾔語 Typescript
2
yarn は知ってますか? 3
npm の名前の違うやつです 4
おわり 5
ではなくて 6
npm にはない( かもしれない) 便利そうな 機能を いくつか紹介します 7
コマンドライン系 8
npm scripts yarn の場合、 run が省略可能です # npm の場合 $
npm run build # yarn の場合 $ yarn build 9
autoclean yarn install や yarn add 時に、 node_modules 以下の設定したファイル を消してくれます
# .yarnclean の⽣成 $ yarn autoclean --init # パッケージの追加と同時に、*.md とかの不要ファイルが消える $ yarn add express 10
check package.json が yarn.lock と⼀致するか検証してくれます # 普通にチェック $ yarn check
# ハッシュ値までチェック $ yarn check --integrity 11
create create-react-app みたいなやつ ( 指定できるkit ⼀覧の探し⽅はよくわかってない) # react のテンプレ作ってくれる $
yarn create react-app my-app 12
import yarn じゃないプロジェクトで、 node_modules いじらないようにいい感 じに yarn.lock 作ってくれるやつ( っぽい) ※
うまく⾃分で検証できてないので、⾃信ない $ yarn import 13
init package.json をいい感じにつくるやつ # 対話形式 $ yarn init # とりあえず作っちゃいたいとき
$ yarn init --yes # private: true を追加できる $ yarn init --private 14
licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 15
licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 16
upgrade-interactive 神ツール インストールされてるすべてのパッケージを( インタラクティブに) 最 新にできる。 package.json に書かれてるバージョンも書き換得ることができる。 # package.json
のバージョン範囲での最新にする $ yarn upgrade-interactive # レジストリにある最新にする。package.json も書き変わる。 $ yarn upgrade-interactive --latest 17
why 「なんでこのパッケージが?」を解決できる # 誰だよ、lodash ⼊れたやつ $ yarn why lodash 18
package.json 系 19
resolutions パッケージに含まれる依存パッケージが脆弱性がある!!依存パッケ ージだけ最新にしたい!!!!!って時に使える。 { "name": "project", "version": "1.0.0", "dependencies": {
"left-pad": "1.0.0", "example_package": "^1.0.0" }, "resolutions": { "example_package/**/left-pad": "1.1.1" } } 20
workspace Lerna みたいなやつ(Lerna 知らんけど) 。 package.json の中に workspaces を記述することで、ディレクトリの中のプロジェクトを node_module
へのリンクにできます。 詳しくはリンクを読んで!! https://classic.yarnpkg.com/ja/docs/cli/workspace https://classic.yarnpkg.com/ja/docs/workspaces 21
ファイル系 22
.yarnrc yarn の動作を制御できます。 CLI の引数をいじれるのとかはちょっと便利そう。 --install.check-files true を⼊れると、 yarn install
--check-files と同じになる 詳しくはリンクをみて!! https://classic.yarnpkg.com/ja/docs/yarnrc 23
おわり 24