Hatena Blog Tags
はてなブログ トップ
Hooks
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Hooks

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
every Tech Blog•5ヶ月前

Claude Code を快適に使うための macOS デスクトップ通知セットアップ 〜 alerter と Hook でクリックから VSCode 復帰まで 〜

Claude Code を快適に使うための macOS デスクトップ通知セットアップ 背景 なぜ alerter を採用したのか 1. alerter のインストール 2. 通知スクリプトの作成 2-1. notify_alerter.sh（Stop / Notification hook 用） 2-2. notify_pretool.sh（PreToolUse hook 用） 3. Claude Code の hooks 設定 各 Hook の役割 4. VSCode 拡張での Notification hook の扱い 5. macOS のセキュリティ許可 6. 動作確認 通知テスト 確認…

#ClaudeCode#alerter#macOS#VSCode#Hooks

関連ブログ

KENTEM TechBlog•10ヶ月前

【React19.2】新機能useEffectEventの使いどころと注意点

こんにちは！KENTEMのフロントエンジニア、S.W.です。 昨年React19の正式版が公開され、私のプロジェクトでは今年の夏にReact18から19へ更新を実施しました。 依存ライブラリの更新や移行作業には苦労しました…。 そして、更新直後の10月1日にReact19.2が公開されました。 すでにReact19.1へ更新済みなので恐れることなく、今回の開発でReact19.2を取り入れることにしました。 react.dev 早速、新機能 useEffectEvent の使いどころがあったので、使い方をご紹介します。 useEffectEventとは どんなときに使えるの？ 例 useEff…

#React19#フロントエンド#Hooks#react#useEffectEvent#useEffect
Web開発における知見共有系ページ•3年前

Reactの関数コンポーネントとクラスコンポーネントの違いとそれぞれのメリット

Reactの関数コンポーネントとクラスコンポーネントの違い 1. 構文の違い 2. ステートとライフサイクルの管理 3. thisの扱い 4. 可読性とシンプルさ 関数コンポーネントのメリット Reactの関数コンポーネントとクラスコンポーネントの違い Reactでは、クラスコンポーネントと関数コンポーネントの2つの主要なコンポーネントの種類があります。 最新のReactバージョンでは、React Hooksの導入により、関数コンポーネントがより強力で柔軟になりました。 以下に、これら2つのコンポーネントの主な違いを示します。 1. 構文の違い クラスコンポーネント: class MyClas…

#関数コンポーネント#クラスコンポーネント#Hooks
Web開発における知見共有系ページ•3年前

Reactのフックと導入されたことによる変化

Reactのフックとは何か Reactのコンテキストとは Reactにフックが導入されて何が変わったか Reactの関数コンポーネントとは Reactのフックとは何か Reactのフック（Hook）は、React 16.8から導入された機能であり、関数コンポーネント内で状態管理やライフサイクルメソッドの利用など、クラスコンポーネントで提供されていた機能を、関数コンポーネントでも利用できるようにするための仕組みです。主なReactのフックには以下のようなものがあります：1. useState: 状態を関数コンポーネント内で利用できるようにする。 通常の変数とは異なり、状態を変更するとコンポーネン…

#フック#useState#関数コンポーネント
lothar’s diary•3年前

個人HP作成計画　その3　はてなAPIから最新記事を取得する

数か月振りの個人HP更新。年末までAWSに力注いでたから仕方ないね。 リンク集追加 はてなブログAPIから最新記事を取得して表示する リンク集追加 各種リンク先をおいたページを追加 まず簡単なやつから。 Link集を追加。までもこれはそんなに難しくないね。aタグのhrefにURL入れるだけだから。display:blockの仕様が理解できてなくて3等分に並べるのに苦戦したけど、最終的に概念を理解できたのでヨシ。 ぶっちゃけ1日かからずに終わったからそんなに感慨ないんだよね。強いて言えばデザインがクソダサである。悲しい。 今後リンクを追加できるつくりにはしてあるし、どうデザイン変えるのがいいんだ…

#はてなブログAPI#API#プログラミング#個人HP#Next.js#Hooks#BFF
HapInS Developers Blog•3年前

【初心者向け】強すぎる！react hooksのご紹介

はじめに reactのhooksを1年使ってみてとても便利だと感じた（もうhooks無しでreact書きたくない！）のと同時に、 ネットに初心者向けの記事がそんなに多くなかったので執筆しようと思いました。 なるべく初心者の方にも分かりやすく説明できたらと思いますので、ご一読していただけたら幸いです。 hooksとは？ そもそもhooksって何？という話ですが、 hooksとはReactのバージョン16.8で追加された機能で、stateなどのReactの機能をクラスを書かずに使えるようになったものです。 今までだったらcreateClass()だとかReact.Componentを使っていたもの…

#react#Hooks
エニグモ開発者ブログ•4年前

BUYMAフロントエンド開発にRecoilを導入してみた話

この記事は Enigmo Advent Calendar 2022 の 5日目の記事です。 こんにちは。フロントエンドエンジニアのWooです。 エニグモへ入社して3年目、主にBUYMAの購入者側のページをReactで構築しています。 BUYMAではReactのグローバルステート管理のために主にReduxを使用していますが、今回は新しい取組としてRecoilを導入し、開発を行なってみましたので、その経験を共有しようと思います。 まず、軽くRecoilについて理解し、Recoilを導入するようになった理由、Recoilで開発する時に良かった点や困ったこと、他にリリースする際に失敗した話、最後にはこ…

#Recoil#react#Redux#frontend#React Hooks#suspense#State Management#async#atomic#Hooks
タオルケット体操•4年前

PROのためのスーパー型が付くReactフォームライブラリをつくった

GitHub - hachibeeDI/mayoiga hachibeedi.github.io つまりReactフォーム界のHANAMASAということ。 良い特徴、あるいはReact Hook Formとの違い 1. refに依存していない 自作するとわかるのですが、Formの状態管理（およびバリデーション）は素朴な実装だとあっという間にUIをブロックするレベルでパフォーマンスが劣化します。 Reactが難しい、と言われる一つの原因ですね。 React Hook Formは各inputをUncontrolled Formとする代わりに、状況に応じてDOMを直接操作することで、普通のフォームで…

#Hooks#react-hook-form
yoko's memo•10ヶ月前

React Hooksの魅力：関数コンポーネントでの状態管理を理解する

React Hooksは、React 16.8で導入された機能であり、関数コンポーネントで状態管理やライフサイクルメソッドなどのReactの機能を利用するための新しい方法を提供します。クラスコンポーネントに依存しないシンプルで直感的なAPIを通じて、より読みやすく、再利用可能なコードを書くことができます。ここでは、React Hooksの魅力について詳しく見ていきましょう。 moun45.hatenablog.com Hooksとは？ React Hooksは、関数コンポーネント内でReactの機能を利用するためのAPIです。これにより、クラスコンポーネントを使用せずに状態管理やライフサイクル…

#Hooks#コンポーネント#状態管理