hiroppy
@about_hiroppy
Followers
7,637
Following
392
Media
3,903
Statuses
120,945
Core committer of @webpack . Web technical advisor. Previously, @nodejs @nico_nico_info @mercari_jp . 顧問等のお仕事のご依頼はサイトからお願いします
Tokyo, Japan
Joined February 2010
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Real Madrid
• 360205 Tweets
Vini
• 198121 Tweets
Eminem
• 167043 Tweets
River
• 139180 Tweets
Celtics
• 135828 Tweets
The Atlantic
• 84846 Tweets
Knicks
• 69441 Tweets
LeBron
• 65311 Tweets
Tatum
• 57745 Tweets
Lakers
• 53791 Tweets
Tulsi
• 52401 Tweets
Bronny
• 41135 Tweets
Mineiro
• 38005 Tweets
John Kelly
• 37960 Tweets
#WWENXT
• 30165 Tweets
Cano
• 28256 Tweets
Deyverson
• 27245 Tweets
Nacho
• 26935 Tweets
Hulk
• 25833 Tweets
Gallardo
• 20468 Tweets
Chandler
• 19687 Tweets
Fonseca
• 18718 Tweets
#DWTS
• 17594 Tweets
Mikal Bridges
• 16952 Tweets
#ManiaDeVocê
• 16054 Tweets
Borja
• 12938 Tweets
Brunson
• 11935 Tweets
東京メトロ
• 11759 Tweets
Pinned Tweet
うぉぉぉぉ、初めて自分のリポジトリでスターが5000超えた、これめっちゃ嬉しいな🌟 一つの目標が達成されました！
1
8
463
エンジニアじゃない人はOSSのことを知らずただのパクリに見えることは普通だと思えるが、今後は国や県がgithubに依存してくのは他の国の傾向を見てもわかるので、OSSという存在自体を一般的に理解されないと手抜きだと思われて誰も幸せにならないので、エンジニアが伝えていくべきなのかもしれない。
11
4K
6K
cssのhasの使いみちを聞かれたが、一番わかりやすいのはdialogタグが開いているときに後ろの画面をスクロールできないようにする書き方だと思う。今までjsでやってたが今はcssだけでできる
3
256
2K
エンジニアのスキルとして、郷に入ったら郷に従えるかってあるよね。すでにあるコードに急にルール無視してオレオレで書き始めない技術も実際必要だと思っている
4
246
2K
GitHub公式が、綺麗なコミットの作り方を解説している / Write Better Commits, Build Better Projects | The GitHub Blog
0
212
1K
給与が転職でしか大幅に上がらないのと同様に、上の職につくのに下から上がるよりも転職した方が早いのもバグだと思うんだよな。。。
1
179
931
ついにこれが使える。。
cssのhasの使いみちを聞かれたが、一番わかりやすいのはdialogタグが開いているときに後ろの画面をスクロールできないようにする書き方だと思う。今までjsでやってたが今はcssだけでできる
3
256
2K
0
107
856
メルカリShops、ついにwebパフォーマンスがカンストした🎉 webviewを意識させないレベルで速くなったと思うし、仕事でここまでチューニングできると楽しいな
0
47
819
この資料にある、優秀なエンジニアが1人でも入ると組織はマジで変わるって書いてめっちゃわかるので、逆に優秀なエンジニアが辞めると組織が衰退してくのも成り立つ気がする
0
237
692
Web標準団体に入ってる会社がやることだとは思えないな。。/ 今度はAppleが「Firefox」を拒絶、サポート対象外にする動きに歯止めがかからず - やじうまの杜 - 窓の杜
2
304
663
エンジニアの求人さ、いいところばっか書いてないで、今ここが問題だからここをもっとこうしたいから入ってほしい。みたいなことを列挙してほしいよなとは昔から思っている。
1
190
583
大規模プロジェクトでwebpackからviteに切り替えたら、20mから25sまでビルド時間が削減されてここまで遅いと大変でも移行するかって気持ちになっている
1
70
588
meetで10分前にMTG開始の通知もらうのはいいんだけど、その10分で集中してコード書いてたら結局、MTGを忘れていることが多いので、あの10分何もできない
4
66
549
NASAはNodejsをつかってますよ
JavaScript で書かれたプログラムを触ってて思うのは，航空機とか医療機器みたいな人命に関わる部分にこの言語が使われてなくて本当に良かったって感じです
10
290
2K
0
119
543
今の世の中のサービスはOSSをレゴブロックのように組み合わせて作られていて、だけどOSSを作っている人にはお金が出ないのは個人的には少し異様な気がしているので、少しでもOSSを作ったりメンテしている人に多くの会社が支援する世界がなってくれればいいなと思っています。
2
144
527
2024年版だ、めっちゃ詳しく書いてあってフロントエンドの導入はこれだけ読めば良い感ある / The (Frontend||UI||UX) Developer/Engineer Handbook 2024
1
58
453
強い "一般論として「IT分野の管理職は高いIT能力を持っていなければならないと思う。優れたコードを書けないソフトウェア部門の管理職なんて、馬に乗れない騎兵隊の隊長みたいなものだ」" / Twitter、複数の幹部を解雇 - ITmedia NEWS
0
159
417
まだかなり実験的ですが、cssがwebpackで動くようになりました。css-loaderやmini-css-extract-pluginがこれにより不要となります / Release v5.66.0 · webpack/webpack
0
102
418
「無給のメンテナーがあらゆる問題に対して即座に応じなければならない」というムードがGitHubなどのプラットフォームに漂っていることを問題視しています。 / 世界中で利用される「D3.js」の開発者が10年間で学んだこととは？ - GIGAZINE
0
111
398
メルカリShopsのフロントエンドについて少し記事にまとめました。キャッシュ戦略とかが面白いのでぜひ見てね！
2
75
405
メルカリのwebはアクセストークンをweb workerのコンテキスト内で処理し、安全を担保してる / Building secure web apps using Web Workers | Mercari Engineering
1
40
389
これOSS開発者とサービスの関係性に似てると感じて、このように考えている開発者もいるんだろうと思って読んでた、みんなwin/winになれる世界がいいね / Vtuberに実況されてゲームが作れなくなった話
3
225
385
webpackどうなるの？って質問を今日複数人に聞かれますが、自分は今後どうなるかわからず事実だけ話すとwebpackは今コミットされてない状態です
2
76
364
いまのNodeはaxiosやnode-fetchは使わずにundici(nodejs公式fetcher) を使うか実験フラグを有効にして、fetchを使うべきであり今までの時代の一部が変わりつつある
3
48
367
最近、dockerfileからearthfileに移行している / earthly/earthly: Repeatable builds
1
64
354
githubでたまにissueのタイトルに☔️がついているのなんでって聞かれるんだけど、umbrella issueって呼ばれるタスクをまとめるissueでそれを絵文字にしただけなので、ちゃんと傘の絵文字には意味があるんだよね
2
45
349
1ms以上処理に時間がかかるものにはuseMemoを使うって”公式”が言ってくれてるのはありがたいですね /【保存版】「そのuseEffectの使い方あってる？」と言われる前に
0
33
337
Twitterはタイムラインをどうやってキャッシュしているか - Qiita
0
57
334
一つアドバイスをすると、hacker newsやredditに投稿したほうがいい。こうしないとよっぽど流行らないと国内で止まってしまう可能性が高い。 / 真面目にOSSを公開する際にやってみたこと・意識したこと
2
53
322
今のフロントエンドで新しくプロジェクト作るなら自分は、reduxでも推奨しているFeature Folders Patternで構築することが一番良いと思っている
0
26
314
かいた / Node.jsでTypeScriptのコードを実行できるようになるかも - hiroppy's site
0
65
312
webサービス作るときに最初からi18n対応は入れておいた方が自分はいいと思うんだよね。最初は日本語だけでいいんだけど、後から対応が必要になった時にそこら中のコードに書かれているすべての文字をjsonへ移動させたりするのものすごく大変なので
3
43
304
今朝マージされたので、Node.jsでTSのコードが実行できるようになる！amaro(swcラッパー)経由での利用
1
68
299
JStやCSSを勉強したいなら、 をやったほうがいいと思う。(特にreact, redux) 理由は、教える側が実際にそのOSSのメンテナだったり、それを使ってOSS開発をしている人なので説明がすごいわかりやすい。Transcriptもあるから英語できなくても大丈夫だと思う。
2
48
288
わかりみが深い / AIのハルシネーションを叩く奴は馬鹿。一生人工無能と会話してろ。
0
79
281
正直、ずっとリモートワークが良いとかはなくって会社行くのは好きなんだけど、会社近くに住むと家賃は高いし郊外住むと通勤時間かかってトータルの仕事の時間が伸びるのが嫌なんだよな。つまり通勤時間を仕事の時間に入れてほしい気持ちが強い(無理だろうが
3
52
276
これすごい、CTO向けの様々な知見がある。人材管理とかキャリアアップとかマーケティングとか / kuchin/awesome-cto: A curated and opinionated list of resources for Chief Technology Officers, with the emphasis on startups
0
33
278
転職報告です / メルカリを退職して、Yuimediに入社しました - 技術探し
1
19
270
Node.jsで知ってほしいこと
- LTSは偶数番
- activeが18ヶ月でmaintenanceが12ヶ月で脆弱性等の緊急度の高いものはバックポートされる
- stabilityで管理されていて破壊的変更はほぼない
- もしあっても少なくとも2バージョンは維持される
Nodeは結構安心してバージョンあげやすいOSSだと思う
1
46
268
自分が常に使ってるライブラリ
- react
- next
- nextAuth
- prisma
- react-hook-form
- tailwind
- zod
- typescript
- biome
- prettier
- vitest
- changesets
- pnpm
3
9
269
全然知らなかったんだけど、1月にメルカリの人が作ったJavaScriptのコストの管理(e.g. performance budgetやサイズ削減等)の解説がわかりやすいのでぜひ見て
0
41
256
JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開 － Publickey
0
41
242
これからwebpackでtype: cssって書くと、cssも処理してくれる。これでcss-loaderとstyle-loader, MiniCssExtractPluginがいらなくなる / Initial work towards native css support by sokra · Pull Request
#14894
· webpack/webpack
1
63
243
気分転換にこのアプリをmacに入れたんだけどとても良かった。特に焚き火 / Portal for Mac
1
16
235
フロントエンドのフレームワークの寿命が1年なわけない。React, Vue, Angularの傾向を見るべきでいい加減フロントエンドは変化が早いという認識をやめるべき / ITエンジニアはどう定年まで完走するべきか：技術サイクルから見た定年と従来型働き方の綻び｜久松 剛｜note
4
50
235
Node.jsでCJS/ESM間の扱い方が変わる可能性が高くなってきたため、今後どのようになるかを紹介します / Node.jsに入る新しいCJSからESMへの読み込み方法の紹介 - hiroppy's site
1
61
236
ついにロードマップ機能がベータになったか、開発だけだったらgithubでプロジェクトの管理でよさそう / Roadmap in Projects (public beta) | GitHub Changelog
0
51
235
良いまとめだ / GitHubのトレンドで振り返る2021年のJavaScript/TypeScript | WEB EGG
0
27
231
webpack5の大きな変更
- Node.jsのpolyfillが自動で入らなくなる
- Tree Shakingのアルゴリズム改善
- ビルトイン出力ファイルのバージョンを指定するoutput.ecmaVersionが追加
- 永続キャッシュによる開発効率化
- webpackChunkName の自動化
- file-loaderがビルトイン
- top-level-await
0
81
226
web標準においてfirefoxは重要ではあるが、サービス的にはそこは重要ではなく、ユーザー数が少ないからQA等のコストを減らすためにサポートを切るのは正しい気がする
2
50
225
20代はプログラミングやりまくりもいいけど、旅行とかの趣味の経験をいっぱい積んだほうがいいぞ！実際、仕事で多くのことは学べるはずで例えばベテランがいるチームにいるだけでかなり成長すると思う
0
22
213
reactのパフォーマンス改善をする方法について詳細な図があってわかりやすい / How React 18 Improves Application Performance – Vercel
0
21
210
Nodejsのコミッタを引退しました。今までありがとう！ / meta: move one or more collaborators to emeritus by nodejs-github-bot · Pull Request
#43399
· nodejs/node · GitHub
1
9
209
webpack
@5
の大きな変更はだいたいこんな感じ
- 永続的キャッシュ
- Module Federation
- 自動的にnode.jsのpolyfillが入らなくなる
- asset系がデフォルトでサポート
- top-level-awaitのサポート
- target versionの指定サポート(将来browserslistに切り替え)
- tree-shakingの改善 -> CJSもサポート
1
53
203
Node.jsの令和サポートだぞ！！
Update ICU to 64.2. This adds support for Japanese Era (Reiwa)
0
113
195
え、これめっちゃ欲しかったやつでは。/ BuilderIO/gpt-crawler: Crawl a site to generate knowledge files to create your own custom GPT from a URL
0
24
198
まさか自分のnext.jsのサイトから会社を知って話を聞きに来てくださる方がいると思ってなくて作ってよかった感ある
0
14
190
メルカリWeb, web componentsをやめてreact化するらしい / Web Design System: Migrating Web Components To React | Mercari Engineering
1
28
187
toCの会社の採用で、React使ってますとかNext.js使ってますとかそういうの会社としてあまり魅力感じなくて、それよりもCDNどれだけいじれるかとかEdgeで色々できるかが自分としては魅力なんだけど、サービスとしてそれが必要なケースってあまりないと思うのでフロントエンドの興味が薄れている説ある
2
13
182
bunが速いので、今までrustで書かれていたツールチェーンがまたjsに戻ってくる機運あると思うんだよな。。bundlerのベンチマークでいうと言語的な差をある程度埋めれるはず。ただjsレイヤーで書くとなると差がどこまで変わるかはわからない
2
30
178
nodeにテストランナー入るのか、ライブラリと同等にかけるので、snapshotとかcoverageもサポートされたらこっちに移行したい / test_runner: add initial test_runner module by cjihrig · Pull Request
#42325
· nodejs/node
0
48
175
yarnを見るに、コードフリーズされたv1を使い続けているユーザーをv3,v4へ持っていくことができなくてnpm vs yarnの時代からnpm vs pnpmの時代に変わると思うんだよな。。 それぐらい移行に失敗しているように見える。この間vercelもpnpmに移行したように
1
28
174
yarn、すでにv1は凍結してるにも関わらずv1を使う人が多くて、一向にv3が流行る感じがしない。すでにv4が進んでいるのに。。npm i yarnでv1が入ってしまうのが問題だとは思うけど
2
32
173
なんかホッテントリに自分のツイートの話が上がってきてるから書くけど、別に自分は怒ってないです。ただインフルエンサーの人がOSSでフォークされたやつに対してパクリや手抜きって言ってそれが拡散されるのは間違えだと思うので、OSSというものをエンジニアが伝えないといけないと感じただけです。
1
58
169
語呂の元はここ
0
92
167
自分はエンジニアを採用するときにreactが使えるとかそういう何かが使えるってのはほぼ見てなくって、基本的には設計の考え方を見てるんだよね。だからシステムデザインインタビューを行うし、ライブラリに依存したコーディングテストはあまり好きじゃない
0
12
170
我々の開発戦略が公開された！結構面白くなってる / メルカリShops の技術スタックと、その選定理由 | メルカリエンジニアリング
0
20
164
DHHの言う通りで、今回のturboで自分と考えが違ったらリポジトリを荒らすのは本当にやり過ぎ。ツイッターで意見いうだけにしとけ / Open source hooliganism and the TypeScript meltdown
0
37
165
webpackのビルドスピードを上げるコツ
- uglifyをparallelで動かす
- babel-loader等のcacheを有効にする
- externalsで対象外にする
- cache-loaderを利用する
- thread-loaderを利用する
1
24
161
ゴールドマン・サックスでフロントエンドエンジニア募集してるやん / Goldman Sachs Front end developer Jobs | Glassdoor
0
34
147
これでmacのcolor picker立ち上げる必要なくなったのか / 簡単にすぐできる！ Chrome デベロッパーツールの新機能、ブラウザ外でもスポイトでカラーを取得できるようになりました | コリス
0
59
147