クリップだけして放置していたものを整理したので、量が多い。
Ruby / Rails
- IRB v1.5.0リリース
- irbでeditを使える
- [【Ruby】- rails stats コマンドで app 以下のディレクリを全て計測できるようにする
- Rails6〜7で追加された便利メソッド11選
- ComparisonValidatorが便利そう。end_dateがnilの場合どうなるか調べる。->allow_blank: trueと組み合わせることができた。
- compact_blankも便利。
GraqhQL
JS / React / Next
- axios は v1.0.0 でどう変わるのか
- 本気で考えるReactのベストプラクティス!bulletproof-react2022
- Next.jsディレクトリ構成・設計再考(featuresが何を解決するか)
- フロントエンド刷新プロジェクトを成功に導くためのテスト手法の紹介
- Reactの2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する(プレビュー版)
useTransitionフックは、冒頭で述べたように今の画面を残しつつ次の画面を裏でレンダリングすることを可能にするフックです。
- ページネーションで使える
フロントテスト
- @shopify/react-testing
- 決済チームがテストコードを書く際に気を付けていること
- 【入門】フロントエンドのテスト手法まとめ
- Jest Mock 集
- リーダブルなテストのための、jest モックファクトリー関数
- 実装例から見る React のテストの書き方
- フロントエンドの"ちょうどいい"自動テストのはじめかた
- Storybook でインタラクションテストを作成して Jest で再利用する
- Common mistakes with React Testing Library
- ぼくたちがかんがえたさいきょうのStorybook 〜より高品質なコンポーネントを求めて〜
- 開発環境としてのStorybook
- 品質検査としてのStorybook
- コミュニケーションツールとしてのStorybook
デザイン
- Checklist Design
A collection of the best design practices.
- ベクターシェルフ
- イラスト素材
- Doodle Icons
- イラスト素材
- ちょうどいいWebデザインギャラリー
- RESOS
デザイン作業に便利なリソースを集めています。
- Designing A Better Back Button UX
- もどるボタンのUXについての記事。「フォームのもどるボタンを、フォーム上部に設置する」「もどるボタンとすすむボタンを離す」などが提案されている。
- the component gallery
AWS
ドキュメント作成
HTML/CSS
- Learn HTML
- Patterns
A collection of code snippets to help you optimize your web projects.
- ヘッダ、メイン、フッタから成るレイアウトを「Pancake stack」、サイトをナビゲートするコンポーネントを「Breadcrumbs」と紹介したり、実装例を出したりしている。
- <wbr>タグ
「WBR」とは「Word Break」の略で、改行をしてもよい箇所を指定するタグです。
- 朗報! CSSの新しい単位(lvh, svh, dvh)がChromeに実装、100vhがビューポートの高さいっぱいにならない問題を解決
- url入力バーの有無でスマホの縦サイズががくっと終わってしまうことへの対策
コラボレーション
- Lark 次世代型コラボレーションスイート
- ByteDance社
- 相手の労力を最小化するコミュニケーション
- 自分が気をつけてることがまとまっていた。「相手に探し回らせない」というのが大事だと思う。
- Kyashミーティングガイドラインを公開しました
運用
- バッチ処理 プラクティス
- 秘密情報には出どころも書いてくれ!頼む!
- 自分も出どころ調査で沢山時間を使ってきたので、他人にはそうさせないように出どころを書くようにしている。昔「実は退職者の個人アカウントで発行しているトークンだった」みたいなこともあったり…。
キャリア
- job tag
職業について、内容、就労する方法、求められる知識・スキルや、どのような人が向いているかなどが総合的にわかるサイトです
- Reverse interview
This is a list of questions which may be interesting to a tech job applicant.
- ビジネス現場でよく見聞きする 「0 → 1」 「1 → 10」 「10 → 100」 の違いを言語化
その他
- GitHub Actions ジョブサマリー機能を使う
- Microsoft PowerToys
- Slackの次世代プラットフォームを試してみた
- WebのフロントエンドでもDockerで開発環境を構築する理由。(余談としての脱node依存開発)
- テック企業の技術スタックデータベース
- APIbank
- HTTPヘッダーのX-は非推奨と言うけれど・・・
- AI for Pull Requests
- セキュリティーチェックシートという闇への防衛術
- 技術系イベントにおけるアンチハラスメントポリシーの効果について
- amazon musicは音楽だけじゃなくてフロントエンドのソースコードも気軽に見れる優れたサービスだぞ!!!!