概要 注意点 書き方例 カラム名による読み書き テーブル名によるデータ取得 「関連付け」種類による返り値の違い 「関連付け」で使える、その他のメソッド has_many :through関連付けで、中間テーブルを書かない方法 概要 モデルのオブジェクト.カラム名で、…

索引 用語 コマンド 注意点 用語（基礎） 参考（最新版） 索引 用語 全ての用語の一覧 索引 < PostgreSQL 15文書 コマンド ホスト上でのみ使えるコマンド一覧 PostgreSQLサーバアプリケーション < PostgreSQL 15文書 クライアントからでも使えるコマンド一覧…

概要 find テーブルで複合主キーを使っている場合 find_by, find_by! ✅条件が複数の場合（find_by） take, take! first, first! 類似のメソッド 参考（最新版） 概要 データベースからオブジェクトを取り出すための「検索メソッド」の内、単一のオブジェクト…

概要 注意点 条件を与える方法３種 ①条件を文字列だけで表す ②条件を配列で表す LIKEを使う場合 ③条件でハッシュを使う 等値条件 ✅条件が複数の場合（where(ハッシュ)） 範囲条件 サブセット条件 メソッドを使った条件指定の方法 NOT条件 OR条件 AND条件 テ…

PostgreSQL の場合 SQLite の場合 PostgreSQL の場合 4.1.1. 識別子とキーワード < 4.1. 字句の構造 付録C SQLキーワード キーワードと識別子（名前）は、大文字と小文字を区別しない ※慣習的には「キーワードを大文字」「識別子（名前）を小文字」で書く 識…

概要 書き方 基本の書き方 応用の書き方① 引数がある場合 応用の書き方② 条件文を使う場合 もっと応用 参考（最新版） 概要 よく利用するクエリ条件をメソッドとして利用できる機能 モデル内で定義する 書き方 Active Record クエリインターフェイス - Rails…

概要 詳細 params ハッシュでアクセスできるパラメータ 「クエリ文字列」と「POSTデータ」 ①クエリ文字列 ②POSTデータ JSON形式のパラメータ ルーティングで定義されるその他の値パラメータ（idなど） リクエストに関連するパラメータ 書き方 基本 リクエス…

注意点 ワイルドカード（ _ 、% ） SIMILAR TO で使えるメタ文字 参考 注意点 LIKE,SIMILAR TOによるパターン一致は「パターンが文字列全体に一致」した場合のみ真を返す。これは、「パターンが文字列の一部分であっても一致」する、一般的な正規表現の動作…

概要 注意点 使い所 書き方 useRef useRef ① 導入部 書き方例（ useRef ① 導入部） useRef ②-1 値の読み書き 書き方例（ useRef ②-1 値の読み書き） useRef ②-2 DOM 操作 書き方例（ useRef ②-2 DOM 操作） forwardRef 書き方例（ forwardRef ） 書き方例（u…

概要 注意点 使い所 書き方 ① 導入部 書き方例（① 導入部） ② イベントハンドラ 書き方例（② イベントハンドラ） ③ リデューサ関数 書き方例（③ リデューサ関数） 書き方例（① + ② + ③） useState から useReducer への移行方法 参考 概要 state 更新ロジッ…

レンダー コミット リアクティブな値 JSX レンダー React がコンポーネントを呼び出すこと レンダーとコミット – React 更新されたコンポーネントが他のコンポーネントを返す場合、次にそのコンポーネントを React がレンダーし…、というように、ネストされ…

書き方 参考 書き方 コンポーネントから複数の要素を返すには、それを単一の親タグで囲む。<div>や<>（フラグメント） JSX ではすべてのタグを明示的に閉じる JavaScriptの変数名との対応 HTML および SVG の属性はキャメルケースで書く。例えば、 stroke-width </div>…

概要 書き方（導入部） 無駄がある書き方 書き方（set関数） 関数自体をstateに設定したい場合 参考 概要 コンポーネント固有のメモリのこと 書き方（導入部） コンポーネントのトップレベルで useState を呼び出して、state 変数を宣言する 初期化関数は、…

定義 純関数 動作 定義 コンポーネント：定義をネストしない state の保持とリセット> 同じ位置の異なるコンポーネントは state をリセットする > 落とし穴 – React イベントハンドラ：通常、コンポーネントの内部で定義される イベントへの応答 > イベント…

概要 書き方 書き方例 🚨 () を書いてはダメ 参考 概要 イベントが発生した時に呼ばれるコールバック関数 入力内容をコンソールに表示する < Todoアイテムの追加を実装する · JavaScript Primer #jsprimer 書き方 イベントハンドラ関数は、通常、コンポーネン…

概要 自作のコンポーネント ブラウザの組込みコンポーネント 使い方 使用例 textarea の読み取り方①（state変数を使わない方法） textarea の読み取り方②（state変数を使う方法） preventDefault() と stopPropagation() 参考 概要 React コンポーネントとは…

概要 注意点 使い所 使い方 用語説明「リアクティブな値」 useEffectの「引数」と「実行タイミング」 使い方例 エフェクトの宣言 エフェクト内で関数を宣言 参考 概要 コンポーネントを外部システムと同期させるためのReactフック。 注意点 外部システムと同…

概要 注意点 使い所 使い方 参考 概要 stashすると、「ワーキングツリーとステージの内容」が保管される。ディレクトリは、HEADのコミット後状態に戻るが、作成したファイルは消えずに残る stashした内容を読出すと、保管されていた内容が全てワーキングツリ…

コミット・ステージングを取消す（リセット） 注意点 ミスった時の戻し方（コミットを復元） ステージングの取消し方 reset --soft の使い方 reset --mixed の使い方 reset --hard の使い方 過去のコミットを打ち消すコミットを作る（リバート） 注意点 ミス…

概要 注意点 使い所 使い方例 state と組み合わせた例① state と組み合わせた例② state 変数とset 関数をコンテクスト経由で渡す例 参考 概要 深い位置にあるコンポーネントに値を渡したいケースで、props 経由ではない方法 コンポーネントの外部で、createC…

概要 注意点 使い所 使い方例 使用例① 使用例② 使用例③ 参考 概要 他のフックを利用して作るロジック。コンポーネント間で共有できる フックの名前は、use で始めて大文字を続ける（逆に、他のフックを利用していない場合は、use を使わない） コンポーネン…

用語 ローカルリポジトリの「作成」と「削除」 ブランチの操作 状態・履歴の確認 コミットメッセージの編集 参考 用語 ワークツリー、ワーキングツリー：編集作業を行う場所 ステージングエリア、ステージ、インデックス：ワークツリーで編集後、登録する場…

returnの中に分岐を書く方法 ①三項演算子（普通のif文でもOK） ②論理 AND 演算子 && returnの外でifを使う方法 ①分岐の中にreturnを書く ②分岐の中にreturnを書かない（三項演算子を使ってもOK） 条件分岐を使わずに書く方法（オブジェクトを利用） 参考 ret…

注意 手順 参考 注意 公開リポジトリにプッシュしたコミットを、後からリベースしてはダメ。（他の人がプルする前ならOKかも） コマンドラインで Git リベースを使う > リベースされたコードを GitHub にプッシュする - GitHub Docs 手順 git rebase -i コミ…

書き方 渡し方（属性部分） 読み出し方（仮引数部分） 特殊なprops（children） 参考 書き方 渡し方（属性部分） 基本的に{ }で囲って渡す。JavaScriptの式も渡せる。（if文やforループは渡せない） 文字列は、{ }無しで、" "又は' 'で囲うだけでOK。ただし …