GitHubでつくって学ぶ Reactで学ぶ 予定管理アプリ開発（第4回）～useEffect + localStorageによるデータ永続化～
はじめに前回は、useStateを使って予定の追加・削除ができるようにした。ただし、最後に触れた通り、ブラウザを再読み込みすると追加した予定はすべて消えてしまう仕様だった。今回は、useEffectとlocalStorageという2つの仕組...
GitHubでつくって学ぶ 
GitHubでつくって学ぶ GitHubとは？（第2回）～Codespacesでコードを書いて動かしてみる（超初心者向け）～
はじめに前回は、Git・GitHubとは何か、そしてGitHub Codespacesという「ブラウザだけで開発環境が使える機能」があることを紹介した。今回は、実際に手を動かして、以下を一通り体験してみよう。GitHub上に自分のリポジトリ...
GitHubでつくって学ぶ GitHubとは？～ プログラミング学習を「つくって学ぶ」ための土台～
はじめに本ブログのカテゴリ「GitHubでつくって学ぶ」では、実際にコードをGitHub Codespaces上で試しながら学習を進めていく記事を扱っている。「Reactで学ぶ 予定管理アプリ開発」シリーズも、このカテゴリに入る。本記事では...
GitHubでつくって学ぶ Reactで学ぶ 予定管理アプリ開発（第3回）～ useStateによる予定の追加・削除～
はじめに前回は、予定データをコンポーネントに分割し、propsで受け渡して一覧表示するところまで作った。ただし、表示していたのはコード内に直接書いた固定のデータだった。今回は、いよいよReactの中心的な機能であるuseStateを使い、画...
GitHubでつくって学ぶ Reactで学ぶ 予定管理アプリ開発（第2回）～ コンポーネント分割とprops～
はじめに前回は、Vite + Reactの開発環境を構築し、「Hello, PC-LABO!」とカウンターだけの画面を表示するところまで確認した。今回は、この初期画面を削って、予定管理アプリの本体となる「予定を一覧表示するだけ」のシンプルな...
GitHubでつくって学ぶ Reactで学ぶ 予定管理アプリ開発（第1回）～Vite環境構築とHello World～
はじめに今回から新しい連載として、Reactを使った「予定管理アプリ」の開発を通してReactの基礎を学んでいく企画をスタートする。 これまで本ブログではC言語・Python・Javaなどの言語やITの基礎などを扱ってきたが、今回は視点を変...
ITの基礎 基本情報技術者試験問題に挑戦しよう！「メッセージ認証」
基本情報技術者試験とは基本情報技術者試験は、情報処理推進機構（IPA）が実施し、「情報処理の促進に関する法律」に基づき経済産業省が認定する国家試験である。ITエンジニアとしてキャリアをスタートする方のIT基礎力を問う試験で、「ITエンジニア...
ITの基礎 基本情報技術者試験問題に挑戦しよう！「ポート番号」
基本情報技術者試験とは基本情報技術者試験は、情報処理推進機構（IPA）が実施し、「情報処理の促進に関する法律」に基づき経済産業省が認定する国家試験である。ITエンジニアとしてキャリアをスタートする方のIT基礎力を問う試験で、「ITエンジニア...
ITの基礎 基本情報技術者試験問題に挑戦しよう！「トランスポート層のプロトコル」
基本情報技術者試験とは基本情報技術者試験は、情報処理推進機構（IPA）が実施し、「情報処理の促進に関する法律」に基づき経済産業省が認定する国家試験である。ITエンジニアとしてキャリアをスタートする方のIT基礎力を問う試験で、「ITエンジニア...
ITの基礎 基本情報技術者試験問題に挑戦しよう！「回線の伝送時間」
基本情報技術者試験とは基本情報技術者試験は、情報処理推進機構（IPA）が実施し、「情報処理の促進に関する法律」に基づき経済産業省が認定する国家試験である。ITエンジニアとしてキャリアをスタートする方のIT基礎力を問う試験で、「ITエンジニア...