ANSI/ISO SQL では、並列トランザクションにおける正常ではないリード現象【Read phenomena】として以下の３つを定義しています。 ダーティリード【Dirty Reads】 並列実行中の他のトランザクションが書き込んだ未コミットのデータを読み込んでしまう。 ノンリピータブルリード【Non-repeatable Reads】 並列実行中の他のトランザクションが更新しコミットしたデータを読み込んでしまうため、以前読み込んだデータを再度読み込むと異なる値となる。 ファントムリード【Phantom Reads】 並列実行中の他のトランザクションが挿入しコミットしたレコードを読み込んでしまうため、以前存在しなかった行データが読めてしまう。 トランザクション分離レベル【Isolation levels】は、これらのリード現象が発生するかしないかによって表すことができます。

初めに こんにちは。ビジネスチャットサービスTypetalkを開発・運用している吉田です。Typetalkではデータの永続化ストレージとしてPostgreSQLを利用しています。扱うデータ量は多く、チャットというサービスの性質上書込み頻度はとても高いです。PostgreSQLを使い日々開発を進めていると、追加する機能によってはスキーマを変更する必要があります。メンテナンスを計画・告知してサービスを止めてしまえば、時間はかかるかもしれませんがスキーマの変更はそう難しくありません。しかしTypetalkはユーザーが日々の業務を進めるために利用しており、サービスが止まるとコミュニケーションが取れなくなります。業務を円滑に進めるためのビジネスチャットツールですので、極力サービスは止めたくありません（最後の計画メンテナンスは2019年6月30日で1年以上前となっています。）。本記事では以下の3つのケ

Programmers spend countless hours interacting with one fundamental tool: their text editor. Before you commit, push, or ship a single line of code, you must first put your hands on the keyboard and type it into the machine. No tool has a bigger impact on the visceral and tactile experience of creating software. Yet despite the critical role that editors play in my life as a programmer, I have neve

「Redux は学習コストが高い」などと言って useState（または useReducer）と useContext を組み合わせ 劣化 オレオレ Redux を作ってしまうのを見かけます[1]。よくないことだと思いますが、気持ちは非常にわかります。Redux エコシステムがそういう気持ちにさせてしまう部分は大いにあります。 Redux は それ単体なら 学習コストは useReducer + useContext と同等であることを示してこの気持ち（誤解）を解かしつつ、なぜそういう気持ちになってしまうのか考察してみます。 まず useState と useReducer の違いを押さえておく 知っている方はスキップしてください。 useState と useReducer は本質的には同等で、どちらもコンポーネントにステート（状態）を持たせる役割があります。次のようなカウンターアプリ

こんにちは、クレイの正岡です。 コロナ禍が始まってから小学生時代以来のゲーム生活を送っています。ゲームボーイと呼んでください。 さて、今回は React × Typescript でコードを書いている人／書こうとしている人に向けて、Reactコンポーネントの型定義について頭の片隅に置いておいて欲しい情報を共有したいと思います。 寝ながら使えてしまうReactコンポーネントの3つの型 () => JSX.Element 型 interface Props { text: string } const Hoge = ({ text }: Props) => { return ( <p>{ text }</p> ) } 上記のように返り値の型を特に指定していない場合、 このコンポーネントは JSX.Element型 を返す関数（ () => JSX.Element ）として返ります。 React

TypeScript React の FC, VFC という型は過渡期で将来的に変更になる可能性があるからコンポーネントの返す型は JSX.Element にした方が良いという記事を読んで新しいプロジェクトでは JSX.Element を使うようにしたのですが、そこでハマったことのメモ null を返せない 条件によって表示したくないようなコンポーネントで null を返したりしていましたが、JSX.Element は null を含まないようです const ComponentVFC: VFC = () => { return null; }; // => OK const ComponentJsxElement = (): JSX.Element => { return null; }; // => Type 'null' is not assignable to type 'Elem

8079 回閲覧されました 公開日 : 2023年2月14日 みなさんこんにちは、jonioです。 プログラミングをやってると頻繁に「Node.jsをインストールして」って言葉が出てきていて私は何となくインストールしていましたが「そもそもNode.jsって何だろう？」と思ったのでNode.jsについてまとめました。 JavaScriptができる事とできない事 Node.jsを知る前にJavaScriptができる事について知っておかないといけません。 JavaScriptはパソコンの画面上で見えている物に対して画面をスクロールしたら表示させるとかクリックしたら表示を変えるとかの操作を行う事ができ見た目に対する操作ができます。 しかしログインやお問い合わせフォームなどの機能を作る事ができません。 システムの部分には介入ができないようになっています。 Node.jsの役割 だからJavaScri

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

この記事は 筆者はサイ本を通読してJavaScriptについてある程度理解しましたが、仕事で役立つ即効性のある知識は各ライブラリの理解であると考えました。 公式ドキュメントに目を通すとともに、必要になった時にすぐに該当のページへ辿り着けるように、個人用に書いています。 Prettierとは Prettierとはコードフォーマッターで、JavaScript、TypeScript、React、HTML、CSSなどに対応している。この世界においてはちょっとしたコーディングのスタイルの違いで不毛な議論が多くの時間を浪費させているわけだが、Prettierがあれば解決。後方互換性などの特殊な事情を除いてオプションは最小限にしている。しのごの言わずPrettierに従っておけという方針。 現在のデフォルトがなぜそのようになっているかはRationaleを参照 以下では、公式ドキュメントを参照して、特に

JavaScriptを書いていて保存を押しても一瞬修正されてすぐに戻ってしまう....こんな経験ありませんか？ PrettierとESLintのフォーマッターがコンフリクトしている状態です🥺 今まで自分は起きるたびに色々いじってたらなんか直ってしまい、しばらくしてまた遭遇するということを繰り返し、毎回イライラしていました。 そこで、本記事では 【概念編】でなぜコンフリクトが起きるのかを理解する 【実践編】で実際に手を動かしてコンフリクトを再現し、解決する。 の流れでコンフリクトを完全理解していきます。 これを読めば今後PrettierとLinterのコンフリクトでイライラすることはなくなるでしょう！ ではいってみましょう！ 【概念編】なぜコンフリクトが起きるのか コーディングルールにおける2つのカテゴリ PrettierやESLintの話にいく前にコーディングルールの2つのカテゴリについ

こんにちは！ラクス入社1年目のkoki_matsuraです。 本日は、Reduxの基本的な状態管理や仕組みをTodoアプリ作成を通して、ご紹介させていただきます。 この記事は「Reactの状態管理ライブラリ基礎学習」全3部作の1部目です。 Reactの状態管理ライブラリを勉強している方、状態管理ライブラリについて簡単に知りたい方などのお役に立てればなと書かせていただきました。 アジェンダは以下の通りです。 Reduxとは 概要 構成図 Todoアプリ作成 仕様説明 プロジェクト作成 初期設定 ディレクトリ構成 Stateの定義 Reducerの定義 Storeの定義 ActionCreatorの定義 TodoContainer.tsxの定義 TodoPresenter.tsxの定義 Providerの設定 アプリの起動 Todoの追加機能 Todoの削除機能 完了・未完了の切り替え機能 終

gitでは様々な方法でコミットログを書き換えることができます。 その一例としてコミットの順序を入れ替える方法を紹介します。 問題 とある新機能Xを追加することになったとしましょう。 まずはこの作業用のトピックブランチを作成します:

動機 昨日のScalaMatsuriで、モナド・モナドトランスフォーマーの話が出てきて、そー言えば業務でZIO使ってるけど、なんとなく使ってるなあああと思ったので、よくある問題（自分がよく直面する問題）をZIOを使って解決してみた。 問題 以下の定義があるとき、getIdsとgetUserメソッドを組み合わせた関数の戻り型を、Future[Option[User]]として返したい。 scalazでいう、OptionT的なことをしたい。（scalaz使ったことないけど。。。） case class User(name: String) implicit val ec = ExecutionContext.global def getIds: Future[Option[String]] = Future(Some("uuid")) def getUser(id: String): Futur

About this Book The Rust programming language is extremely well suited for concurrency, and its ecosystem has many libraries that include lots of concurrent data structures, locks, and more. But implementing those structures correctly can be difficult. Even in the most well-used libraries, memory ordering bugs are not uncommon. In this practical book, Mara Bos, team lead of the Rust library team,

駆け出しエンジニアがReactとTypeScriptとFirebaseで3ヶ月間、アプリ開発に取り組んでみたstripeTypeScriptポエムFirebaseReact はじめに 私はフロントエンドエンジニアとして2021年の6月から働いている駆け出しエンジニアです。 実務で触れているのはVue.js, Nuxt.jsがメインで、今回のアプリ開発で初めてReactに触りました。この記事はReactの勉強を始めた12月1日から3ヶ月後の2月末までアプリ開発にコミットしてきた足跡になります。 背景 11月末に大学時代の友人から「アプリ開発のエンジニアを探しているんだけど、どうかな」とお誘いの言葉をもらいました。 既にプロダクトデモはあるらしくざっくりとしたアプリの概要を説明してもらい、Reactを採用していることや、自分もちょうど案件が落ち着き何か開発をしたいなと思っていたので12月からお

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

この記事は、Money Forward Engineering 2 Advent Calendar 2022の20日目の投稿です。 21日目の記事は、Taiga KIYOKAWAさんによる『react-i18next で日本語の改行箇所を制御したい時は、設定で wbr タグを使えるようにしよう』でした。 本日は、マネーフォワードに入社して3ヶ月目の私が、「コンポーネントを高品質に保つためのStorybook運用」というテーマで、記事を書いていきます👊 背景 私が開発に携わっているプロジェクトでは、マネーフォワードクラウドにある複数のプロダクトを横断して利用される機能を開発しており、その機能をマイクロフロントエンドとしてプロダクト側に提供しています。 より詳しく知りたい方は、Money Forward Engineering 1 Advent Calendar 2022の14日目に投稿され