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
kaminchu
March 13, 2020
Programming
1
160
yarnの話.pdf
kaminchu
March 13, 2020
Tweet
Share
More Decks by kaminchu
See All by kaminchu
jawsug_niigata_20220115
kaminchu
0
330
React勉強会.pdf
kaminchu
0
310
Web_アプリ_勉強会_FE_BE_.pdf
kaminchu
0
980
ルーターの選び方その2.pdf
kaminchu
0
780
ルーターの選び方
kaminchu
0
1.2k
NDS56.pdf
kaminchu
0
110
nds54
kaminchu
0
210
internet
kaminchu
0
3k
Other Decks in Programming
See All in Programming
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
360
A2A プロトコルを試してみる
azukiazusa1
2
1.1k
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
320
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
46
30k
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
260
XP, Testing and ninja testing
m_seki
3
180
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
19
3.5k
C++20 射影変換
faithandbrave
0
530
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
irof
1
300
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
800
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Six Lessons from altMBA
skipperchong
28
3.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Become a Pro
speakerdeck
PRO
28
5.4k
Docker and Python
trallard
44
3.4k
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