注目の記事
Git/GitHub
Git/GitHubうまくいかないとき集うまくいかないとき集 — Git Tips よくある詰まりを 症状 → 原因 → 対処 で集めたハブです。認証(SSH / HTTPS)、改行(CRLF / LF)、permission denied、detached HEAD、コミット作…
Docker
Dockerうまくいかないとき集
うまくいかないとき集 — Docker Tips コマンドの打ち間違い以外の詰まり——Desktop が動かない、pull が切れる、権限、キャッシュ、ポート衝突、Compose の 警告、Windows の改行——を 症状 → 原因 → …
JavaScript/TypeScript
this の振る舞いを整理する
は定義場所ではなく、 呼び出し方(call site) で決まります。メソッド・ ・ / ・アロー(レキシカル)の違いが、コールバックやイベントで が消える理由になります。 参考(MDN) this アロー関数 Function.proto…
Git/GitHub
Pull Request の最低セット
Pull Request(PR)は、ブランチの変更をレビューしてから合流するための仕組みです。ブランチを切って push → GitHub で PR を開く → base / compare を見てマージ、が最短ルートです。個人学習なら s…
Docker
日常コマンド — logs・exec・prune
調査系で日常的に使うのは ・ ・ 、容量まわりは と です。特に は対象を間違えるとボリュームごと消えるので、削除範囲の表を先に置きます。 参考(Docker 公式) docker container logs docker contain…
Git/GitHub
push・pull・fetch の違い
はローカル→リモート、 はリモートの取得だけ、 は +作業ブランチへの合流です。non-fast-forward で が拒否される意味と、認証エラーの見分け方も入れます。 参考: git-push · git-pull · git-fetc…
Docker
Compose で複数サービスをつなぐ
Compose はサービスを複数並べるための道具です。 (nginx)と (小さな Python HTTP)の 2 つだけで、名前解決と の限界、既定ネットワークを確かめます。DB やクラウドは使いません。 参考: Services · N…
JavaScript/TypeScript
クラスとプロトタイプの関係
は見た目こそクラス型言語に近いですが、中身はプロトタイプ継承です。コンストラクタ関数と と同じモデルを、宣言的に書く構文だと捉えると やメソッド共有の動きが追いやすくなります。 参考: クラス · 継承とプロトタイプチェーン · const…
Docker
Dockerfile と Compose の使い分け
同じ Ubuntu コンテナを、 Dockerfile だけで操作する か Compose 経由にする かの 2 通りで比べます。 は Dockerfile のみ、 は同じ Dockerfile に を添えた構成です。違いは設定をコマンドに…
Git/GitHub
GitHub 認証(SSH と HTTPS)
GitHub への / は、ブラウザのログインとは別に Git 専用の認証 が必要です。GitHub は HTTPS 経由の Git 操作で ログインパスワードを受け付けません 。代わりに PAT または SSH 鍵 を使います。選び方、設…
JavaScript/TypeScript
Map と Set を使う
オブジェクトのキーは文字列か Symbol に寄ります。任意の型をキーにしたいときが 、重複しない集合が です。参照ベースの一意性や、そのままでは JSON 化できない点にも注意が要ります。 参考(MDN) Map Set WeakMap …
Docker
ポート公開と簡単な Web コンテナ
コンテナは外からそのまま届きません。 で穴を開けます。 を立ててブラウザで開き、ポート競合と の意味も触ります。 参考: Publish ports · docker run -p · EXPOSE · Networking 目次 ポート公…
Git/GitHub
リモートと GitHub
リモート は、ローカルと履歴をやり取りする別の置き場です。GitHub に空リポジトリを作り、 や でつなぐ手順と、SSH / HTTPS の違いです。 参考: git-remote · git-clone · Working with R…
JavaScript/TypeScript
ループと反復の使い分け
配列を回す手段は複数あります。インデックス操作なら 、値の列挙なら 、変換・絞り込みなら / 。途中で抜けたいか、非同期を順番に待つかで選ぶところが分かれます。 参考(MDN) for for...of for...in Array.pro…
JavaScript/TypeScript
真偽値と条件の落とし穴
真偽値と条件の落とし穴 — JavaScript Tips や / は、値を真偽に変換してから分岐します。falsy になるのは / / / / / など少数です。 と 、 の差を知っておくと、フォームや設定で や空文字を消してしまう事故を…
JavaScript/TypeScript
分割代入とスプレッド
分割代入(destructuring)は配列やオブジェクトから値を取り出す構文です。スプレッド( )は展開、残余(rest)は残りをまとめる側です。コピー・マージと、浅いコピーの落とし穴があります。 参考: 分割代入 · スプレッド構文 ·…
Git/GitHub
merge とコンフリクト解消
はブランチを合流させます。 fast-forward と merge commit の2通りがあり、同じ行が重なるとコンフリクトになります。意図的に衝突を作り、マーカーの読み方から解消・中断まで進めます。 参考: git-merge · B…
Git/GitHub
ブランチと切り替え
コミット履歴は1本だけではありません。枝を増やして並行に進める単位が ブランチ です。作成・一覧は 、移動は です。 参考(公式) git-branch git-switch git-checkout Pro Git — Git Branc…
JavaScript/TypeScript
配列の基本とよく使うメソッド
配列では / / などで変換・絞り込み・集計ができます。あわせて、 元の配列を変えるメソッド と 新しい配列を返すメソッド を分けて考えます。 参考: Array · Array.prototype.map() · Array.protot…
Docker
ボリュームとバインドマウント
コンテナの中だけにファイルを置くと、コンテナ削除で消えます。残す手段がボリュームとバインドマウントで、前者は Docker 側の保管庫、後者はホストのフォルダそのものです。Windows ではパスの書き方がつまずきどころになります。 参考:…
JavaScript/TypeScript
オブジェクトの基本
オブジェクトは キーと値の集まり です。プロパティの読み書き、メソッド、参照の等価、 あたりが日常の操作になります。 参考: MDN — オブジェクト · MDN — オブジェクト初期化子 · MDN — プロパティ 目次 オブジェクトリテ…
Docker
ビルドとタグとレイヤ
でイメージに名前を付けます。再ビルドが速いか遅いかは、レイヤキャッシュがどこまで効くかで決まります。 を材料にします。 参考: docker buildx build · Docker build cache · Build cache i…
JavaScript/TypeScript
関数の書き方を使い分ける
関数の書き方は主に3つです。 宣言 ・ 関数式 ・ アロー関数 。見た目は近いですが、巻き上げや 、名前の付き方が違います。デフォルト引数と残余引数(rest)も含みます。 の詳細は後回しです。 参考: MDN — 関数 · MDN — ア…
Git/GitHub
commit とログの読み方
はステージした内容を履歴に固定します。メッセージの残し方で、あとから を読むときや追いやすさが変わります。 参考: git-commit · git-log · Commit History · commit --amend 目次 コミット…
Git/GitHub
.gitignore を書く
は、Git に「このパターンに一致するファイルは追跡しない」と伝える設定ファイルです。 や のような、リポジトリに含めたくないものを や の対象から外せます。ただし すでに追跡済みのファイルには効きません 。パターン、頻出テンプレート、誤っ…
JavaScript/TypeScript
let と const とスコープ
変数宣言は と が標準です。古い はブロックスコープを持たず、巻き上げ(hoisting)の挙動も独特なため、新しいコードでは避けます。 は「再代入できない」だけで、「中身が不変」という意味ではありません。 参考: MDN — let · …
Docker
Dockerfile の読み方
Dockerfile はイメージの組み立て手順を書いたテキストです。実務で頻出するのは (ベース)、 (コマンド)、 (既定の起動)です。リポジトリの を行ごとに読みます。 参考: Dockerfile reference · Buildi…
JavaScript/TypeScript
値と型と等価を理解する
値には型があり、比較のルールも型とセットで決まります。 、 、 と の違いが分かると、条件分岐やバグの多くが説明できます。DOM やフレームワークの話は範囲外です。 参考: MDN — データ型とデータ構造 · MDN — 等価演算子 · …
Docker
イメージとコンテナの基本
イメージは雛形、コンテナは動かした実体です。取得は 、起動は 、一覧・停止・削除は / / 。以下は Ubuntu イメージでの操作例です。 参考: docker image pull · docker container run · St…
Git/GitHub
status・diff・add を理解する
編集しただけでは履歴に残りません。記録までの状態は作業ツリー → ステージ → コミット済みの3段で、行き来する道具が / / です。 参考(公式) git-status git-diff git-add git-restore Pro G…
Git/GitHub
git config と最初のリポジトリ
入れたばかりの Git には、誰がコミットするかがまだありません。 で作者を登録し、 まで進めばリポジトリとしての最初の一手です。 参考(公式) Pro Git — Getting Started: First-Time Git Setup…
JavaScript/TypeScript
型チェックと実行の最低セット
TypeScript プロジェクトで毎日使うのは、だいたい 型チェック( ) と 実行( など) の2つです。VS Code / Cursor のエディタ連携も含め、 「書く → 型を見る → 動かす」 のループを の scripts に固…
Git/GitHub
Git を入れる(ホストと Docker)
Git は変更履歴を分岐・合流できる分散型のバージョン管理です。入れ方はホストに入れるか、Docker コンテナ内で するかの大きく2通りです。 参考(公式) Git - Downloads Git for Windows Pro Git …
JavaScript/TypeScript
tsconfig と strict を読む
TypeScript の挙動は がスイッチ です。特に は複数の厳格チェックをまとめて有効にします。学習・小規模 CLI 向けの最小構成と、主要オプションと の内訳です。 参考: TypeScript — tsconfig.json · T…
Docker
Docker Desktop を入れて動かす
Windows で Docker を試すなら、まず Docker Desktop です。インストーラーを入れ、 と が通り、 が動けば最低限の準備はできた状態です。 参考: Docker Desktop · Install Docker D…
JavaScript/TypeScript
Docker で Node と TypeScript の環境を構築する
ホスト PC に Node.js を入れず、Docker だけで Node 22 + TypeScript の学習環境 を揃えます。ソースはボリュームマウントでホストと共有し、コンテナ内で や を実行する構成です。本番デプロイ用のイメージ最…
JavaScript/TypeScript
ブラウザと Node で JavaScript を動かす
フレームワークやビルドツールなしで、JavaScript を「動かす」方法は大きく 3つ あります。ブラウザの開発者ツール(コンソール)、HTML の タグ、そして Node.js のコマンドラインです。本番デプロイや React / Ne…