非エンジニア向けITリテラシー向上講座 第2回：Web開発の基礎とGit/GitHub

全6回シリーズの第2回です。第1回で学んだパソコンとネットワークの知識をもとに、Webサービスや業務ツールがどのように動き、どのように公開・管理されているのかを学びます。 「HTMLやJavaScriptって何？」「APIってどういう意味？」「GitHubは聞いたことがあるけど、何をしている場所なのか分からない」。ChatGPTなどで業務効率化を進める人も、Claude CodeやCursorなどでツール作成に挑戦する人も、Webやコード管理の基本を知らないままだと、AIの提案を自分で判断しづらくなります。 第2回では、Webページが表示される仕組み、アプリがデータをやりとりする流れ、ブラウザに保存される情報、コードの変更履歴を管理するGit/GitHubの基本を、手を動かしながら学びます。 特に大事なのが、パスワードやAPIキーなどの秘密情報をうっかり外に出さないことです。.envファイルや.gitignoreの意味、公開リポジトリの危険性を理解し、「これは公開してよい情報か」を自分で判断できるようになることを目指します。 ## 【この回で学ぶこと】 ・Webサイトが表示される仕組み(HTML/CSS/JavaScript) ・画面側(フロントエンド)とサーバー側(バックエンド)の違い ・アプリ同士がデータをやりとりするAPIとは ・データの保管庫(データベース)のイメージ ・ブラウザの開発者ツールで通信や保存データを見る方法 ・Git/GitHubでコードの変更履歴を管理する考え方 ・秘密情報を守る.gitignoreと.env、公開リポジトリの危険 ・VS CodeやCursor、Docker、アプリの公開(デプロイ)の基礎 ## 【取り上げる事例】 ・GitHubにAWSキーを上げて高額請求 ・メルカリのGitHub設定ミスによる情報露出 ・公開サイトで開発者ツールから内部情報が見えた事案