1
/
5

Trending Posts

Prismaを使って、いろいろなDB操作をマスターしよう〜トランザクション編〜（前編）

はじめに 事前準備 データモデルの定義 データの用意 トランザクションの管理 概要 全体の実装の確認 Sequential Operations 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 まとめ はじめに 前回 は応用編として複雑なクエリの実行方法を確認しました。 データ整合性やパフォー...

吉田 光輔
吉田 光輔
システム開発事業部
about 2 months ago,

Prismaを使って、いろいろなDB操作をマスターしよう〜トランザクション編〜（後編）

はじめに Interactive Transactions 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 Nested Writes 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 まとめ はじめに 前回はトランザクション管理の前編として、Sequential Oper...

吉田 光輔
吉田 光輔
システム開発事業部
about 2 months ago,

Prismaを使って、いろいろなDB操作をマスターしよう〜複雑なクエリ編〜

はじめに 事前準備 データモデルの定義 データの用意 複雑なクエリ 全体の実装の確認 検索のオプション設定 検索条件の設定 取得対象の指定 実際のSQL文を確認 まとめ はじめに 前回は応用編としてリレーション関連の操作を書きました。 今回は応用編シリーズの第2回目として複雑なクエリについて解説します。 なお、...

吉田 光輔
吉田 光輔
システム開発事業部
6 months ago,

Latest Posts

Prismaを使って、いろいろなDB操作をマスターしよう〜トランザクション編〜（後編）

はじめに Interactive Transactions 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 Nested Writes 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 まとめ はじめに 前回はトランザクション管理の前編として、Sequential Oper...

吉田 光輔
吉田 光輔
システム開発事業部
about 2 months ago,

Prismaを使って、いろいろなDB操作をマスターしよう〜トランザクション編〜（前編）

はじめに 事前準備 データモデルの定義 データの用意 トランザクションの管理 概要 全体の実装の確認 Sequential Operations 基本的な形 具体的な実装の詳細 実際の挙動確認 エラー時の挙動確認 まとめ はじめに 前回 は応用編として複雑なクエリの実行方法を確認しました。 データ整合性やパフォー...

吉田 光輔
吉田 光輔
システム開発事業部
about 2 months ago,

Prismaを使って、いろいろなDB操作をマスターしよう〜複雑なクエリ編〜

はじめに 事前準備 データモデルの定義 データの用意 複雑なクエリ 全体の実装の確認 検索のオプション設定 検索条件の設定 取得対象の指定 実際のSQL文を確認 まとめ はじめに 前回は応用編としてリレーション関連の操作を書きました。 今回は応用編シリーズの第2回目として複雑なクエリについて解説します。 なお、...

吉田 光輔
吉田 光輔
システム開発事業部
6 months ago,

Prismaを使って、いろいろなDB操作をマスターしよう〜リレーション編〜

はじめに 1対1のリレーション データモデルの定義 1対多のリレーション データモデルの定義 リレーション関連のDB操作 事前準備 リレーション定義されたデータの取得 データの同時登録 Cascadeによるデータの削除 まとめ はじめに 前回はPrismaの基本を学ぶ記事を書きました。 今回はPrismaのDB...

吉田 光輔
吉田 光輔
システム開発事業部
10 months ago,

ゼロからPrismaを導入して、Prismaの基本をマスターしよう

はじめに 前提 環境 Prismaの導入 下準備 DB関連設定 テーブルの生成 データベースの操作 下準備 データの登録 データの取得 データの更新 データの削除 まとめ はじめに PrismaはNode.jsとTypeScriptのORMです。 業務で使っていますが、なんとなく使っていて基本を理解していなかった...

吉田 光輔
吉田 光輔
システム開発事業部
11 months ago,

useMemo、useCallback、useEffectの違いを理解する

はじめに Reactにはさまざまなフックが用意されています。 その中でも、useMemo、useCallback、useEffectは第1引数に関数、第2引数に依存配列を指定するフックです。 依存配列の値が更新されたときに、関数の再実行が行われます。 業務で使っていてあまり違いが理解できなかったので、一つずつ役割...

吉田 光輔
吉田 光輔
システム開発事業部
,

Reactでローディング、エラー画面をササッと作る

はじめに Webアプリをつくるにあたって、メインではないけれども重要な要素があります。 それが以下の2つです。 ローディング画面 →データ取得などに時間がかかるときに表示される。 エラー画面 →何らかの意図しない操作などがあったときに表示される。 今回はこれらの画面をササッと作る方法を確認します。 「ササッと」...

吉田 光輔
吉田 光輔
システム開発事業部
,

Reactのライブラリを駆使して、それっぽいアンケートフォームを作ろう

はじめに Reactには開発を便利にするための様々なライブラリがあります。 今回はフォーム作成に欠かせないFormikと、キレイめなUIを作ってくれるMaterial-UIを使って実用的なフォームを作成する方法を確認します。 長編です。 今回のゴール 以下のようなフォームを作成します。 バリデーションも設定します...

吉田 光輔
吉田 光輔
システム開発事業部
,

技術に出会えるお祭り『技術書典16』に行ってみた

今回は、技術書典16に参加した清水さんが作成したレポートの代筆投稿になります。 システム開発部のエンジニア・足立さん、吉田さんに引き続き、BabyTech事業部のエンジニア・清水さん、ご協力ありがとうございます😭✨ ※この記事は、技術書典運営事務局は関与していない非公式の情報です。 初めまして、関東でフロントエ...

naomi yamashita
naomi yamashita
BabyTech事業部・管理部
,

useReducerって結局どうやって使えばいいの？という話

はじめに ReactHooksの1つにuseReducerがあります。useStateと同じように状態を管理できるフックです。 結構複雑なので、私は苦手意識を持っています。 改めて基本構造を確認し、現場で使われる実践的なものがどのようなものかを確認していきます。 useReducerの基本構造 基本的には以下の形...

吉田 光輔
吉田 光輔
システム開発事業部
,

Reactのコンポーネントの基礎をマスターする

はじめに ReactでUIを構築するうえで、避けて通ることのできない最も重要なものがコンポーネントです。 コンポーネントを使わないReactはありえないと言っても過言ではないほどです。 そんなコンポーネントについて、概念や使い方を基礎からしっかり解説します。 コンポーネントの基礎 繰り返し使えるUIの必要性 以下...

吉田 光輔
吉田 光輔
システム開発事業部
,

Reactを覚えるために、ブラウザ上でじゃんけんしてみた

はじめに 前回 に引き続き、普段Javaを書いているわたしがReactで学んだことを共有します。 今回はuseStateという情報を保持するための機能について確認します。 じゃんけんをしたい 唐突ですが、無性にじゃんけんがしたくなりました。 以下のような仕様をみたすじゃんけんプログラムを作ってみます。 ・グーチョ...

吉田 光輔
吉田 光輔
システム開発事業部
,

Reactを知るために、あえてReactを使わずに実装するとどうなるのかを考えてみた

はじめに 初めまして、仙台でバックエンドエンジニアをしている吉田です。 簡単にまず自己紹介をすると、JOINT CREWには2023年の7月に入社し、入社当初からお客様のECサイトの開発に携わっています。 その前は別の会社で5年間主にSESで色々なシステムの開発・保守を行っていました。 最後の2年間は受託開発で建...

吉田 光輔
吉田 光輔
システム開発事業部
,

Developers Summit 2023 KANSAIに行ってみた

今回は、弊社エンジニアの足立さんによる Developers Summit 2023 KANSAI 参加レポートの代行投稿になります。（ご提供ありがとうございました！） ❓ Developers Summit 2023 KANSAI とは デブサミ関西は、2011年から続く関西のITエンジニアのためのお祭りです。...

naomi yamashita
naomi yamashita
BabyTech事業部・管理部
,
space-avatar-image
技術ブログ
困ったことは誰かのヒントに。JCのエンジニアが取り組む技術的チャレンジやナレッジを発信しています。
Followers
14
Posts
44
Likes
space-external-link-icon
株式会社JOINT CREW

タグや日付から探す

タグ
日付