MongoDB 【MongoDB】コレクションとドキュメント、BSONの基本
こんにちは、かつコーチです。前回はDockerとmongoshを使って、MongoDBに接続するところまで進めました。今回は一歩踏み込んで、MongoDBのデータ構造の核心であるコレクション・ドキュメント・BSONについて整理します。「JS...
入門
MongoDB MongoDB 【MongoDB】MongoDBとは？ドキュメント指向NoSQLを初心者向けに解説
こんにちは、かつコーチです。ここまでSQL基礎編・MySQL・PostgreSQLと、RDBMS（リレーショナルデータベース管理システム）を中心に学んできました。テーブルと行、外部キーによる正規化など、SQLの世界観にはもう慣れてきた頃だと...
JavaScript 【Next.js】プロジェクトのフォルダ構成を理解する（appディレクトリの中身）
こんにちは、かつコーチです。前回はcreate-next-appを使って、実際にNext.jsのプロジェクトを作成しました。作成されたフォルダを開くと、見慣れないファイルやディレクトリがたくさん並んでいて、戸惑った人も多いのではないでしょう...
JavaScript 【Next.js】Next.jsとは？Reactに「ルーティング・SSR」を足すフレームワーク
こんにちは、かつコーチです。これまでJavaScriptの基礎からTypeScript、React、Vue.jsまで、たくさんの記事を書いてきました。いよいよ今回から新しいシリーズとして、Next.jsというフレームワークを解説していきます...
JavaScript 【React】仮想DOMとは？Reactが速い理由を理解する
こんにちは、かつコーチです。前回はコンポーネントの作り方を解説しました。今回は少し視点を変えて、「Reactはなぜサクサク動くのか」という仕組みの話をしていきます。キーワードは仮想DOMです。やや中級者向けの内容にはなりますが、この後Pro...
JavaScript 【React】コンポーネントとは？関数コンポーネントの作り方
こんにちは、かつコーチです。前回はJSXの基本的な書き方を解説しました。今回は、Reactの一番の核となる考え方である「コンポーネント」について、実際に手を動かしながら理解していきましょう。コンポーネントとは？UIを構成する「部品」の単位コ...
JavaScript 【React】JSXの基本：HTMLのようでHTMLじゃない書き方
こんにちは、かつコーチです。前回はViteを使ってReactの開発環境を作りました。src/App.tsxを開くと、HTMLのようなタグがJavaScriptの中に書かれていて、「これは一体何の記法なんだろう」と感じた人もいるはずです。今回...
JavaScript 【React】Reactとは？UIを部品化して作るライブラリを初心者向けに解説
こんにちは、かつコーチです。TypeScript基礎編、25記事お疲れさまでした。型注釈、インターフェース、ジェネリクス、そして既存プロジェクトの移行方法まで、盛りだくさんの内容を走り抜けてきましたね。ここからはいよいよ「React編」のス...
Django 【Django】MTVパターンとDjangoのディレクトリ構成を理解する
こんにちは、かつコーチです。前回の記事でdjango-admin startprojectを実行し、プロジェクトの雛形を作成しました。でも、生成されたフォルダやファイルを見て「これは何のためのファイルなんだろう」と戸惑った人も多いはずです。...
Django 【Django】Djangoとは？「バッテリー同梱」のPythonフレームワークを初心者向けに解説
こんにちは、かつコーチです。「Pythonを勉強したから、次はWebアプリを作ってみたい」と思ったとき、多くの人がぶつかるのがDjango（ジャンゴ）という名前です。聞いたことはあっても、「結局何ができるのか」「他のフレームワークと何が違う...
SQL 【SQLite】SQLiteのファイルベースDBの仕組みと使い方
こんにちは、かつコーチです。前回はSQLiteが「サーバーを持たない組み込み型DB」であることを紹介しました。今回は、その核心であるファイルベースという仕組みをもう一歩掘り下げます。「1つのファイルにDBが入っている」とはどういうことなのか...
SQL 【SQLite】SQLiteとは？組み込み・エッジ向けの軽量DBを初心者向けに解説
こんにちは、かつコーチです。SQL基礎編ではMySQLやPostgreSQLを想定して標準SQLを学んできました。今回からは新シリーズとして、SQLiteという少し毛色の違うデータベースを扱っていきます。「SQLiteって聞いたことはあるけ...
AWS 【AWS】AWSとは？クラウドサービスの基本を初心者向けに解説
こんにちは、かつコーチです。「個人開発したアプリを公開したいけど、AWSって何から手をつければいいの？」という相談を、これまで何人からも受けてきました。参考書を開くと「EC2」「S3」「VPC」といった見慣れないカタカナ・アルファベットの用...
Docker 【Docker】イメージとコンテナの違い：設計図と実体
こんにちは、かつコーチです。Docker Desktopのインストールが終わり、いよいよDockerの学習が本格的にスタートします。最初の関門になりやすいのが、「イメージ」と「コンテナ」という2つの言葉の違いです。似たような場面で登場するた...
Docker 【Docker】Dockerとは？コンテナ技術を初心者向けに解説
こんにちは、かつコーチです。「Dockerって聞いたことはあるけど、結局何なのか分からない」という方は多いのではないでしょうか。求人票や技術記事で当たり前のように登場するのに、いざ説明しようとすると言葉に詰まってしまう技術の代表格です。この...
PostgreSQL 【PostgreSQL】PostgreSQLとは？拡張性の高いオープンソースRDBMSを初心者向けに解説
こんにちは、かつコーチです。SQL基礎編ではMySQLをベースに、SELECTやJOINといったSQLの基本文法を解説してきました。今回からは新シリーズとしてPostgreSQLを扱っていきます。「MySQLと何が違うの？」「なぜ最近Pos...
JavaScript 【Nuxt.js】Nuxt.jsとは？Vueに「ルーティング・SSR」を足すフレームワーク
こんにちは、かつコーチです。「Vue.jsは触ったことがあるけど、Nuxt.jsって何が違うの？」そんな疑問を持ってこの記事にたどり着いた方も多いと思います。今回は、Nuxt.jsがどんな役割を持つツールなのか、初心者向けに整理していきます...
JavaScript 【Vue】テンプレート構文の基本：Mustache構文とディレクティブ
こんにちは、かつコーチです。前回はViteでVueの開発環境を作りました。今回は、.vueファイルの<template>部分に書く、Vue独自のテンプレート構文を解説していきます。ここを押さえると、Vueらしいコードがぐっと読み書きしやすく...
JavaScript 【Vue】Vue.jsとは？Reactとの違いを初心者向けに解説
こんにちは、かつコーチです。React編50記事、お疲れさまでした。ここからは、いよいよVue.js編がスタートします。「Reactは学んだけど、Vueってどう違うの？」という方にも、「Vueから初めてのフロントエンドフレームワークに触れる...
Python 【Python】Pythonとは？シンプルで読みやすいプログラミング言語を初心者向けに解説
こんにちは、かつコーチです。「プログラミングを始めたいけど、何の言語を選べばいいか分からない」という相談をよく受けます。そんな方に私が一番おすすめしているのがPythonです。この記事では、Pythonとはどんな言語なのか、初心者になぜ向い...