TypeScriptのsymbol型 基本的な使い方 Symbolのプロパティとしての使用 Well-known Symbols 例: Symbol.iterator Symbolの利点 注意点 symbolを使用する具体的な場面 1. ユニークなプロパティキーの作成 2. クラスのプライベートプロパティ 3. Well-known Symbolsを使用したカスタム動作 4. メタデータの追加 5. プロトコルやインターフェースの実装 TypeScriptのsymbol型 TypeScriptのsymbol型は、ES6 (ECMAScript 2015)で導入されたプリミティブデータ型で、ユニ…

TypeScriptにおける構造的部分型関係とは TypeScriptにおける構造的部分型関係とは TypeScriptにおける構造的部分型関係（structural subtyping）は、オブジェクトの型がその構造によって決まるという概念です。 TypeScriptでは、ある型が別の型の部分型（サブタイプ）であるかどうかは、その型が必要とするプロパティをすべて持っているかどうかによって判断されます。 これにより、柔軟で再利用性の高いコードを書くことができます。具体的な例を挙げて説明します。 interface Person { name: string; age: number; } in…

@State 状態を管理するためのプロパティラッパー。特定のプロパティが変更されると、関連するビューが自動的に再描画されるようにするための仕組みを提供。 プロパティラッパー 特定のプロパティに対するアクセスや保持方法をカスタマイズするための仕組み。

最近、Notionの関数機能にアップデートがあったようです。（詳しくは以下リンク） notion-lab.jp アップデート内容を確認したところ、かなり大きなアップデートに感じました。 カスタマイズの自由度が上がった感じもあり、自分が使っているNotionデータベースにも適用したい内容がいくつかありました。 ということで、その辺りを記事として書いてみようと思います。 今回は、数ある関数機能のアップデート内容の中から「style」関数を使ってみようと思います。ちなみに「style」関数は、今回のアップデートで新しく追加された関数です。 この「style」関数を、読書記録のNotionに対して適用…

今回は「Notionデータベースの各プロパティのアイコン変更」に関して書いていきます。 これまで気付かなかったのですが、Notionデータベースのプロパティのアイコンを変更できるようです。 今回のプロパティのアイコン変更機能も「いつからあったんだろう…？」という感じです。自分がNotionを使い始めた頃からあったのか、最近リリースされた機能なのか、、いつの間にかあった感じです。 これまでいくつかNotion活用事例の記事を投稿していますが、今回は「ラジオ番組管理」のNotionを基に、プロパティのアイコン変更の流れを書いていきます。 関連記事 Notionでお気に入りのラジオ番組を管理する そ…

Reactのレンダリング（Rendering）は、Reactコンポーネントが画面上に表示されるプロセスです。 Reactでは、コンポーネントの状態やプロパティ（props）の変更に応じて、再レンダリングがトリガーされます。 Reactのレンダリングの主な特徴は次のとおりです。 初回のレンダリング コンポーネントが最初に画面に表示される際、または親コンポーネントからの再レンダリングの結果として、コンポーネントの初回のレンダリングが行われます。 この際、コンポーネントの JSX（JavaScript XML）コードが仮想DOM（Virtual DOM）に変換されます。 仮想DOMの更新 コンポーネ…