Pinned
副業の空きができたので、副業先を探してます！
デザイン ~ フロントエンドの支援ができます！
詳細はこちら
Sakito
Sakito
27.1K posts
Sakito
@__sakito__
Sakito’s posts
Github知らない初学者にGithubを説明するの難しいなと思ったけど、マイクロソフトが出してる学習教材が一番いい解決策だなとおもった。
日本語でググるとプログラミングスクールの薄い説明ばかり出てきてしまうのは罠。
GitHub の基礎 - 管理の基本と製品の機能。
都公式なのか、GitHub で修正依頼受けるのすごい決断だ
東京都 新型コロナウイルス対策サイト
まじかよ、知らなかった、、、GitHub CLI使えばそんな簡単なのね。
2023年の中で1番感動した記事だ
もう明日からこれにする。
俺たちはもう GitHub のために ssh-keygen しなくていい｜arawi zenn.dev/lovegraph/arti #zenn
もう明日からこれにする。
俺たちはもう GitHub のために ssh-keygen しなくていい｜arawi zenn.dev/lovegraph/arti #zenn
オフライン勉強会が復活した同時に、主催者間でご飯だけ食べていく「タダ飯目的」が復活していると耳にする。ほんと悪質。
↓が有名な記事。
エンジニアイベントを初主催。そして事件は起こった | 株式会社スペースマーケット
GitHubがGitHub上で授業管理できるサービスだしたのか。
課題の採点も自動でテスト走らせることできるぽい。
GitHub Classroom
本日の登壇資料です
2023年以降どうなっていくのか流れを追う参考になると幸いです！
フロントエンド開発の変化を楽しみましょう〜
2022年に起きた
フロントエンドの変化
speakerdeck.com/sakito/2022nia
#burikaigi #burikaigi_b
2023年以降どうなっていくのか流れを追う参考になると幸いです！
フロントエンド開発の変化を楽しみましょう〜
2022年に起きた
フロントエンドの変化
speakerdeck.com/sakito/2022nia
#burikaigi #burikaigi_b
ShopifyのDesign Systemに多言語化で文字列の長さが変わってもUIの設計が崩れないデザインの事例が載ってて勉強になる。
多言語に対応するアプリケーションだとこれもデザインを考える重要な1要素だよな〜。
Internationalization — Shopify Polaris
polaris.shopify.com/foundations/fo
ついにFacebookからReactで使えるCSSのソリューションが公開された！
React Finland 2021でFacebook社内で使われていると発表されてからパッケージ公開まで長かったな...
facebook/stylex: StyleX is the styling system for ambitious user interfaces.
WebにあるソースからFigmaへ変換してくれるhtml.to.designにMCPができてた。
ClaudeやCursorで作ったコードをFigmaへ流してデザインデータにしていじることもできる。
Figmaに入れて共有もしやすくなるし、いいかも！
MCP - Connect your AI tool to Figma
Next.jsのドキュメントにReactやDOMについて図解で解説があるんだけど、これ前はなかった気がする。
From JavaScript to React
nextjs.org/learn/foundati
本日の発表資料です！
2024年にあったWebフロントエンドの変化や個人的に注目しているトピックを紹介し、2025年の変化を考えます。
深掘りするためのきっかけとなれば幸いです！
2024年のWebフロントエンドのふりかえりと2025年
docswell.com/s/sakito/Z82RG
#burikaigi
#burikaigi_b
2024年にあったWebフロントエンドの変化や個人的に注目しているトピックを紹介し、2025年の変化を考えます。
深掘りするためのきっかけとなれば幸いです！
2024年のWebフロントエンドのふりかえりと2025年
docswell.com/s/sakito/Z82RG
#burikaigi
#burikaigi_b
Playwrightの知見の塊だ、これで完璧ですわ。ありがてぇ。
Best Practices｜Playwright
作ってほしいコンポーネント投げるとChatGPT経由でコード吐き出してくれる上に、コードのプレビューまで表示できるツール
React + Tailwind CSSのコードにもできる！すごい！
ai2ui.co
React + Tailwind CSSのコードにもできる！すごい！
ai2ui.co今日が最終出社日でした
約2年すこし大変お世話になりました！
ヤフーのフロントエンドをアピールすることに少しばかり貢献はできたかなと！
6月から新しい場所でまたフロントエンドやっていきます
これからは有休でしばらくお休みなので、ランチとか誘ってくださーい
約2年すこし大変お世話になりました！
ヤフーのフロントエンドをアピールすることに少しばかり貢献はできたかなと！
6月から新しい場所でまたフロントエンドやっていきます
これからは有休でしばらくお休みなので、ランチとか誘ってくださーい
本日の登壇資料です
席が遠い方は見づらいと思うので、ぜひこちらの資料見ながらお願いします〜！
現在フロントエンドに欠かせないwebpackとBabelを理解しよう
speakerdeck.com/mukai21/xian-z
#bc1205 #builderscon
席が遠い方は見づらいと思うので、ぜひこちらの資料見ながらお願いします〜！
現在フロントエンドに欠かせないwebpackとBabelを理解しよう
speakerdeck.com/mukai21/xian-z
#bc1205 #buildersconReact公式ドキュメントのチュートリアルは古くなっており、TypeScriptやReact Hooksで開発することも考えて参照するときにおすすめできるサイトを置いておきます。
よく聞かれるのでURLで一気に共有できるようにまとめておいた。
Reactを学ぶときに役立つ情報・本
湯婆婆「フン、ヤフーというのかい？贅沢な名だねぇ。今からお前はpaypayだ。いいかい、paypayだよ。分かったら返事をするんだ、paypay！！」
paypay「paypay♪」
Playwright Agentsがでた
・planner: アプリケーションを探索し、Markdown形式のテストプランを作成
・generator: Markdownプランを実行可能なPlaywrightテストファイルに変換
・healer: テストスイートを実行し、失敗したテストを自動的に修復
Playwright Agents
Slackの採用情報見てて、フロントエンドの募集が2つの職種に別れているの知った
webpackなどのビルド環境周りを最適化させる
「Frontend Build Infrastructure Engineer」
slack.com/intl/ja-jp/car…
jsのパフォーマンスなどを向上させる
「Frontend Performance Engineer」
slack.com/intl/ja-jp/car
VS Code最新にするとTSでコード参照しにいくときにtypeじゃなく実態にジャンプする修正入ってる！わーーい！
> Jump directly to a JavaScript implementation of a library function using the new Go to Source Definition command.
