分離レベルを高くするほど、データの整合性は向上しますが、ロックが増えるためパフォーマンスは低下する傾向があります。アプリケーションの要件に応じて適切な分離レベルを選択することが重要です。例えば、高いスループットが必要な読み取り中心のアプリケーションでは READ COMMITTED を、金融取引のような厳密な整合性が必要なアプリケーションでは SERIALIZABLE を選択するといった判断が必要です。 楽観ロックの仕組み 楽観ロックの基本概念とメンタルモデル 楽観ロック（Optimistic Locking）は、その名の通り「楽観的」なアプローチでデータの整合性を管理します。このアプローチでは、データ競合が発生する確率は低いという前提に立ち、事前にデータをロックせずに処理を進めます。 楽観ロックのメンタルモデルは、EC サイトでの買い物に似ています。あなたがオンラインショップで商品を閲覧

背景 Obsidianはわたしのメモ取りに革命をもたらしました。ツールとしては、ごく単純なマークダウンエディタですが、ただ情報を記録するだけでなく、思考を整理し、アイデアを形にするためのパワフルなツールとして、日々の作業を効率化する上でとてつもなく大きな助けとなっています。 Obsidianの便利な使い方を共有したいと思い、継続的に記事化していますので、この一覧記事を作成しました。情報にあふれた混沌とした現代を、未来に向けてスムーズに航海していくうえで、Obsidianを役立つガイドとして右腕化できることを願っています。 もくじ リンクまとめ、初心者向けリンクまとめ Obsidianのよくつかうリンク集 ゼロイチObsidian｜ゼロからはじめるObsidian案内 Obsidianの小技 小技その1｜ ファイル名を6桁ではじめる（yymmdd_） 小技その3｜リンクをMarkdown形式

フォントのサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィのテクニックです。CSSのclamp()関数を使用するとビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的に設定することができます。 たとえば、小さいスクリーンでは最小値の16pxに、大きいスクリーンでは最大値の24pxに設定し、その間はスクリーンサイズに応じてフォントサイズが変化する、という感じに実装できます。また、メディアクエリが一切不要というのもいいですね。 CSSのclamp()関数を使用したレスポンシブ対応のフォントサイズを簡単に定義できるオンラインツールを紹介します。

実際にコードを用いてスタック領域とヒープ領域の概念を説明します。 person オブジェクトを宣言した時、JavaScript エンジンはオブジェクトの実体をヒープ領域にメモリ割り当てを行い、ヒープ領域にある実体への参照をスタック領域にメモリ割り当てを行います。 const person = { name: 'Taro', age: 24 }; 次のように新しい変数(newPerson)に再代入をすると参照がコピーされ、newPerson も person もヒープ領域に割り当てられた同じ実体に対する参照を持ちます。 const newPerson = person; Object.assign を使って新しいオブジェクトを生成するのは、参照コピーをしないための方法の一つで、よく使われる手法の1つです。 function getName(person) { return person.na

CSS GridやFlexboxで配置するプロパティや値は？ 最初の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プ