Sakito @__sakito__ Twitter profile

Pinned Tweet

Sakito

@__sakito__

7 months

副業の空きができたので、副業先を探してます！デザイン ~ フロントエンドの支援ができます！詳細はこちら

job_description.md

GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

1

15

53

Last Seen Profiles

@palestine69

@donotcomply77

@OKiamanesh

@GetRainCoin

@lovingtenko

@ComedyCentral

@UNDERWEARSOURCE

@BensonNature

@rogan_margaret

@MiraMilosevich1

@NewsWoW

@LegendofASSMAN

@adam_hy421

@ccbaemon

@craft_teguh

@Hugo95L

@silviapappenhe2

@shashwatgautam_

@ali_hxoqon

@Fleur7486

@HNCHDynamite

@gwendalynnblueb

@sugazrush

@AnkitBharatMD

@bokeplokalmalam

@CaroleeGunter5

@LordStras

@7ardaguler

@loopseedaysee

@MailSystemsTech

@T_Mouser

@HonorJNA

@ahm_ali223

@nm7_nanamizuki

@peshy_250

@abeyuta_mal

Sakito

@__sakito__

3 years

Github知らない初学者にGithubを説明するの難しいなと思ったけど、マイクロソフトが出してる学習教材が一番いい解決策だなとおもった。日本語でググるとプログラミングスクールの薄い説明ばかり出てきてしまうのは罠。 GitHub の基礎 - 管理の基本と製品の機能。

GitHub の基礎 - 管理の基本と製品の機能。 - Training

このラーニングパスでは、GitHub 管理の基本を学習し、GitHub が提供する製品を見つけます。

learn.microsoft.com

2

1K

4K

Sakito

@__sakito__

5 years

WWDC待つの暇で気づいたら作ってた・・・。お題は「Safariパーク」です。

10

831

3K

Sakito

@__sakito__

5 years

都公式なのか、GitHub で修正依頼受けるのすごい決断だ東京都新型コロナウイルス対策サイト

GitHub - Tokyo-Metro-Gov/covid19: 東京都新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website

東京都新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website - Tokyo-Metro-Gov/covid19

github.com

6

1K

3K

Sakito

@__sakito__

2 years

ケーキのクオリティがガチ #IE 卒業式

1

554

2K

Sakito

@__sakito__

5 years

堀江さん（ @takapon_jp ）は、ヤフーがZOZO買収したときに、次はLINEあたりだと言ってたのを見てずっと覚えたんだけど、その通りになって凄すぎる

3

453

1K

Sakito

@__sakito__

11 months

まじかよ、知らなかった、、、GitHub CLI使えばそんな簡単なのね。 2023年の中で1番感動した記事だ🥺🥺🥺🥺 もう明日からこれにする。俺たちはもう GitHub のために ssh-keygen しなくていい｜arawi #zenn

俺たちはもう GitHub のために ssh-keygen しなくていい

zenn.dev

1

107

863

Sakito

@__sakito__

1 year

オフライン勉強会が復活した同時に、主催者間でご飯だけ食べていく「タダ飯目的」が復活していると耳にする。ほんと悪質。 ↓が有名な記事。エンジニアイベントを初主催。そして事件は起こった | 株式会社スペースマーケット

エンジニアイベントを初主催。そして事件は起こった | 株式会社スペースマーケット

４/18にスペースマーケット初主催となるエンジニア向けイベント「【増席】加速するシェアリングエコノミーの技術の裏側を公開！(React.js,RoR..)」をジモティー鈴木さん、クラウドワーク...

www.wantedly.com

12

288

774

Sakito

@__sakito__

2 years

IEの卒業証書は草 #IE 卒業式

0

345

778

Sakito

@__sakito__

4 years

GitHubがGitHub上で授業管理できるサービスだしたのか。課題の採点も自動でテスト走らせることできるぽい。 GitHub Classroom

GitHub Classroom

GitHub Classroom automates repository creation and access control, making it easy for teachers to distribute starter code and collect assignments on GitHub.

classroom.github.com

1

300

689

Sakito

@__sakito__

2 years

本日の登壇資料です🎉 2023年以降どうなっていくのか流れを追う参考になると幸いです！フロントエンド開発の変化を楽しみましょう〜🕺 2022年に起きたフロントエンドの変化 #burikaigi #burikaigi_b

2022年に起きたフロントエンドの変化

Burikaigi 2023 https://burikaigi.dev/ Twitter https://twitter.com/__sakito__

speakerdeck.com

0

110

582

Sakito

@__sakito__

5 years

Webサイト上で行列に並ぶ体験できる

2

259

450

Sakito

@__sakito__

2 years

ShopifyのDesign Systemに多言語化で文字列の長さが変わってもUIの設計が崩れないデザインの事例が載ってて勉強になる。多言語に対応するアプリケーションだとこれもデザインを考える重要な1要素だよな〜。 Internationalization — Shopify Polaris

0

60

461

Sakito

@__sakito__

9 months

ついにFacebookからReactで使えるCSSのソリューションが公開された！ React Finland 2021でFacebook社内で使われていると発表されてからパッケージ公開まで長かったな... facebook/stylex: StyleX is the styling system for ambitious user interfaces.

GitHub - facebook/stylex: StyleX is the styling system for ambitious user interfaces.

StyleX is the styling system for ambitious user interfaces. - facebook/stylex

github.com

0

66

461

Sakito

@__sakito__

3 years

Next.jsのドキュメントにReactやDOMについて図解で解説があるんだけど、これ前はなかった気がする。 From JavaScript to React

1

49

425

Sakito

@__sakito__

4 months

Playwrightの知見の塊だ、これで完璧ですわ。ありがてぇ。 Best Practices｜Playwright

Best Practices | Playwright

Introduction

playwright.dev

0

37

412

Sakito

@__sakito__

1 year

基本的な必要知識なことからまとまっててすごい。 Reac研修

React

2023年度リクルートエンジニアコース新人研修の講義資料です

speakerdeck.com

0

36

390

Sakito

@__sakito__

1 year

作ってほしいコンポーネント投げるとChatGPT経由でコード吐き出してくれる上に、コードのプレビューまで表示できるツール😳 React + Tailwind CSSのコードにもできる！すごい！

Generate any UI component in seconds.

ai2ui.co

0

42

373

Sakito

@__sakito__

5 years

今日が最終出社日でした🎉🎉🎉🎉 約2年すこし大変お世話になりました！ヤフーのフロントエンドをアピールすることに少しばかり貢献はできたかなと！ 6月から新しい場所でまたフロントエンドやっていきます🦸 これからは有休でしばらくお休みなので、ランチとか誘ってくださーい🤲

35

22

355

Sakito

@__sakito__

5 years

本日の登壇資料です🎉🎉🎉 席が遠い方は見づらいと思うので、ぜひこちらの資料見ながらお願いします〜！現在フロントエンドに欠かせないwebpackとBabelを理解しよう #bc1205 #builderscon

0

98

354

Sakito

@__sakito__

3 years

React公式ドキュメントのチュートリアルは古くなっており、TypeScriptやReact Hooksで開発することも考えて参照するときにおすすめできるサイトを置いておきます。よく聞かれるのでURLで一気に共有できるようにまとめておいた。 Reactを学ぶときに役立つ情報・本

Reactを学ぶときに役立つ情報・本など

zenn.dev

0

62

343

Sakito

@__sakito__

4 years

湯婆婆「フン、ヤフーというのかい？贅沢な名だねぇ。今からお前はpaypayだ。いいかい、paypayだよ。分かったら返事をするんだ、paypay！！」 paypay「paypay♪」

1

100

325

Sakito

@__sakito__

6 years

Slackの採用情報見てて、フロントエンドの募集が2つの職種に別れているの知った webpackなどのビルド環境周りを最適化させる「Frontend Build Infrastructure Engineer」 … jsのパフォーマンスなどを向上させる「Frontend Performance Engineer」

2

122

305

Sakito

@__sakito__

2 years

VS Code最新にするとTSでコード参照しにいくときにtypeじゃなく実態にジャンプする修正入ってる！わーーい！ > Jump directly to a JavaScript implementation of a library function using the new Go to Source Definition command.

Visual Studio Code April 2022

Learn what is new in the Visual Studio Code April 2022 Release (1.67)

code.visualstudio.com

0

58

305

Sakito

@__sakito__

5 years

色々と考えましたが、国際カンファレンスとしてのリスク、運営のみんなの負荷も考えてこれが最良だと決断しました。今日決断したのに、迅速に動いてくれた人たちありがとうございます。楽しみにしてくれてた人達申し訳ないです。 React Conf Japan 開催中止のお知らせ

React Conf Japan

React Conf Japan is a React conference in Japan powered by React Japan User Group. React Conf Japan is Japan's first React conference.

reactconf.jp

0

130

294

Sakito

@__sakito__

10 months

欲しいUIを与えるとコンポーネントとStorybookのコードを返答してくれる君 ChatGPT - React / TypeScript StorybookGPT

ChatGPT - StorybookGPT (CSF 2.0)

Generate Storybook stories in React and TypeScript with CSF 2.0

chatgpt.com

2

24

290

Sakito

@__sakito__

2 years

オフライン会場の記念撮影です #IE 卒業式

2

65

291

Sakito

@__sakito__

3 years

2022年版のDeveloper Roadmap出てるぽい👀 以前よりなんかインタラクティブになった印象ある。テスト〜CSS周り混沌としとる。ビルドツールでesbuildがwebpackに並んでた。 Frontend Developer Roadmap: Learn to become a modern frontend developer

0

61

288

Sakito

@__sakito__

6 years

これがDesignshipにきたデザイナー達が使ってるツールだ！！！ #Designship2018

1

70

278

Sakito

@__sakito__

2 years

うぉ〜これは良コンテンツ〜 Introducing Learn HTML

Introducing Learn HTML | Blog | web.dev

Today we are launching Learn HTML—the next course in our series to help get you up to speed with modern web development.

web.dev

0

40

273

Sakito

@__sakito__

1 year

今年の研修資料が公開されてる！！🎉 2023年のエンジニア新人研修の講義資料を公開しました

2023年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

開発本部 People Experienceチームオンボーディング担当の久宗(@tignyax)です。 2023年もエンジニア新人研修を行いましたので、軽い紹介と、講義資料および一部講義動画を公開いたします。 2023年のエンジニア研修についてコンセプト今年のエンジニア研修のコンセプトは以下です。（例年のコンセ…

blog.cybozu.io

0

31

274

Sakito

@__sakito__

2 years

記事を書きました！🚀 最近このパターンでプロダクトを作ることが多いです！みんなの推しフロントエンドディレクトリ構成教えてください！私の推しフロントエンドディレクトリ構成と気をつけたいポイント｜sakito #zenn

私の推しフロントエンドディレクトリ構成と気をつけたいポイント

zenn.dev

1

22

256

Sakito

@__sakito__

2 years

DenoからフルスタックWebフレームワークが出た。クライアントはPreactぽい。 Fresh 1.0

Fresh 1.0

Fresh is a new full stack web framework for Deno. By default, Fresh web pages send zero JavaScript to the client.

deno.com

1

45

257

Sakito

@__sakito__

6 years

もうすぐクリスマスだから業務で詰まったらnpm xmasでひたすらクリスマスツリーを表示している

0

109

233

Sakito

@__sakito__

1 year

Chatworkさんで行った勉強会資料を公開しました！🎉🎉🎉 HTML大事。デザイナー向けに行なったHTML勉強会の資料を公開します

デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito

今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおり...

note.com

0

23

228

Sakito

@__sakito__

8 months

本日の登壇資料です！🎉🎉🎉 2023年のフロントエンド振り返りと2024年 #burikaigi #burikaigi_m

2023年のフロントエンド振り返りと2024年

BuriKaigi 2024 https://burikaigi.dev/ X https://twitter.com/__sakito__

speakerdeck.com

0

30

225

Sakito

@__sakito__

6 years

弊社のフロントエンドについて書きました！！！🎉🎉🎉🎉🎉🎉 色んなサービス・取り組みを広く浅く書いてるので、読んでみてください〜〜☺️ ヤフー株式会社におけるWebフロントエンドの技術選定

ヤフー株式会社におけるWebフロントエンドの技術選定

今回はヤフー株式会社でWebフロントエンドエンジニアがどのような取り組みを行なっているのかをお伝えします。

techblog.yahoo.co.jp

0

56

220

Sakito

@__sakito__

2 years

本日30歳になりました🫠 健康第一でやっていきます！！！これはチームメンバーがお祝いしてくれたケーキ🥳

20

0

220

Sakito

@__sakito__

2 years

DMで「あなたのGitHubを見て、特に〇〇のレポジトリが素晴らしく、ぜひ弊社〜」っていう連絡に、OSSのforkしたレポジトリが指定されてたとき〜〜〜〜

0

10

220

Sakito

@__sakito__

1 year

Gitのレポジトリを内容をChatGPTに解釈させて、コードレビューとドキュメント生成してくれる便利ちゃん👀 gpt-repository-loader

GitHub - mpoon/gpt-repository-loader: Convert code repos into an LLM prompt-friendly format. Mostly...

Convert code repos into an LLM prompt-friendly format. Mostly built by GPT-4. - mpoon/gpt-repository-loader

github.com

2

23

217

Sakito

@__sakito__

4 months

いまのフロントエンドを取り巻く状況、知識、ツール、学習コンテンツとかまとまったもの。いまのフロントエンドを追える！ 20218年版もあるけど、6年ぶりの更新か！？ The (Frontend||UI||UX) Developer/Engineer Handbook 2024

2

19

212

Sakito

@__sakito__

3 years

Next.jsをみんなTSで書いてて、Next.tsじゃんって思った

1

11

207

Sakito

@__sakito__

1 year

本日の登壇資料です🎉🎉🎉 持論を展開してますが、みなさんのキャリアのどこかの参考になれば幸いです！今後のキャリアパス、どう描く？ 20代を振り返ってみてわかる、30代を意識したキャリア戦略 #devboost

今後のキャリアパス、どう描く？ 20代を振り返ってみてわかる、30代を意識したキャリア戦略

Developers Boost 2023 （2023.07.01） https://event.shoeisha.jp/devboost/20230701 Twitter https://twitter.com/__sakito__

speakerdeck.com

0

30

211

Sakito

@__sakito__

4 months

StorybookコンポーネントをPlaywright Component Testで動かすソリューションが出た。これでコンポーネント管理はStorybookを利用しつつ、テストはPlaywrightに固めるみたいなのもできるらしい。 Portable stories for Playwright Component Tests

Portable stories for Playwright Component Tests

Test your stories in Playwright CT with minimal setup.

storybook.js.org

0

31

210

Sakito

@__sakito__

2 years

JSConf JP 2022で発表した資料です🎉🎉🎉 デザインシステムにフロントエンドのプラクティスを詰め込んで再配布する #jsconfjp

デザインシステムにフロントエンドのプラクティスを詰め込んで再配布する

JSConf JP 2022 https://jsconf.jp/2022/talk/pack-front-end-practices-into-the-design-system-and-redistribute Twitter https://twitter.com/__sakito__

speakerdeck.com

0

34

202

Sakito

@__sakito__

2 years

React 18のtypes変更により、暗黙的なchildrenがなくなりました。この変更で、React.FCとReact.VFCの差分がなくなったことによりReact.VFCがDeprecateになりました。 [react] Deprecate VoidFunctionComponent and VFC #59882

[react] Deprecate `VoidFunctionComponent` and `VFC` by eps1lon · Pull Request #59882 · Definitely...

VoidFunctionComponent is now equivalent with FunctionComponent. Since the release of the React 18 types I haven't seen any use case for FunctionComponent with implicit children beyond &...

github.com

0

51

201

Sakito

@__sakito__

5 years

個人的な新卒さん教育時にに共有したいフロントエンド教育資料 - [WIP] JavaScriptの入門書 - Front-end Developer Handbook 2019 - Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

GitHub - microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux - microsoft/frontend-bootcamp

github.com

2

45

196

Sakito

@__sakito__

2 years

本日使用する資料です🎉 Reactでアプリケーションを構築する多様化 #tfcon

Reactでアプリケーションを構築する多様化

TechFeed Conference 2022で使用した資料 https://techfeed.io/events/techfeed-conference-2022 Twitter https://twitter.com/__sakito__

speakerdeck.com

0

23

196

Sakito

@__sakito__

2 years

Design Systemを構築するために必要なこと How to Create a Design System

1

18

194

Sakito

@__sakito__

2 years

推しのフロントエンド開発環境募集したけど、すでに前やったスクラップに集まっているのでこちらを伸ばそうと思います！すでに知見が集まってるけど、まだまだ募集しています！ Macでフロントエンド開発する人が入れているもの(拡張、プラグイン、アプリ、設定など...)

フロントエンド開発する人が入れているもの(拡張、プラグイン、アプリ、設定など...)

zenn.dev

1

25

190

Sakito

@__sakito__

3 years

1Passwordの新しいアーキテクチャ。バックエンドはRust、フロントエンドはTS + ReactにしてElectronでの配布 Behind the scenes of 1Password for Linux

Behind the scenes of 1Password for Linux

Our new Linux app was created from scratch using Rust and React to create the best experience we’ve ever had. Here’s how we did it.

dteare.medium.com

1

43

192

Sakito

@__sakito__

5 years

本日の登壇資料です🎉🎉🎉🎉🎉 20代のみんなに届け〜！ 30代のキャリアを意識した 20代のキャリア戦略 #bcu30_1 #bcu30

1

45

186

Sakito

@__sakito__

7 months

本日の登壇資料です🎉🎉🎉 Storybookの実力をフル活用するChromatic #VRT4 選

Storybookの実力をフル活用するChromatic

ビジュアルリグレッションテストツール４選！ユーザーが語る各ツールのメリット https://trident-qa.connpass.com/event/308664/ X https://twitter.com/__sakito__

speakerdeck.com

2

33

191

Sakito

@__sakito__

2 years

モーダル表示して戻るときににユーザーは「モーダルを閉じるボタン」じゃなくて、「ブラウザの戻るボタン」を押すって事例の記事を見たことあるけど、さっき自分もそうだと気付いた。無自覚だった。特にスマホだと全画面に出てくるからモーダルじゃなくてページだと思い込んでしまうわ。

1

17

183

Sakito

@__sakito__

3 years

NetflixのMicro Frontendの取り組み。社内でMicro FrontendのためにLatticeというフレームワークを作成しているらしい。そのLatticeがMicro Frontendでどう活用されるのか解説されている。 How We Build Micro Frontends With Lattice

1

25

186

Sakito

@__sakito__

2 years

React、GraphQL(GraphQL Helix + Envelop + Apollo Client)、Prismaを使用したフルスタックフレームワークのRedwoodのv1がリリース間近らしい！👀 GitHub創設者の1人かつJekillを作った人が開始したOSSてのも注目ポイント👀 Release .1

Release v1.0.0-rc.final.1 · redwoodjs/redwood

🎉 On April 4th, RedwoodJS goes 1.0! We’ll be celebrating all week with a series of announcements and events around the Redwood ecosystem. It all leads up to a BIG announcement on Thursday. Check...

github.com

1

41

184

Sakito

@__sakito__

1 month

Reactに依存しないメリットでTanStack系を選ぶのはたしかにありそうだなー。いつかReactじゃない世界が来るのに備えるのは長年の運用してきたサービスだからこそでてくる知見だ。 React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog

React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog

CTO 室の恩田(@takashi_onda)です。一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / R…

user-first.ikyu.co.jp

0

7

184

Sakito

@__sakito__

2 years

HTMLとCSSの勉強はMDNとの学習コンテンツを一周することを強くおすすめします！！ Structuring the web with HTML - Learn web development | MDN Learn HTML #burikaigi #burikaigi_b

Learn HTML | web.dev

This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.

web.dev

0

18

180

Sakito

@__sakito__

5 years

本日の登壇資料です〜〜〜🎉🎉🎉 これからはじめるReact Hooks Bonfire Frontend ~ 最新のフロントエンド技術（夏休み総復習）~ #yjbonfire

0

37

170

Sakito

@__sakito__

4 years

はじめてのzennで記事書いたぞ〜！🐶 普段やってる情報収集や学習について(フロントエンド寄り)｜sakito #zenn

普段やってる情報収集や学習について(フロントエンド寄り)

zenn.dev

1

26

169

Sakito

@__sakito__

2 years

MetaがlexicalというテキストエディタをOSSで公開した👀 facebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

GitHub - facebook/lexical: Lexical is an extensible text editor framework that provides excellent...

Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance. - facebook/lexical

github.com

1

21

170

Sakito

@__sakito__

1 year

本日使用する資料です！🎉 Figmaの思想と新機能 #config23gp

Figmaの思想と新機能

Config2023 Recap in Goodpatch https://goodpatch.connpass.com/event/287493/ Twitter https://twitter.com/__sakito__

speakerdeck.com

0

18

168

Sakito

@__sakito__

2 years

メンバーが100%の力を使ってやっと業務が回っている状態になってるのはあまり良くない実感がある。今のあるものをこなすのに精一杯になってしまって、改善したりすることを考えることができない。メンバーに余裕がある状態を作ってあげるのも、チームを作る側の役目だなぁ、と作る側になって思う。

1

21

164

Sakito

@__sakito__

3 years

MDNのCache-Controlの大元の英語のほうがまるっと更新されたので、日本語訳をしました。技術的なことや文章のローカライズルールなどとても勉強になったので、機会があれば技術系の翻訳をやっていきたい。 Cache-Control - HTTP | MDN

Cache-Control - HTTP | MDN

Cache-Control は HTTP のヘッダーフィールドで、キャッシュをブラウザーや共有キャッシュ（プロキシーや CDN など）において制御するためのディレクティブ (指示) を、リクエストとレスポンスの両方で保持します。

developer.mozilla.org

0

19

163

Sakito

@__sakito__

3 years

需要ありそうな気がしたので作った。各社の開発研修資料2021年度まとめのまとめ

各社の開発研修資料2021年度まとめのまとめ

zenn.dev

0

27

158

Sakito

@__sakito__

2 years

ZennはGitHub連携して記事書くとZennが仮にサービス終了してもコンテンツは消えないし、移しやすいからいいね！ GitHubがサービス終了になったら？知らん。

0

25

158

Sakito

@__sakito__

2 years

これで28割を獲得できる

0

37

157

Sakito

@__sakito__

1 year

Figma for VS Code!!! #Config2023

0

34

154

Sakito

@__sakito__

3 years

自分がやってる情報収集はこれが最新です。(固定用) 普段やってる情報収集や学習について(フロントエンド寄り)｜sakito #zenn

普段やってる情報収集や学習について(フロントエンド寄り)

zenn.dev

0

21

145

Sakito

@__sakito__

5 years

今日からサイボウズ株式会社フロントエンドエキスパートチームに入りました🎉🎉 初日からフロントエンドランチやカンファレンスの報告会聞けて濃かった👏 一緒に働くのに興味ある人はお気軽に声かけてください！

1

19

150

Sakito

@__sakito__

2 years

本日使用する登壇資料です！🐶🌈 Reactコンポーネントにおけるテスト手法の選択肢 #techfeed_experts_night

Reactコンポーネントにおけるテスト手法の選択肢

TechFeed Experts Night#2 〜フロントエンドフレームワーク特集 https://techfeed.io/events/techfeed-experts-night-2 Twitter https://twitter.com/__sakito__

speakerdeck.com

0

16

151

Sakito

@__sakito__

5 years

React専用のIDE👀 GitHubスター数も1万ほどあり、初期コミットを見る限り2017年3月から開発されてる。先週デスクトップアプのリリリースがあったみたいちょっと興味あるから私用PCに入れてみようかな The first dedicated IDE for React web application development

GitHub - reactide/reactide: Reactide is the first dedicated IDE for React web application develop...

Reactide is the first dedicated IDE for React web application development. - reactide/reactide

github.com

1

34

149

Sakito

@__sakito__

1 year

ReactのドキュメントにTypeScriptの例ができてる👀 Using TypeScript – React

Using TypeScript – React

The library for web and native user interfaces

react.dev

0

8

149

Sakito

@__sakito__

4 years

今日でサイボウズに入社して1年が経ちました🎉🎉🎉 転職して意識したことや工夫についても書いているので誰かの参考になればなと思い書きました。 2年目もがんばるぞい！！！ 💪 サイボウズに転職して1年が経ったので1年間意識したことを残す｜sakito @__sakito__ #note

1

10

148

Sakito

@__sakito__

3 years

React公式ドキュメントのBeta版がリリースされた🎉 かなり変わってる👀！ React Docs Beta

1

43

148

Sakito

@__sakito__

3 years

StorybookのNext.js用のアドオン。これめちゃくちゃほしかったやつ。 next/imageやRoutingのモックの設定を吸収してくれそう😭😭 storybook-addon-next

Integrations | Storybook: Frontend workshop for UI development

Integrations enable advanced functionality and unlock new workflows. Contributed by core maintainers and the amazing developer community.

storybook.js.org

0

15

148

Sakito

@__sakito__

4 years

御三家にSvelteが入ってきて、四天王になるのかな Which Javascript Framework you should learn in 2020?

0

39

144

Sakito

@__sakito__

3 years

Next.jsのSEOコースが公開されてる👀 What is SEO? - Search Engine Optimization | Learn Next.js

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

nextjs.org

0

29

145

Sakito

@__sakito__

7 years

いまのパイプサイクルの図 #html5j

2

66

134

Sakito

@__sakito__

7 months

Figmaからデザインシステムとはなんぞやの言語化がでてる Design systems 101: What is a design system?

What Is a Design System | Design Systems 101 | Figma Blog

Uncover what a design system is, types, best practices, and when to use it. Discover Figma’s solutions for multi-brand systems and compare design systems vs style guides.

www.figma.com

0

7

143

Sakito

@__sakito__

5 years

Pixel 4がくることを予知した広告だ

0

66

136

Sakito

@__sakito__

2 years

渋谷スクラブルスクウェア 11FにあるTSUTAYA SHARE LOUNGEがコンセントあり、wifiあり、ソフドリ飲み放題、駄菓子食べ放題で1日居て4000円で渋谷で作業するコスパがとても良いことをこっそり共有しておきます。 1時間料金でもいけますよ。

1

14

142

Sakito

@__sakito__

8 months

App Routerのテスト手法に関するドキュメントできてるやーん！👀 Building Your Application: Testing | Next.js

Building Your Application: Testing

Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest.

nextjs.org

0

12

141

Sakito

@__sakito__

15 days

本日話す登壇資料です🎉🎉🎉🎉 Component-Driven Design & Development #frontendo #LINE ヤフーWOWルーム

Component-Driven Design & Development

フロントエンドカンファレンス北海道2024 https://www.frontend-conf.jp/ X https://twitter.com/__sakito__

speakerdeck.com

0

30

140

Sakito

@__sakito__

3 years

TypeScript 4.3でimport文の自動補完のQOL爆上がりの修正きてたの知らなかった〜〜〜〜！めちゃくちゃ便利〜〜！ Import Statement Completions #サイボウズフロントエンドウィークリー

0

28

139

Sakito

@__sakito__

2 years

去年デザインパターンがまとまったが話題になりましたが、このサイトにRendering patternとPerformance Patternsが追加されてました。 SSR、CSR、SSG、ISGなどのパターンやパフォーマンスについてかなり図解されているので、すごくわかりやすい！！

0

22

137

Sakito

@__sakito__

1 year

OpenAIやchat UIなどAI系のUIやHooksが集まったSDK👀 Introducing the Vercel AI SDK

0

8

137

Sakito

@__sakito__

2 years

うぉ〜これは良コンテンツ〜！ Introducing Learn Accessibility

Introducing Learn Accessibility | Blog | web.dev

Today we are launching Learn Accessibility—the next in our series to help get you up to speed with modern web development.

web.dev

0

15

135

Sakito

@__sakito__

9 months

31歳になりました🗽 20代のときとは違った挑戦ができてる30代をこれから楽しむぞ！！

12

0

136

Sakito

@__sakito__

5 years

今月全部リモートにしようと思って実家に連絡した。わい「実家帰ろうとおもう」母「まだこっちの県に感染者居ないのに持って帰ってくるな」 ~完~ 潜在的に感染してる可能性あるから分かるけどきびしい

2

7

132

Sakito

@__sakito__

2 years

参考にしてくれてありがとうございます！🫶 いろんな視点が見れて自分もまた参考になりました。モダンフロントエンドで始めるつらくないReactディレクトリ構成

モダンフロントエンドで始めるつらくないReactディレクトリ構成 - RAKUS Developers Blog | ラクスエンジニアブログ

はじめにこんにちは、ラクスフロントエンド開発課の斉藤です。記事タイトルはReact開発者なら知る人ぞ知るりあクト！ TypeScriptで始めるつらくないReact開発のパロディです。とてもわかりやすい入門書なのでReact初学者の方には学びの第一歩として自信を持ってオススメできます！さて今回は、モダンなフロント…

tech-blog.rakus.co.jp

0

10

131

Sakito

@__sakito__

1 year

本日の登壇資料です！🎉🎉🎉 営業、エンジニア、デザインとエンジニア、デザイン組織づくり、ここまでの道のり #wtm113

営業、エンジニア、デザインとエンジニア、デザイン組織づくり、ここまでの道のり

第113回「WEB TOUCH MEETING」 https://www.webtouchmeeting.com/event/10 Twitter https://twitter.com/__sakito__

speakerdeck.com

0

14

132

Sakito

@__sakito__

1 year

Next.jsのドキュメントに最近追加されたキャッシュ周りの解説。図解が丁寧ですごくわかりやすい。 Building Your Application: Caching | Next.js

Building Your Application: Caching

An overview of caching mechanisms in Next.js.

nextjs.org

1

11

131

Sakito

@__sakito__

3 years

React公式の新しいドキュメントサイト近日公開らしい！✨ Hooksベースのカリキュラムに近いものや課題ベースの“challengesというカテゴリも用意されているらしい！ New React Docs · Issue #3308 · reactjs/reactjs.org

0

32

129

Sakito

@__sakito__

2 years

microCMSだ👀 小田急電鉄が情報サイトの更新を3倍速に、「ヘッドレスCMS」を徹底活用

小田急電鉄が情報サイトの更新を3倍速に、「ヘッドレスCMS」を徹底活用

　小田急電鉄が提携先企業のサービスやクーポン情報などを提供するサイト「ONE（オーネ）」で「ヘッドレスCMS」の活用による運用の効率化を進めている。グループ会社や制作会社が関わっていた更新作業を自社内で完結できるようになり、2週間ほどかかっていたコンテンツの新規投稿や修正が数日で済むようになった。

xtech.nikkei.com

0

21

128

Sakito

@__sakito__

1 year

Next.jsのApp Routerに関するディレクトリ構成のドキュメントを追記しました。まずはそちらを読むのがいいと思います。私の推しフロントエンドディレクトリ構成と気をつけたいポイント｜sakito #zenn

私の推しフロントエンドディレクトリ構成と気をつけたいポイント

zenn.dev

0

10

125

Sakito

@__sakito__

3 years

合わせてGitのやつも見るとよさそう Git でのバージョンコントロールの概要 - Learn | Microsoft Docs

Git でのバージョンコントロールの概要 - Training

Git は主要なバージョンコントロールツールであり、それは開発者にとって不可欠です。 Git を使用して自分の変更を追跡したり、他のユーザーと共同作業したりする方法について学習します。

learn.microsoft.com

1

46

124

Sakito

@__sakito__

4 years

これ便利だなー New in Chrome: CSS Overview

0

18

121

Sakito

@__sakito__

9 months

Atomic Designは悪くなくて、ちゃんと使えればこの記事のようなコミュニケーションを生み出せる。いい事例だ〜！デザインシステム改善:デザイナーとエンジニアで一緒に進めるコンポーネント整理

デザインシステム改善:デザイナーとエンジニアで一緒に進めるコンポーネント整理｜LINEヤフーDesign 公式note

こんにちは。ヤフーメディア統括本部企画デザイン本部デザイナーの芦田です。3年前にヤフートップページのデザインシステム導入を担当した経験を活かし、現在担当しているサービスにおけるデザインシステムの改善を進めてきました。改善の中でも、デザイナーとエンジニアが密接に連携して進めたコンポーネントの整理は、特に大変だったものの、多くの学びがありました。今回は、そのコンポーネントの整理をどのように...

lydesign.jp

0

7

124

Sakito

@__sakito__

1 year

現地でDeep Diveセッションを見て、開発者にも伝えたくなり記事を書きました！開発効率だけではなく、コミュニケーションにもいい影響を与えてくれそうです❤️‍🔥 Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率 #Config2023

Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率

zenn.dev

0

14