React デザインパターン
はじめに 長らくReactを雰囲気で書いてきました。コンポーネントを作り、propsを渡し、状態を管理する基本的な概念は理解していたものの、より体系的なアプローチや設計パターンについては深く考えずにコードを書いていました。しかし、より大規模で保守性の高いアプリケーションを構築するにつれ、単なる「動くコード」を超えた、堅牢な設計原則の必要性を痛感するようになりました。 この記事は、私自身の再学習を共有するものです。 ※2025/04/21時点、私が関わっているプロダクトのCrowd AgentのReactのバージョンは"18.3.1"です。 目次 Reactデザインパターンとは HOC (高階コンポーネント) パターン[※React18以降では、カスタムフック推奨] Provider パターン Presentational と Container コンポーネントパターン React Hook
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 Misskeyでは2025年も大きな機能改修・リファクタリングに取り組んでいます。 その中にCSS Variablesに関する作業もあったので、今回はその紹介も兼ねてMisskeyで使っている便利なテクニックなどを取り上げます。 CSS Variablesとは CSS Variables（CSS変数）は、カスタムプロパティとも呼ばれ、CSSで変数を使用できる機能です。 CSS変数を使うと、ウェブサイト内で共通して使われるテーマカラーなどの値を使いまわしたり、動的にプロパティの値を変更することが可能です。さらに、CSSで用意されている色関数と組み合わせると、同じく動的に相対的な色の定義が行え、表現の幅を大きく広げることが可能です。 MisskeyのWebクライアントに
デスクトップは「清く・正しく・美しく」AeroSpace, JankyBorders, SketchyBar, alt-tab
かなりの頻度でガジェットを購入していて驚きました😳 購入したものを見るのって楽しいですね！自分はAirPods Pro 2 が今年のMVPでした🏆 理想を求めて 思考を邪魔しない、アニメーション無しのワークスペース切り替え！ ウィンドウの自動調整！ 操作はキーボードで完結！ 美しいメニューバー！ 判別しやすいアクティブウィンドウ！ 設定はコード管理！ ウィンドウ切り替えはプレビュー表示！ この冬、私は「すべて」を手に入れたいと思う。🎅 🎀🎄⭐️⭐️⭐️⭐️⭐️操作はやっぱキーボードっしょ⭐️⭐️⭐️⭐️⭐️🎄🎀 ⛷️ウィンドウ切り替えはプレビュー付きが好き⛷️ 🍎マークを🎄にしてクリスマス気分に この記事でやること ウィンドウマネージャーの選定 AeroSpaceの設定 : ウィンドウマネージャー JankyBordersの設定 : アクティブウィンドウに枠をつける Sk
GitHub - bahdotsh/wrkflw: Validate and execute GitHub Actions workflows locally.
TUI Interface: A full-featured terminal user interface for managing and monitoring workflow executions Validate Workflow Files: Check for syntax errors and common mistakes in GitHub Actions workflow files Execute Workflows Locally: Run workflows directly on your machine using Docker containers Emulation Mode: Optional execution without Docker by emulating the container environment locally Job Depe
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こちらの記事で執筆した通り、2024/01からAWSの設計構築案件に参画し、現在で1年3ヶ月が経過しました。 こちらの記事ではAWS案件に参画するまでにやってきたことをまとめていますが、本記事はAWS設計構築でやったきたことのまとめとなります。 経験してきたフェーズとしては以下の通りです。 各フェーズにおいてどのようなことを経験してきたのかをまとめていきたいと思います。 途中プロジェクト内で別案件の依頼があり、コンテナイメージで使用しているAmazon Linux2 -> 2023へのVersionUp対応、およびLambda
Thermavault
The Odyssey Developing Thermavault wasn’t just three highschoolers sitting for a day and whipping up a concoction but a long yet enriching journey involing countless hours of dedication, research and outreach. Pressing Challenge Electricity-free fridges are a game-changer for sustainable living, offering a practical solution for communities without reliable power. They can preserve food and medici
Docker has grown up. Have you? Back in 2015, Docker was shiny and new. You probably ran your first container with something like: You felt powerful. You installed Vim inside the container. Maybe even Node.js. You didn't use a .dockerignore. You ran everything as root. You thought you were deploying containers, but really, you were just spinning up a weird kind of VM. Fast forward to 2025: that sam
GitHub - spegel-org/spegel: Stateless cluster local OCI registry mirror.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Variablesはここまで進化した | gihyo.jp
AWS実務未経験からAWSエンジニアになって1年で学んだ実践的なこと - Qiita
Stop Using Docker like its 2015