よしこ
@yoshiko_pg
Followers
7,817
Following
449
Media
816
Statuses
28,753
💻 Front-end Engineer 🕊️ Born-again Christian 🌏 Google Developer Experts for Web ✏️ 📖
株式会社ナレッジワーク
Joined June 2013
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
baekhyun
• 522510 Tweets
Linkin Park
• 164434 Tweets
Adalet
• 154267 Tweets
For Asia
• 136829 Tweets
Chester
• 85236 Tweets
小泉進次郎
• 68536 Tweets
ベイマックス
• 40194 Tweets
知的レベル
• 34158 Tweets
エイリアン
• 33584 Tweets
資さんうどん
• 32424 Tweets
雇用統計
• 32177 Tweets
すかいらーく
• 28901 Tweets
大阪府警
• 26338 Tweets
#INZM_HyperBandLive
• 25363 Tweets
#Mステ
• 22430 Tweets
#Number_1
• 21880 Tweets
#ビリスク
• 16876 Tweets
押し出し
• 14361 Tweets
Hyper Band Live M/V
• 13810 Tweets
神ちゃん
• 13591 Tweets
佐藤勝利
• 11231 Tweets
20代前半の頃は「技術力上げなきゃ」みたいな謎の焦燥感にずっと突き動かされてたけど、社会人歴重ねるにつれて「技術力」の定義がよくわかんなくなってきて、今は「一緒に働いた人に "次もまたあの人と働きたい" って思われる働き方をしたい」って気持ちしかない
3
946
4K
めちゃくちゃ良い内容だった。全段落が名文…
沈黙は透明ではないというのは、自分が何かを提案する側になると身に染みてわかると思う
チームで仕事をするなら、リアクションし続けよ｜森 一貴（Mori Kazuki）
@moririful
#note
3
419
2K
えっ良
色が対になってるだけじゃ追いづらいんだよね〜補助線よさそう！
🤯I found out today that VS Code has bracket pair guides. You can enable this by adding the following line to your settings.json file:
"editor.guides.bracketPairs": true
149
2K
9K
2
284
1K
旦那が「npm落ちてるから開発できないしご飯も食べられないしゲームしかできないわ〜」っていそいそゲーミングPCセットアップしだしたんだけどうちのご飯ってnpmで提供されてたん？
2
210
1K
"低品質なコードに含まれる欠陥は、高品質なコードの15倍
低品質なコードの平均開発時間は、高品質なコードの2倍
低品質なコードの最大開発時間は、高品質なコードの9倍"
"コード品質が「市場投入までの時間」を決定付ける要因であることが分かる"
0
177
951
レスポンシブ組む自分「あーこの幅じゃおさまらん…SEとかもういいから…絶滅してくれ…」
スマホユーザーの自分「mini出るの！気になる！やっぱSEぐらいのサイズがちょうどいいんだよなぁ〜〜〜」
ﾌｧｲｯ
1
196
912
このドキュメントめっちゃいい。useEffectを使うべきでないケースと代替コード集。
特に "Resetting all state when a prop changes" にあるkeyつけて再レンダリングさせる方法は個人的にやってたんだけど周りであまり見ない方法だったから公式に載ってほっとした！
1
118
850
キャリア迷子になりかけてたところでぴったりの本に出会えた感じする。
事業における自身の価値1をプレイヤーとして腕磨いて1.1にするとかじゃなく3とか4とかにしていく方法、かつピープルマネジメントではないスペシャリスト的な方法ってないのかな、と漠然と考えていたけど、その答えがあった感じ
1
36
680
定期的に読み返したい名文（またTLで見かけたから再度シェア）
"議論において黙って静かにしていることは、実は透明になることではない。それは黙っていようがなんだろうが、「そのアイデアに賛同しません」という意味である"
チームで仕事をするなら、リアクションし続けよ
0
84
553
技術的負債のリアルな成長記録、めちゃくちゃ貴重では。具体的だからすごく面白かったです。
モデリングミスるとつらいですよね…でもこういう後悔と自力での本質の発見こそ勉強ですよね、ただ本読むだけじゃ至れないところ
#zenn
0
67
516
この重要性、日々めちゃくちゃ思う
「ふつうのエンジニア」になるための、ちょっとした発想の転換 - Qiita
0
45
517
target=_blankで開いたページはそのページから元ページを操作できてしまうだけでなく、同じスレッドの処理になるからどっちかのJSが重いともう片方も重くなるとのこと！！それは知らなかった…
後者もnoopener属性で防げるとのこと
1
263
483
ご報告
少し前に、4月以降の進路が決まりました。4/1に新規で立ち上がるスタートアップにフロントエンドエンジニアとして入ります。
創業メンバーになるのは初めてだ〜！
まだない会社なので、詳しくはまた4月に😌
10
12
446
年の瀬に書いたよ〜〜frontend構成の深堀り記事第3弾！State戦略についてです！
それでは皆様良いお年を！！！
0
56
446
お知らせ！ 📣
ご縁あって先月からWebのGoogle Developer Expertsになりました😳
引き続きよろしくお願いします🙌
5
34
445
Nextに限らない部分の話も多いけど、むしろそこが重要な気がした。ドメイン、認証、監視とか。わかりみが強い
こういう知見をガッと放出してくれる記事ありがたいですね
いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）｜meijin
1
47
422
まさにこのニーズめっちゃわかる。今あいてるのここなんですよね。フロントエンドのここあいてますよ。
次小規模アプリ作りたいとき試してみるか
SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix - Speaker Deck
1
51
418
全制覇すごい！
type-challengesは初級やるだけでもだいぶTS力あがるので「読み書きできるようになってきたけど少し複雑な型はまだ苦手」な人にとてもおすすめ
【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編
0
45
403
undefinedは自然発生するもの
nullは明示的に指定するもの
うちもまさにこの考えで、明示的に指定する箇所は全部null使ってる
1
36
403
いつも風呂上がりにTouchIDが効かなくて不便だったから、昨日思いつきで風呂上がりの指を登録してみたら今日もちゃんと開いて便利だった😏
1
390
361
ついにZennデビュー🌟 今自分はfrontendこんな感じの構成でやってますっていうのをざっくり書いてみました。
ここめっちゃうまく回ってる〜ってところや最初からこうしとけばよかったなって反省などなど深掘れるところ色々あるので、各項目の記事も今後書いていきたい！
0
47
340
お役立ちっぽいWebアプリつくりましたよ！よければぜひ。
イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする
7
162
325
わかりやすくて助かる！！
tsconfig.jsonの設定を見直そう！フロントエンド向け 2024夏 - Speaker Deck
0
20
326
最近ProttでコミットにEmoji Prefixつけ始めたんだけど、視認性いいし、ひとつのコミットでひとつの変更をすることを意識できるからチームでコミットの粒度も綺麗になってきてかなりいい感じ。あとなんかログが見てて楽しい（重要）
3
223
320
めちゃくちゃすごいな、真の訓練て感じ。どれぐらい事前周知されてたんだろ？
セキュリティ組織が複数あるのも盤石でいいな
自社のDB破壊しCEOに身代金要求、freeeが本当にやったクラウド障害訓練の舞台裏 「従業員はトラウマに」（1/3 ページ） - ITmedia NEWS
4
95
307
すごいの始まってる。講義じゃん。
3rd Party Cookieのカレンダー | Advent Calendar 2023 - Qiita
0
60
315
1, 2月はGoodpatch・SmartHR・サイボウズの3箇所で体験入社をさせてもらいました！どこもとてもよい環境だった☺️
自分が出せたバリューで喜んでもらえた部分もそれぞれあってよかった！
様々な現場を経て、自分が大切にしたいことの輪郭が徐々に見えてきて実り多かったです。ありがとうございました🙏
4
17
308
そういえば言ってなかったですが、今月から会社の制度を使って週休3日の週4勤務で働いています。
育児や介護に限らず誰でも使えて、私は自分に合った長期間働けるペースにしたいという理由で切り替え。
スタートアップで挑戦と勤労持続可能性を両立できるの本当ありがたい！！
1
42
301
フロントエンド構成振り返りの詳細記事第二弾！
src/components以下の気に入ってるディレクトリ構成について語るだけの記事を書いたよ〜〜〜📁
0
38
297
エンジニア6人でカラオケ行って自分以外が歌っているときもくもく作業していると、おおよそ25分ごとに自分が歌う番がくるポモドーロもくもくカラオケ会という画期的なアイデアが生まれた
2
257
267
昨日の
#encraft
でお話しした登壇資料です！
Reactの近年のFetchスタイルの変化とSuspenseがそこに加えるさらなる進化、使ってよかった点と未解決課題をまとめました。ぜひ見てください ☺️
Suspense Fetchを3年実用してみて
1
36
241
自分がプロダクト開発のチームメンバーに一番求めたい要素、優秀さの言語化、言い換えると「この人とまた一緒に働きたい！」ってなる要因とは何だろう、と去年あたり結構考えてて
自分の結論としては「プロジェクトをとにかく前に進めてくれる人」だなあと一旦答えが出たんだけど
1
18
236
Zennの連載、2022年最初で最後の記事を出しました！！🥳
実運用しているフロントエンドコードのアーキテクチャを紹介する話って意外と見かけない気がしてます。うちはこうしてるよって話でしか��いのでどれぐらい参考になるかは謎ですが、見てもらえたら嬉しいです！
0
32
221
ある会社さんで毎月1時間フロントエンドのお悩み相談を受ける副業をしていたのですが、約1年間伴走した結果、SPAとしての立て直しが軌道に乗ってコードも整理され、お悩みがなくなって卒業されました。一番嬉しい終わり方。
枠があいたので新たに1-2社お受けできそうです。お困りの方はDMください。
1
13
222
Firebase Auth利用者の同志に向けて啓蒙記事を書きました。使ってる人はぜひ読んでください！
えー💥ってなるか、まじそれなー😇ってなるかだと思います😂
Firebase Authのリダイレクトログインを使っている人は今年の6月までに対応しないと大変ですよという注意喚起
#zenn
1
51
221
GitHubのPRのfilesで、どれかのファイルの折りたたみアイコンをAltキー押しながら押すと全ファイルに折りたたみ操作適用できることを知った！！！
ページ内検索したいとかでViewedにして折りたたんだファイルも一時的に全部開きたい！ってとき、これで一発じゃん！！！！
2022有益情報Awardノミネート
1
23
204
Global Stateの管理にRecoilを使う場合、生のsetStateは露出させず、ある程度使い方に制限をかけたmutator的なhooksをexportしておくのがおすすめです。
setState露出させてたらどこからどう更新されるか制御できなくなっちゃった、という相談を先日受けたので思い出し再掲
0
14
204
今までposition: absoluteでやってたような要素重ね、display: gridで同じグリッド領域に複数要素を配置することで代替できるのか！言われてみれば確かにだけど、思いつかなかったな
あと別でdisplay: contentsが有用になるユースケースも紹介されていたりと良い記事だった
0
25
183
フロントエンド構成の詳細記事ひとつめ！
依存関係の方向を縛る社内eslintルールが注目されてたようだったので、このたびOSS化しました！他のおすすめ設定も紹介しています。
細かいところ気になっちゃう人・自動化好きな人に届け〜〜🕊️
1
28
180
React.useの日本語ドキュメント🎉
0
28
179
スタートアップの資金調達についての解説。めちゃめちゃ勉強になる！！無料で読めていいのか😳
起業家じゃなくてもスタートアップらへんで働く/働きたいエンジニアデザイナーは読んでおいて損なさそう。超オススメ
1
37
173
めちゃくちゃ賢い解決方法…リリース頻度にもよるけど、課題に対してこれぐらいこだわりたいな。
「強いUIはボタンを捨てる」復唱したい
「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
0
34
172
あたまいい！
GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった
0
16
171
Result型はエラーハンドリング漏れ検知にだけ使ってたけど、手続き的な処理のエラー伝搬に使うのも綺麗だな。
try-catchだと起きうるエラーの型情報が失われちゃうのがつらいですよねー
そしてts-patternの快適さは異常
switch文と違って式になるところも取り回しが良い
0
15
167
弊社ナレッジワーク、ついに！！今日！！正式リリースされました！！！！！！
シリーズAの調達も共にプレスリリース出てます🎉
2年間潜り続けやっと迎えた今日！よければ拡散お願いします☺️
創業以来2年間非公開で進めてきた「ナレッジワーク」を正式リリース！「みんなが売れる営業になる」セールスイネーブルメントクラウドです。次は世の中の「仕事」を塗り替えていきます。最初の挑戦は営業の改革です。シリーズA1st クローズで10億円の資金調達もしております！
11
122
980
2
13
166
frontendチーム7月から6人になる。今日6人で食事しながら技術談義や色々話せて、創業時の1人体制からのギャップに感極まった。
負債も最後のひとつを今月で解決し終わり、未来に向けた構造変更にフォーカスできる状態になってる。
3年2ヶ月。よくやったな！と珍しく自分に言ってやりたい気持ちの夜。
1
3
165
素晴らしい記事
IE亡き今、次のベースラインはどこか？最新のWeb Almanacの結果も噛み砕いて掲載されてる
2022年におけるフロントエンド開発のベースライン - LINE ENGINEERING
0
37
160
妹がドットインストールでHTMLコーディングの練習してるらしく成果を見せてくれたんだけど何よりファイル名の斬新さに心打たれた
そして妹は英語ができない
http://t.co/zkh1VHJupf
2
160
148
リモートワーク環境と文化が整ってると同じオフィスにいてもみんなZoom越しに喋るし、全会議室にリモート用の機材あってMTGも余裕だし、「リモートだから取りこぼす情報」が全然なさすぎてすごい…（サイボウズ体験入社中）
0
26
161
へええ！！
HTML で `<select>` 要素を `<hr>` でセパレートできるようになった
0
27
161
こういう失敗の素直なシェアめちゃくちゃ貴重でありがたいな
“根底にあったっぽい、お手並み拝見マインド”
"「一緒に整えよう」に寄りかかり続ける"
パンチライン効いてる〜身につまされる〜〜😇
迎え入れる側のオンボーディング"させる"責任について｜Torajiro Shiihashi
0
33
155
Web Piano できた！（音声動画注意）
Web Componentsが動くブラウザで遊んでね〜
右Shiftと左Shiftでオクターブずらせる
0
54
152
People Tech Studiosの最初の事業会社、Knowledge Workのフロントエンドエンジニアになりました🙋がんばるぞ〜
本日、People Tech Studiosを創業いたしました。
「テクノロジーで人の可能性を解放する」をミッションに、Work Experience領域のクラウドサービスを開発・提供していきます。
また事業会社としてKnowledge Workを同時に創業しております。
よろしくお願いします！
22
80
1K
5
14
154
弊フロントエンドチームの
@jinjor
がテスト基盤を移行してくれた🙌
mozaicのyearlyでもちょっと触れたけど、今年はいろんなエコシステムがVitest移行してた印象あったな！
足並みも揃ってありがたい！
フロントエンドのテスト基盤を Jest から Vitest に移行した話
0
19
156
ナレッジワーク、創業から丸3年経ってこの4月で4年目に入りました。
メンバーも7人→50人になり、事業のARRの伸びの角度もすごいことに。
今年は複数のプロダクト開発を支える複数のチームをつくりたい。一緒に物事を前に進めてくれる方を心から求めてます！何卒🙏
1
7
154
加速と拡大が止まりません、止めません！
一つ一つのプロダクトをリードしてくれる方々を切実に求めています、ぜひこの機会にお話しだけでも聞きに来てください！そのために (続)
ナレッジワーク、シリーズBで45億円の資金調達を実施。3年で10個の新プロダクトをリリース予定
2
17
153
よりよい面接をできるようになりたいなーと思ってちょっと実験的に2つの募集をしてみます！
どうなるかドキドキですがよろしければ是非🥺
コーディング面接を試しに受けてくれる人 or 受けさせてくれる会社を募集します - エンジニアをリングする
2
30
148
勝手ながらめちゃくちゃ自分のキャリアと重なった。私も大学中退→小さい制作会社でバイトからのスタート。今10年経って一流のSWEにはなれないというのも悟って、ちょうど掛け算を何にするか考えているフェーズだった。
そこで英語という道もあるんだな。素敵な記事でした
2
5
148
ナレッジワーク技術ブログ初執筆☺️
最近、小さいサイクルで大局的なレビューができるような新しいコードレビューの方法を試しており、その紹介をしてます！
設計書と普段のコードレビューの間ぐらいの感じ。
特にComponent設計に活用してます！是非見てください！
1
28
147
すご！！これかなり育成に有益そう
急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiita
0
4
141
課題いっぱいあるのに人が足りません！！！助けてください！！！！
複数プロダクトで利用する共通部分の開発とか、社内package開発みたいになるので面白いと思うんだよなぁ。
ツールじゃなくてプロダクトの部品だけど、ライブラリ作るの好きな方にはとても楽しいと思う。
興味ある方いませんかーーー
1
21
140
体感、わかる。
SaaSって複数のお客様の課題を抽象化して汎用化して解決していかないと成り立たないけど、その過程で生臭さが失われると仮説検証になっちゃうのかな。
違和感を掴むのが上手だ
to Bスタートアップは「仮説検証」をやめようという話 - estie inside blog
0
7
136
図も含めてとてもわかりやすい整理だ。めちゃくちゃよかったです。
本来的に利害は一致するはずなので、いかに課題を職種超えて共通認識するかが難しいんですよね。
ソフトウェア開発上の問題や課題をビジネスリーダーや経営者らの関心事とするために - mtx2s’s blog
0
18
136
最高記事………
このあたり実現してきたら生CSSで戦えるのではって世界夢見てCSS Modules使ってます（まぁ型とかエラー欲しいのはわかるけど）
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 |
0
17
128
最高の制度ができました！！どんどんいい会社になってく〜！！
3項目とも素晴らしいけど、個人的には特にワークスタイルが多様化されたのが嬉しいな。かつ、ライフイベント起因だけでなく、誰でも自由にっていうのがめっちゃ良い！！
プレス出てます🎉👇
1
8
129
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた - SmartHR Tech Blog
0
6
126
最近やってみた工夫を記事にしました！なんでも自動検出したいマンです。
Result型を初めて使ってみたんだけど、なかなかいい塩梅の使い方ができたんじゃないかなと思ってます。
0
14
118
type-challengesのEasy全部やった！
Mapped types, Conditional types, infer, 可変長tupleあたりの反復練習になってよかった。
Easyといっても熟練者基準でのEasyな感じがしたｗ
型力上げたい人におすすめ！
1
9
114
CSS LayerがChromiumに！
まだ知名度低めだけど、CSSのスタイル適用順序決定に関わる新しいなにかが追加されるのはなかなかのビッグニュースだよね〜
🎉🥳 Cascade Layers (CSS @layer) are officially go for Chromium 99!
A commit to enable it by default got committed [^1] and the tracking issue [^2] got marked as Fixed.
[^1]:
[^2]:
2
21
76
1
19
115
9月と3Qがおわりました。
業績の伸び角度がエグすぎる。
常に期待を超えてくるセールスチーム、ぱない。
そう言うといつも、プロダクトが良いからだよって言ってくれて、嬉しい。
実際みんなで良いもの作れてる実感があるから、より嬉しい。
10月も4Qもみんなでがんばろ。
0
3
114
微力ながら監修として『Webフロントエンド版DX Criteria』に意見を出させていただいておりました。リリースおめでとうございます🎉
自分のチームの現状に対して、良いところや今後の伸び代を見つけられるひとつの良い指標になりそうだなと思っています！
0
11
113
"普段、結果の表示を Reload でデバッグしている癖でやってしまいがちではあるが、「Reload の挙動は Navigation とは違う」という点は、 Cache 周りをいじっているなら念頭におきたい。"
ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ
0
11
112
「ソフトウェアアーキテクチャの基礎」全部読み終わった！
第Ⅲ部の感想と、全体の感想書いて脱WIP。（Twitter埋め込みにはタイトルの変更反映されてないかも…）
めっちゃ個人的なキャリア文脈の気付きは最後に書いた。結局人。
0
10
111
技術リードや技術責任者としてチームを牽引していく役割の方とお話ししたい。
役職がどうというより、全体的な水準を上げていくこと、技術的にも姿勢的にも個々へ良い影響を及ぼしていくこと、とかについて日々考えている方々と、答えのない話がしたいーーーーーーなっ
2
4
111
"この本のTS版が欲しいです（575）"
めちゃめちゃわかる 完全にそれ（77）
「究極の設計スキルとは論理的思考能力」も本当そう思うな
1
11
108
詳細が公開されました！
私はFrontend Architectureのセッションでお話しします🎤
錚々たる方々とフリーな議論ができるの楽しみ。
@yosuke_furukawa
@herablog
@koba04
よろしくお願いします🥹
また募集開始時に告知します！
次世代 Web カンファレンス 2023
#nwc_all
0
17
109
しばらく止めていた模擬面接の募集を再開します！！
フロントエンドのコーディング面接というものを疑似体験してみたい方、DMお待ちしてます🙋♀️
ナレッジワークに興味のある方もぜひどうぞ！！
1
18
108
この人と働きたい！っていう衝動のままに所属先決めたくなる。けど特定の人依存だとその人がいなくなったとき詰むから脆弱なんだよなあ。
何を作るかより誰と作るか派だけど、そこに関しての良い答えはまだ出てない🙃
2
9
106