jay-es | shindy
@shindy_JP
Followers
833
Following
159
Media
592
Statuses
20,242
フロントエンドエンジニア。ミキサー/ドラマー。 Vue.js, Vite 日本語ドキュメントのメンテナー。過去に SolidJS の全ドキュメントを翻訳
Tokyo
Joined August 2010
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#LingOrmFanMeet2geTHer
• 277631 Tweets
DEAR MYLOVE LINGORM
• 272558 Tweets
Edmundo
• 126511 Tweets
#ZeeNunew1stFMinTokyo
• 87164 Tweets
#KPOPMASTERZinBANGKOK2024
• 41914 Tweets
Oregon
• 31426 Tweets
#sbhawks
• 27184 Tweets
京成杯AH
• 25001 Tweets
セントウルS
• 22428 Tweets
アスコリピチェーノ
• 12737 Tweets
メンデス
• 10445 Tweets
Pinned Tweet
こんばんは。Vue.js 日本語ドキュメントのメンテナーの者です。
さきほど Vue 3.5.0 がリリースされたのと同時にドキュメントにも色々と更新が入りました。
ドキュメント翻訳のお手伝いをしていただけると助かります。
次のリストのうち、"help wanted" タグのついている issue が対象です。
0
47
135
入力フォームで「必須」を指示するのは心理学的にマイナス効果があり、エラーが増えたり入力完了率が下がる。赤い * マークだと分からない人もいる。必須項目の方が多いので「任意」の項目だけを示す方が見やすい / “Form fields — Required vs Optional” (2 users)
2
225
1K
ついに Vue.js 日本語ドキュメントの全ページの翻訳が完了しました！🎉🎉
ご協力いただいた皆様ありがとうございました！🙏
日々更新される英語版への追従作業も引き続き行っていますので、興味ある方は Github をご確認ください
2
159
758
昨日見た「GAFAのFは富士通」というネタツイートと、今日の「Google,Apple,AWS,MSで障害続いてるから次はFacebookかと思ったら東証が落ちた」「東証を開発してるのは富士通」というのが奇跡的につながったのすごい
1
212
383
TypeScript にインスパイアされた、API 定義のための軽量言語。Open API や JSON Schema などに対応 / “GitHub - microsoft/typespec”
0
76
359
JS の設計パターンを紹介するサイト に Vue.js のセクションができている / “Introduction”
0
20
149
TypeScript の共変・反変についての記事を書きました / “TypeScript の変性（共変・反変）を 5 分で理解する”
0
23
135
Vue.js と React でいろいろな値をレンダリングするとどうなるか、という記事を書きました / “【徹底比較】Vue.js と React でレンダリングされる値、されない値”
0
14
117
無作為なモンキーテストとは逆に、構造化されたアプローチで特定の箇所を集中的に検査する「ゴリラテスト」という概念 / “Gorilla Testing: How It Is Different from Monkey Testing”
0
22
110
やたら「Vue2→Vue3」時の破壊的変更を強調しているが、その反省を受けて Vue は今後「破壊的なアップデートは避ける」と表明していることはもっと知られて欲しいな
0
13
102
Vue.js ドキュメントに「用語集」のページが追加されました！ ディープな情報もいくつかあるので読んでいて面白いと思います。
（分量が多くて翻訳に時間がかかった...）
0
23
84
GitHub で Evan You 氏からメンションいただいた😳
Vue.js ドキュメントに機能追加したから日本語版も更新してねという内容。日本代表（？）としてピンポイントで名指しされてて光栄
0
4
81
Vue 3.4 で追加された defineModel のドキュメント翻訳完了しました！
それに伴い、ガイドの v-model ページも大きく更新されていますので併せてご覧ください。
0
18
74
Vue のスタイルガイドで「ページ内で1回しか出現しないコンポーネントには "The" のプレフィックスをつけましょう」の項目は削除されました
（英語版は PR なしで直コミットされているので経緯は不明）
0
18
73
Vue 3, Nuxt 3 向けの UI コンポーネントライブラリ一覧。コンポーネントの数、スタイル有無、Tailwind CSS 使用、など数多くの項目でフィルターできる / “UI Lib Picker”
0
12
72
React へのお気持ち文。10 年前の問題を解決するものであり古くなっている、などの色々なトピック。代替としては Svelte を一番推奨している / “Things you forgot (or never knew) because of React”
0
10
67
Vue / Vite 関連ライブラリーの読み方や由来をまとめた記事を書きました / “Vue / Vite 関連ライブラリーの読み方 2024”
1
16
64
フォームが何度も送信されないように button を disabled にするとフォーカスが document に移動してしまい a11y 的によくない。送信中のフラグを持たせ、ボタンをスタイリングしたり複数回送信されない処理を入れるとよい / “Don't disable buttons”
0
6
66
今週、業務で機能追加するときに、まず Playwright と Vitest でテストを書いてからそれに合わせてページやコンポーネントを実装していく、というのを試してみた。
作る前に仕様や振る舞いを深掘りできるし実装漏れが減りそう。何よりどんどんグリーンになっていくのが気持ちいいw
1
4
65
Vue 公式の認定プログラム。COMING SOON / “Vue.js - Official Certification Program” (1 user)
1
6
65
PWA でできること一覧とその実装方法 / “What PWA Can Do Today”
0
8
62
こういうのを考えなくて済むように "Squash and merge" を使っている派
何年も前から言われてるけどホントこれです。
> 「レビュー指摘事項の修正」のようなコミットはあまり積み上げても情報量が少ない関係であまり嬉しいことはなく
git commit --fixupを使いましょう - Don't Repeat Yourself
3
109
821
1
5
56
React 19 で BigInt がレンダリングされるようになるとのことなので、そのうちこの記事に追記しておかないといけない
0
5
55
Vue 3.4 リリースにともない、日本語ドキュメント更新の issue が作成されました。
すぐ対応できそうなものに「翻訳募集中」ラベルをつけましたので、翻訳に興味ある方はご協力お願いします！🙏
作業の流れやルールについては翻訳ガイドをご覧ください。
0
18
55
国内のVueコミュニティで弱い点として「雑なディスに噛みつく人が少ない」ではないかというのを思った（本来、日本人としては美徳であるが）
その結果、経験が少ないエンジニアには「Vueはダメ」と刷り込まれてしまいそう。
0
7
50
わかる。React だろうが Vue だろうがイベントハンドラーとしての役割であれば handleClick みたいな命名をするし、onClick や v-on:click に addUser のような関数を直接渡すのもよくやる / “イベントハンドラの関数名についての雑記 - Qiita”
1
5
42
Riot.js 作者による 13kB のフロントエンドフレームワーク。2024年3月までに CSS, router, 状態管理などのエコシステム完成予定。名称はドイツ語に由来しており「鵺」ではない / “Nue / Frontend troublesolver”
0
8
43
Svelte, React, Vue など、さまざまなフレームワークでの書き方を機能ごとに比較できるサイト / “Component Party”
0
10
43
周辺ライブラリは公式が作っているし、ビルトインで Scoped CSS サポートなので、ライブラリ選定が楽なのは Vue の長所のひとつだな（その分多様性に欠けるとも言えるが） / “新規プロダクトの開発に Nuxt 3 を採用して良かったこと - ANDPAD Tech Blog”
1
6
38
Web Components 入門。最大の難関である Shadow DOM を理解しやすくするため、HTML→CSS→JavaScript のレイヤーごとに説明していく / “HTML with Superpowers | HTML with Superpowers” (2 users)
0
3
39
若干悪意ある書き方すると、バックエンドから転向してきた人たちが以前の感覚でちょっとズレたことを話し合っている印象だった。しんどくなってきたので途中退出。
フロントエンド分かってそうな二人にもっと喋って欲しかったな
0
1
37
こないだの「Vue は破壊的変更が～」の記事、Twitter で感想言うだけだとあまり意味がないので Qiita でコメントした（ubugeeeiさんが頑張っているのを見て自分も正しい知識を広めねばと思った）
1
3
34
lodash が TypeScript と Bun に乗り換えるため、いったん issue や PR を全部クローズしたとのこと。文字通りの「倒産」ではない
`lodash` just declared issue bankruptcy and closed every issue and open PR.
139
297
3K
1
5
33
Vue ドキュメントでテスト推奨ライブラリーが @ testing-library/vue から @ vue/test-utils に変更されてる。Susppense を使った非同期コンポーネントのテストに問題があるらしい
0
5
32
1kb 未満のバリデーションライブラリを作成した話。Zod と使い方は似ているが tree-shaking を念頭に作られている。他のライブラリとのバンドルサイズ比較も掲載 / “Introducing Valibot, a < 1kb Zod Alternative”
1
4
30
Vue の Options API を Composition API (script setup) に変換する CLI ツール。まだ実装されていないものがたくさんある。オンラインで試せるプレイグラウンドあり / “GitHub - tjk/vue-o2c: Vue 3 convert options API to composition API” (1 user)
0
9
30
@youyuxi
@kei_english_ca
@icarusgkx
According to the official documentation, shouldn't it be "ヴィート" instead of "ヴィット"? ⚡️
> like "veet"
In Japan, "feet" is generally "フィート".
So when I translated the document into Japanese, spelled it "ヴィート".
1
5
25
Vue のドキュメントがディスられていた。
元の英文に準拠しているのでさすがに内容は変えられないが、もう少し分かりやすい日本語にできないか考えてみよう
1
5
25
Nuxt Server Components について、公式ドキュメントに貼られている動画をなぞりながら色々試したのでスクラップにまとめてみました
0
6
25
由々しい。Vueが好き、というなら「衰退」なんてタイトルはつけないで欲しかったな
vue3で検索して2番目(公式ドキュメントの下)にこれ出るのマージでコミュニティにとって良くないと思う・・。
一応Qiitaの運営に、悪影響ありますよって以前報告したんだけどスルーされている模様・・悲しい🤧
1
5
25
0
4
23
進捗まったくない��でこちらから状況を尋ねたら「〇〇が分からなくて進んでいません」って言う人より1000倍優秀じゃないか。
あと、後続のポストにある「times ではなく部門のチャンネルで聞け」って思っているならそう提案すればいいのに
新卒の子で、わからないこととかあると、何でもかんでもtimesに書いてしまう子がいるんだけど、わからないなら直属の上司なりに聞けよって思ってしまうんだけど、これって意地悪？
5
16
48
1
1
23
2月から作業開始して、ガイド部分が完了したので公開にいたりました。ご協力いただいた方々ありがとうございます！🙏
未翻訳のページもいくつか残っているので、コントリビュートしたい方がいたらどうぞ
大変おまたせしました。新しいVue.jsの日本語翻訳公式ドキュメントサイト公開しました！✨Vue.jsコミュニティみなさんのコントリビューション、そして翻訳プロジェクトをリードして頂いた
@shindy_JP
さんに感謝いたします💚
1
44
124
0
4
23
State of React ができたのか/ “State of React 2023”
0
2
21
DOM 要素を簡潔に記述するために HyperScript ライブラリが作られ、その後さらに簡潔にするために JSX が使われるようになった。Preact や Vue の h 関数は HyperScript の頭文字 / “Origins of JSX and Why It Exists”
0
1
22
Vue.js ドキュメントの watch のサンプルコードがレースコンディションを引き起こす可能性がある件、英語のリポジトリに PR を出してみた（ちゃんと対応するとコードが複雑になってドキュメントの流れを遮るので注意書きを追加）
承認されたら日本語版にも反映する
0
4
21
Vue 3 移行ガイドの翻訳作業をしていて、添付の箇所で「え、そうだったの！？」ってなったので Vue 2 ドキュメント内を検索してみたら、スタイルガイドの「優先度 D のルール」に確かに書いてあった。
以前読んだはずだけど eslint-plugin-vue でも対応してないような項目なので、完全に忘れていた
0
1
19
なんか移行ガイドも「わけ分からん記述多かった」とか言われており心外でござる。
ドキュメントを一通り読んでいれば理解できる内容だと思っているのだけど（自分は何度も読んでいるのでバイアスかかっているかも）、そもそも「ドキュメントを読む」のハードルって意外に高いんだろうな
0
1
18
all とか every みたいなメソッドに空配列を渡すと true を返すやつだ
0
2
18
Vue の emit は、DOM イベントのメンタルモデルと同じ / “【Vue.js】イメージとアナロジーで理解する Component Emits”
1
8
16
幼少期から「なんで○○したの？」みたいな婉曲表現で叱られ続けているとこういう受け取り方をする人に育ってしまうのかなと思っており、自分が子を注意するときはなるべく気をつけている
1
5
16
こちらマージされたので日本語ドキュメントにも反映しました！
コアチームメンバーのアドバイスにより、注意書きではなくてレスポンスが返ってくるまで入力欄を disabled にするようにした
Vue.js ドキュメントの watch のサンプルコードがレースコンディションを引き起こす可能性がある件、英語のリポジトリに PR を出してみた（ちゃんと対応するとコードが複雑になってドキュメントの流れを遮るので注意書きを追加）
承認されたら日本語版にも反映する
0
4
21
0
0
16
Vue.js, React, Angular, Svelte のテンプレート部分を色々な面で比較。Vue の初期からある部分は Angular からの影響を感じる / “Comparing JavaScript Frameworks part 1: templates”
0
3
16
npm の創始者らによる、新しいパッケージレジストリ。今のところ early access の参加フォームのみ / “vlt”
0
4
16
type や interface でのメソッド省略記法は双変なので、予期せぬ実行時エラーを引き起こす危険性がある。関数のプロパティとして記述するのがよい。ESLint で禁止可能 / “Method Shorthand Syntax Considered Harmful”
0
5
15
Vue のマクロ集のサイトが独自ドメインに引っ越した。オフィシャルに実装される前の実験的なアイデアや、3.4 で Vue コアからドロップした Reactivity Transform などが管理されている / “Vue Macros”
0
2
15
この考え方をしていると、急に新規案件をアサインされた時に古い技術で作らざるをえなくて、ずっと負債になってしまう。
という経験をして、常に知識をアップデートしておくことの重要性を痛感した。
「必要になったら調べる」だと手遅れ
これはかなり僕の観測範囲内での話ですが、
「技術なんて必要になった時に学べばいい。顧客の要望を満たす最適な技術の組み合わせを提案できることの方が重要」
的なことを言い出し始めたエンジニアはほぼ例外なく「技術に対する好奇心」を喪失しており、着実に「老害」への道を歩み始めてますねｗ😅
6
50
290
1
4
15
Vite のドキュメントも頻繁に更新されているので、こちらもお手伝いいただけると嬉しいです🙏
0
4
15
Vue.js と Vite の日本語ドキュメント、本文中に全角と半角のカッコが入り乱れているのが気持ち悪かったので全角に統一した。
おそらく正規表現に漏れがあるのでそのうち直す
0
0
14
日本語ドキュメントもほぼ最新に追随してあります / “Announcing Vite 4” (4 users)
0
5
14
ドキュメントのコードブロックでホバーすると型情報が見れるようになっています！
（shuuji3 さん、日本語版の対応ありがとうございます🙏）
Vite 5.2 is out! ⚡️
🔐 CSP nonce and require-trusted-types-for support
🧩 import.meta.filename/dirname support in SSR
🧙♂️ shiki+twoslash powered code snippets in docs
⏩ Update to esbuild 0.20
🛠️ Significant fixes across the board
6
141
832
0
3
14
Vue 日本語ドキュメント内の「プロパティ」のうち、原文で "props" になっていた箇所はすべて "props" に修正しました
Vue ドキュメントで今まで "props" は「プロパティ」と訳してきたんだけど、今回の用語集によると「"props" と "properties" はちょっと違うぞ」とのことなので、全体的に見直さないといけない
0
0
6
1
1
14
超シンプルな型安全パターンマッチ（風？）ライブラリーを作成しました。
こういう処理を if とか switch で書くのは面倒だし、オブジェクトでマッチさせるのも無駄が多くなりがちなので関数化してみた（公開するほどでもないが...）。
README はほとんど ChatGPT に任せた。
0
3
13
「フロントエンドは流れが早い」んじゃなくて、落ち着きがないとも言える。
Alt JS の分野は TypeScript 一強になって久しいので、そろそろ対抗馬が出てくるのかな（そしてそれは Alt TS と呼ばれるのだろうか？）
0
0
12
手ぶらで行って「（指でこめかみをトントンしながら）ここです」って言ってドン引きされたい
1
1
13
React, Solid, Svelte, Vue のリアクティビティの挙動の違い。同じ内容のコードが全部違う結果になることへの言及 / “The Cost of Consistency in UI Frameworks” (1 user)
0
5
12
Rust ベースのリンターは高速だが、typescript-eslint の���うな型つきのチェックは現状 tsc を使用する必要があり高速化できない。Rust 製コンパイラーや TS を高速化する試みはあるがどれも完成までに時間がかかりそう / “Rust-Based JavaScript Linters: Fast, But No …”
1
3
12
ミックスとマスタリングしてます！
0
5
12
前職で管理画面に機能追加したらこの「5名」にあたる方々が倉庫業務に回されて数か月後に全員辞めてた、という苦い思い出。
こっちも仕事だからやるしかなかったんだけど、その人たちからは恨まれてたんだろうな……
ツールを作って助けたら保守で自分がしんどくなる。
放置すると5名の社員が非効率な作業を続けることになる。
47
2K
5K
0
5
11
この記事をたまに読み返しています🙏
Reactが出て間もない頃はまだ未熟だったので、
「react-hooks/exhaustive-depsはちょっと厳しすぎるよね。ロジックの内容に応じて依存配列調整しないといけない場合もあるよ🤓」
とか言っていた。今はもちろん、
「えっ依存配列を変えたい？ じゃあそれ多分useEffectを使うのが間違いですね👹」
1
14
126
0
1
11
各国で Vite ドキュメントに貢献しているメンバーに one-time sponsor していただける旨の連絡をもらったので申し込んだ🙏
OSS でお金を受け取るのは初めてだし、円安で嬉しいと感じたのも初めてかも知れない笑
0
0
11
Vue.js を扱った記事ではあるものの 1/3 は React のことなので、Vue/Nuxt の Publication に紐づけるのははばかられる
Vue.js と React でいろいろな値をレンダリングするとどうなるか、という記事を書きました / “【徹底比較】Vue.js と React でレンダリングされる値、されない値”
0
14
117
1
0
11
まず思いついたのはこれ（実際にどうなるかは分からないが）
【#ゆめみからの挑戦状★第4弾】
次のお題やで～☺
【お題】
足し算関数に1行追加して凶悪にしてください
【回答方法】
引用RTで回答お願いしますやで！
【結果発表】
9/5（月）にMVP（Most Vicious Procedure = 最も凶悪な処理）を発表するやで！
【出題者】
無職やめ太郎（本名）
@Yametaro1983
3
57
203
0
1
11
今回はなんとメンテナで参加してます。少し前に「大量のissue作ってる」と言ってたのはこれです笑
よろしくお願いします！
先日、Vue.js 公式ドキュメントが刷新されたことに伴い、Vue.js日本語公式ドキュメントの翻訳を開始しました！刷新に伴い、ドキュメントの新規翻訳が必要になっています！Vue.jsコミュニティのみなさんの温かい翻訳支援お待ちしております。翻訳はこちらからできます 👉
0
28
74
0
0
11
以前 Web アクセシビリティの講演で「a11y とはいろいろな人に配慮すること」みたいな導入があった後に「脳死で〇〇しがち」みたいな発言を連発していて、そこには配慮しないのかと呆気に取られたことがあった（もちろん a11y の文脈じゃないとしても使わない方がいいスラングだけど）
「脳死でやれば終わる作業です」みたいに「脳死」って言葉が口癖になってる人、悪いことを言わないから今すぐ口癖を改めた方がいい。
せめて「思考停止」とかにしておけ。
親が病院で脳死判定された客相手に使って、激怒されたあげく、偉い人総出で謝りに行った人知ってるぞ。
375
16K
76K
0
0
11
ひと月くらいかかりましたがようやく終わりました
Vue 3 移行ガイド全ページの翻訳が完了しました！🇯🇵
翻訳した jay-es さん(
@shindy_JP
)、レビューした kazupon さん(
@kazu_pon
)、ありがとうございました‼️
0
23
60
0
0
10
Nuxt 3.11 でついに pages でもサーバーコンポーネントが使えるようになったので試しているが素晴らしい
（次の v4 で stable になったりするのかな）
0
3
10