Reactのeslintの設定集(日本語訳)
この記事の概要と注意 2025年6月26日時点に書いています。年数が経つとルールも変わってくるので公式ドキュメント優先でお願いします。 ESLintとは JsやTsでコードの間違いやスタイルの乱...
0
0
Comment0
271 search resultsShowing 1~20 results
Stocked
You need to log-in
React、Next.jsで使われるCSSの書き方
よく使うReact、Next.jsでのCSSの書き方 React、Next.jsでのCSSの書き方が多様化しているので簡単にまとめて見ました。 技術選定などの参考になれば幸いです。 注意 今現時...
0
0
Comment0
React、Next.jsの運用はsharedとfeaturesディレクトリでやろう(AtomicDesignと比較して)
Sharedとfeaturesディレクトリとは sharedはプロジェクトの全体の共通コンポーネントなどを管理するディレクトリです。 featuresは専属のコンポーネントを入れるためのディレク...
0
0
Comment0
これ知らないとやばい‼️ React-Hook-Form、Zodの実装方法
React-Hook-Formとは? ReactやNext.jsを使う時に、フォームの処理を高速で型安全などを簡単にするライブラリです。TypeScriptと相性が良いです。 ex) 入力値の管...
0
0
Comment0
未経験と駆け出しエンジニア読まないとヤバい‼️開発現場に出たらまず何をするのか(これからキャリアアップする方法も解説)
はじめに これからエンジニアになって、開発をやるぞーという方も多いと思います。 そこでこんな疑問が出てくるのではないでしょうか。 現場に出たらそもそも何をするの？ってずっと思ってました。 そのよ...
43
44
Comment0
知っていたら実務で最強！ git pullとgit pull --rebaseの違い
はじめに Gitの操作でpullはわかってもこのrebaseって何だ？みたいなことが 現場で発生しました。 この記事ではgit pullとgit pull -rebaseの違いについて説明してい...
143
99
Comment1
Reactを習得するためのTypeScriptの基礎(実務でよく使うもの)
TypeScriptは必須になってきた フロントエンドエンジニアになる上で今TypeScriptは必須になっています。 最近はほぼJavaScriptではなくTypeScriptです。 フロント...
0
0
Comment0
Reactの関数型更新(function Update)
関数型更新とは useStateの更新時に 現在の状態（state）を引数として受け取り、新しい状態を返す方法です。これだけだとわかりづらいので直接値と関数型アップデートの説明からしていきます。...
1
0
Comment0
ReactのuseLocationとは？
useLocationとは React Router（v6以降）で使えるフックです。 現在のURLの情報（パス名・クエリ・ステートなど）を取得するために使います。 基本構文 基本的な形は以下のよ...
0
0
Comment0
CTO、PM、全エンジニア必読‼️最強の開発チームの構築方法(ブリリアンド・ジャークはやばい😱モダンな技術を使えたら成果は出るのか🤔)
技術力、モダンな技術の経験、年数主義が蔓延しているけど。。。。。 よくSNS、エージェント、現役エンジニア、などでこんなことを言われています。 エンジニアはとにかく技術力を極めるんだ モダンな経...
0
0
Comment0
Reactの状態管理(global state)Context API の使い方
Context APIとは 通常のpropsだと親から子から孫と渡さないといけないところをContextを使うと、どこからでも直接使えるようになります。 今回はログイン中のユーザーで説明していき...
0
0
Comment0
Kubernetes(K8S)の用語集
はじめに kubenates(K8S)を現場で使い始めたので、新しく学んでいる最中です。 理解していったことなどは、都度更新していきます。 公式ドキュメント 基本用語 pod コンテナの最小単位...
2
2
Comment0
ReactとNext.jsでデフォルトと名前付きエクスポートをimport(インポート)する時の注意点
名前付きエクスポート (export {}) そのファイルで複数のエクスポート（他のボタンコンポーネントなど）がある時に使います。 PrimaryButton.tsx const Primary...
0
0
Comment0
Rails 下書き機能の実装で使うenum,draft ,status,publishedについて
draft publishedとは draftは下書きのことです。publishedは公開のことです。statusは状態のことです。 下書きをしたり、書いた記事を公開したりする時に使います。 s...
3
1
Comment0
新人エンジニア向け‼︎アジャイルまたはスクラム開発用語集
この記事を書いた背景 スクラム開発に参画した時、専門用語が飛び交っていました。 これって現場独自の用語かと思ったらアジャイル開発でよく使われる用語でした。 スクールでも教えてくれなかったり、使っ...
2
1
Comment0
Dockerを軽量化するマルチステージビルド(Next.jsとNest.jsのTypeScript開発)
Dockerのマルチステージビルドとは Dockerfile内で複数のビルドステージを定義し、軽量な本番用イメージを作成するやり方です。これのおかげで大きなイメージ(例えば1.2GBなど)から、...
7
6
Comment0
ReactにおけるLocalStorage SessionStorage Cookieの違いと使い分け
はじめに ウェブブラウザのクライアント側には、データを保存するために3つの主要な仕組みがあります。Reactにおける役割で見ていきます。 SessionStorage LocalStorage ...
0
0
Comment0
初学者向けのRuby勉強会で使った資料 (変数と配列,配列問題集)
勉強会の状況 ・１００人以上のプログラミング学習コミュニティで勉強会開催。 ・初学者の方向け ・集まったのは5~8人 工夫したこと ・講義形式ではなく名指しで答えてもらう 理由は話しているだ...
0
0
Comment0
東大生に教えてわかったことと強強CTOから教わったこと(プログラミング学習のスピードが速い人と遅い人の思考)
概要 この記事の内容はエンジニア教育のプロでもあり、 現役のCTOの方から教わった内容です。(ここのメンターの方からです。) 後自分の実体験をベースに解説していきます。 プログラミング学習が遅い...
10
10
Comment0
Next.js,Reactによる開発効率を上げるための環境構築
なぜこの記事を書いたのか 以下の理由で作成しています。 技術ノウハウの発信場所 Next.jsのアウトプット スキルのキャッチアップの中で、個人での開発の知見により救われたことが多くありました。...
2
2
Comment0
271 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