Kubernetes デバッグ時関連のコマンド集
概要 K8SでRailsアプリケーションを運用していて、デバッグ時に頻繁に使用するコマンドをまとめました。 毎回調べ直すのが面倒なので、チートシートとして執筆しました 基本設定 コンテキスト操...
0
0
Comment0
86 search resultsShowing 1~20 results
Stocked
You need to log-in
【MySQL】Performance Schema DB について - メタデータロック監視の完全ガイド
概要 Performance Schema は MySQL 5.5 以降で導入されたパフォーマンス監視・診断機能です。 MySQLサーバーが自動的に作成・管理するシステムデータベースで、リアルタ...
0
1
Comment0
[個人用] Git Rebase（複数コミットをまとめる、順序を変更）
概要 作業時に毎回検索 => 情報整理してたので、自分用に簡素に記事化 AIにほぼ作ってもらった記事なので、間違いがあるかもしれません。 ユースケース rebase -i を使用します。 ...
1
0
Comment0
[GraphQL × Nextjs] Code Generator の活用プラクティス
概要 本記事では Code Generator を活用した GraphQL × Nextjs の開発プラクティスについて紹介します。 Codegenとは GraphQL Code Generat...
0
0
Comment0
【Next.js】実装ワンポイント
概要 この記事では、Next.jsを使った開発において、つい見落としがちだけど、意識したいポイントについて簡単にまとめました。 目次 設計観点 SSR / ISR / SSG を選択する コンポ...
2
2
Comment0
【Next.js】Server Actions と cookie を利用したFlashメッセージの実装方法
はじめに Next.jsアプリケーションにおいて、Server Actions と cookie を利用した Flash メッセージを実装しました。 本記事では、その実装方法を紹介します。 Su...
2
1
Comment0
[Next × GraphQL] Fragment colocation を使用してコードの保守性を上げよう
概要 Next.js と GraphQL を組み合わせた開発において、コードの保守性と再利用性を高める重要な手法として「Fragment colocation」があります。 この記事では、Fra...
0
0
Comment0
【Next.js】Jest でのテスト方法完全ガイド - モック関数からサーバーコンポーネントまで
はじめに この記事では、Next.js プロジェクトでの Jest を使ったテスト方法について解説します。モック関数の基本から、サーバーコンポーネントのテストまで、実践的なテクニックをまとめてい...
3
1
Comment0
[React Hook Form] useFormContext を使用して、フォーム要素をコンポーネント化する
概要 この記事では、React Hook Form の useFormContext フックを使用して、フォーム要素をモジュラーでメンテナンスしやすいコンポーネントに分割する方法を詳しく解説しま...
0
0
Comment0
graphql-ruby で GraphQLスキーマを自動更新する GitHub Actions を実装する
はじめに GitHub Actions を使用して Rails アプリケーションの GraphQL スキーマを自動的に更新するようにしました。 自動化によって以下のメリットが得られるメリット ス...
0
0
Comment0
[React / React Router] SPAを作成するために知っておくべき基本事項
概要 NMIXXというKPOPグループが好きで、React SPAでアプリケーションを作成したので、 備忘録として、ReactにおけるSPAアプリケーションの概要と、ルーティング（React R...
7
4
Comment0
[個人用] Server Actions + React Hook Form を使用したログインフォーム
概要 ログインフォームと処理をServer ComponentsとReact Hook Formを使用して実装しました。 あとで見返すようとして、記事に残しておきます （もっと良い方法やリファク...
0
0
Comment0
Next.js × Apollo Client で GraphQL API をコールする
概要 この記事では、Apollo Client を活用して Next.js アプリケーションから GraphQL サーバーのデータを取得・表示するまでの一連の流れを解説します。 全体フロー まず...
0
0
Comment0
【Next.js】Intercepting Routes と Parallel Routes を活用したモーダル実装
本記事の内容 この記事では、Next.js の App Router における Intercepting Routes と Parallel Routes を使用したモーダル実装について解説しま...
0
0
Comment0
Rails × GraphQL でAPI開発｜導入からCRUDまでの実践ガイド
概要 本記事は Rails × GraphQLの構成で開発を行う方に向けて執筆しています。 この記事では、Rails アプリケーションにおける GraphQL の導入方法や、DB操作方法を実際の...
1
0
Comment0
Rails × GraphQL でAPI開発｜ログイン認証を行う
はじめに この記事では、GraphQL Ruby を使用した Rails アプリケーションでの認証フローの実装方法について解説します セッションモデルを活用した認証システムで、ユーザーのログ...
1
0
Comment0
Next.js（App Router）での検索機能について
概要 自身が開発しているブログアプリに検索機能を追加しました 検索コンポーネントの検索結果に応じて、ページ内のpostsデータをフィルタリングするUXを実現したかったのですが、実装方針に迷いが...
0
0
Comment0
【Rails】 Formオブジェクトを使って複数モデルを更新する
背景 Formオブジェクトめちゃめちゃ便利だな〜と思ったので、まとめました。 開発環境は「Rails7」です。 Formオブジェクトとは？ FormとModelの役割を分ける時に使用するオブジェ...
3
5
Comment0
[React] Effect（副作用）について理解する！
Effectとは？ React Hooksの一種で副作用を実行するための処理 APIからのデータ取得 DOMの更新 構文 副作用は useEffect()によって定義される。 第一引数 副作用を...
0
1
Comment0
Rails × GraphQL でAPI開発｜ページネーションを実装する
概要 前回の記事に続き、Rails × GraphQL でページネーションを実装していきます。 本記事では、GraphQLにおける2つの主要なページネーション方式について解説し、Rails環境で...
0
0
Comment0
86 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles