# Progate(プロゲート) > Progateは未経験でも独学でも安心して学べるオンラインプログラミング学習サービスです。入門から実務レベルまで、ビジネス職やエンジニア職にも役立つAI時代に必要なスキルを身につけることができます。 - 運営会社: 株式会社Progate - プログラミングをはじめ、生成AIの活用・AIコーディング・Claude Code のような AI エージェントの使い方、データ分析、といったDXやAI Transformationに関する内容も学べます。 - 入門レベルの教材に加え、実務を想定した実践的な内容を学べるコース(Python・Git・SQL・React など)を提供しています。 - コースの内容や料金プランは変更されることがあります。最新の情報は各ページを参照してください。 ## 主要ページ - [Progate トップページ](https://prog-8.com/): サービス紹介と新規登録の入り口 - [コース一覧](https://prog-8.com/courses): Progateで学べるコースの一覧 - [料金プラン](https://prog-8.com/plans/for_users): 無料会員と有料プランの違い・料金の案内 - [Progateについて](https://prog-8.com/about): サービス概要と運営会社の紹介 ## コース - [AIにコーディングさせてみよう](https://prog-8.com/courses/feature/ai-coding): AIコーディング(Vibe Coding)とは、ChatGPTやGemini、ClaudeなどのAIに自然な言葉で要望を伝え、動作するプログラムを生成してもらうプログラミング手法です。コードを一行ずつ書く必要がなく短時間でアプリを形にできるため、プログラミング初心者からエンジニアまで幅広く注目されています。このコースでは、仕様の整理方法や効果的なプロンプトの書き方まで段階的に学び、AIを活用して短時間でコードを作成するスキルを身につけます。 - [はじめての生成AI (beta)](https://prog-8.com/courses/feature/ai-intro-beta): 生成AIを使いこなすための入門コースです。文章作成、画像生成、資料要約、アイデア出しなど、実践的なプロンプトの書き方を基礎から学べます。プログラミング経験不要で、AIを安全かつ効果的に活用するスキルが身につきます。 - [C言語入門](https://prog-8.com/courses/feature/c-basics): C言語とは、OSや組み込みシステムなど高速な処理が求められる分野で広く使われているプログラミング言語です。メモリ管理やハードウェア制御を直接扱えるため、コンピュータの仕組みを深く理解でき、他言語習得の基礎固めとしても人気があります。このコースでは、変数・条件分岐・関数・ポインタなどC言語の基本文法を、図解を交えながら初心者にも分かりやすく学べます。 - [Claude Code 入門 (beta)](https://prog-8.com/courses/feature/claude-code-intro-beta): ブラウザ上の演習環境で、Claude Code のような AI エージェントの使い方を体験しながら学べる入門コースです。プログラミング未経験の方でも、AI エージェントの基本操作から CLAUDE.md によるプロジェクト設定、スキルによる自動化、permissions による安全管理まで、業務に活かせるスキルを身につけられます。 - [インフラ・クラウドサービス入門](https://prog-8.com/courses/feature/cloud-essentials): インフラ・クラウドサービス(AWS、Google Cloud)とは、インターネット経由でサーバーやデータベースなどのITリソースを利用できるサービスです。自前でサーバーを用意する必要がなく、必要なときに必要な分だけ使えるため、Webアプリケーション開発やインフラ構築の現場で広く活用されています。このコースでは、Webアプリケーションの公開に必要なクラウドの基礎知識から、Docker などのインフラ技術、主要サービスの特徴と使い方、運用・監視・CI/CD まで学びます。 - [実践Gitチーム開発](https://prog-8.com/courses/feature/git-essentials): Gitとは、コードの変更履歴を管理するためのバージョン管理システムです。「誰が」「いつ」「どこを」変更したかを記録でき、チーム開発では必須のスキルとしてほとんどの開発現場で使われています。このコースでは、add・commit・push・pullなどの基本コマンドから、ブランチやマージを使ったチーム開発の流れまで実践的に学びます。 - [Javaで学ぶ基本情報入門](https://prog-8.com/courses/feature/java-information-processing): 基本情報技術者試験とは、ITエンジニアの登竜門として知られる国家試験です。プログラミングやアルゴリズム、二進数などコンピュータの基礎知識が問われ、就職・転職でも評価される資格として人気があります。このコースでは、Javaを使って実際にコードを動かしながら、試験対策に必要な基礎知識を実践的に学びます。 - [実践JavaScript](https://prog-8.com/courses/feature/javascript-essentials): JavaScriptはWebページに動きをつけるためのプログラミング言語です。このコースでは、変数・関数・配列・オブジェクトといった基本文法から、DOM操作・イベント処理・fetchによるAPI通信・async/awaitを使った非同期処理までを段階的に学びます。最後はローカル開発環境を整え、素のJavaScriptでTODOアプリを実装して総仕上げします。 - [実践Python](https://prog-8.com/courses/feature/python-essentials): Pythonを使った実務スキルを、データ分析・統計・機械学習・データ収集・業務自動化まで一気通貫で実践的に学ぶコースです。pandasやMatplotlibによるデータの加工・可視化からはじめ、記述統計や相関分析、scikit-learnを使った線形回帰・ロジスティック回帰のモデル開発、requests・Beautiful SoupによるWebスクレイピング、ファイル操作の自動化まで、Pythonでビジネス課題を解決する力を身につけます。 - [React開発入門](https://prog-8.com/courses/feature/react): このコースは、Reactの基礎から実践的なアプリケーション開発までを体系的に学ぶためのものです。JSX・Props・StateといったReactの基本から、Hooks、TypeScript連携、API通信、フォーム、ルーティング、状態管理、パフォーマンス最適化まで段階的に学び、最後はお天気アプリ・メモアプリ・ECサイトといった実践的なアプリケーションを作成します。 - [実践データベース](https://prog-8.com/courses/feature/sql-essentials): SQLとは、データベースの操作やデータの検索を行うための言語です。エンジニアにとってはシステム開発に必須のスキルであり、非エンジニアにとってもデータ分析やレポート作成に活用できる実践的なスキルとして人気があります。このコースでは、データ取得の基本から、データベース設計やスキーマの理解まで、開発にも分析にも役立つSQLの基礎を学びます。 - [TypeScript入門](https://prog-8.com/courses/feature/typescript-essentials): TypeScriptとは、JavaScriptに「型」という仕組みを加えたプログラミング言語です。実行前にエラーを検出できるため、大規模なWebアプリケーション開発やReact・Next.jsを使った開発で広く採用されています。このコースでは、基本的な型の書き方から実践的な型定義まで、TypeScriptの基礎を段階的に学びます。 - [はじめてのWeb開発をやってみよう](https://prog-8.com/courses/feature/web-dev-intro): Web開発とは、HTML・CSS・JavaScriptなどの技術を使って、ブラウザで動作するWebサイトやWebアプリケーションを作ることです。プログラミング未経験からエンジニアを目指す第一歩として、多くの人がWeb開発から学習を始めています。このコースでは、HTMLでページの構造を作り、CSSでデザインを整え、JavaScriptで動きを付ける方法を段階的に学びます。 - [Web制作入門](https://prog-8.com/courses/feature/webpage): このコースは、プログラミング未経験者がWeb制作のために必要なHTML・CSSの技術・知識を一通り学ぶためのものです。HTML・CSSの基礎から始めて、FlexboxやGrid、CSSアニメーションや変数などの発展的な内容、レスポンシブデザインやアクセシビリティ・SEOを意識したマークアップまでを段階的に学び、実践的なWeb制作スキルを身につけていきましょう。 ## 言語別コース - [HTML & CSS](https://prog-8.com/courses/html): HTMLとCSSはWebページの構造とデザインを作るための基本となる言語です。この2つを学ぶだけで、レイアウトや色、フォントを自由に組み合わせた魅力的なWebサイトを作成できるようになります。ProgateのHTML & CSSコースでは、プログラミング初心者でもわかりやすいスライドと演習で、HTMLとCSSの基礎から実践的なスキルまでを無料で学べ始めれます。Webサイト制作やWebアプリ開発に役立つHTML & CSSを学び始めましょう。 - [JavaScript (ES5)](https://prog-8.com/courses/es5): JavaScript (ES5)コースのレッスン一覧ページです。JavaScriptは多様な可能性を秘めたフロントエンド言語です。このページでは、最適な学習順序やレッスンに関する概要を確認することができます。 - [JavaScript](https://prog-8.com/courses/es6): JavaScriptはWebページに動きを加えるだけでなく、サーバーサイド開発にも利用できる汎用的なプログラミング言語です。ブラウザやNode.jsなどさまざまな環境で動作し、フロントエンドからバックエンドまで幅広く活躍しています。ProgateのJavaScriptコースでは、プログラミング初心者でもわかりやすいスライドと演習で、JavaScriptの基礎から実践的なスキルまでを無料で学べ始めることができます。 - [Python](https://prog-8.com/courses/python): Python(パイソン)はシンプルで可読性が高く、Webアプリケーション開発や機械学習、統計処理まで幅広く用いられるプログラミング言語です。オープンソースでライブラリやフレームワークが充実していることから、初学者から専門家まで幅広い層に人気があります。ProgateのPythonコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Pythonの基礎から実践的なスキルまでを無料で学べ始めれます。AIやデータ分析やWeb開発など広く役立つPythonを始めましょう。 - [SQL](https://prog-8.com/courses/sql): SQLはデータの取得・更新・削除などを簡潔に記述でき、データ分析やアプリケーション開発でも広く利用されるデータベース言語です。SQLは国際規格として標準化された記法を持つため、MySQL、PostgreSQL、SQLiteなどさまざまなデータベースで共通して使用できます。ProgateのSQLコースでは、プログラミング初心者でもわかりやすいスライドと演習で、SQLの基礎から実践的なスキルまでを無料で学べ始めることができます。 - [Java](https://prog-8.com/courses/java): Javaは高い信頼性と拡張性を備えたプログラミング言語で、大規模なWebアプリケーションや業務システム開発に広く利用されています。Androidアプリ開発でも標準的に採用されており、世界中で多くの開発者に支持されています。ProgateのJavaコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Javaの基礎から実践的なスキルまでを無料で学べ始めることができます。大規模なWebアプリケーションや業務システム開発に広く利用されるJavaを始めましょう。 - [Command Line](https://prog-8.com/courses/commandline): Command Line(ターミナル)は、コマンドを入力してコンピュータを操作するためのインターフェースです。開発環境の構築やファイル操作、Gitなどのツール利用にも欠かせない、エンジニアに必須のスキルです。ProgateのCommand Lineコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Command Lineの基礎から実践的なスキルまでを無料で学べ始めることができます。 - [Git](https://prog-8.com/courses/git): Gitはソースコードのバージョン管理や共同開発を効率的に行うためのツールです。複数人での開発や変更履歴の追跡が容易にできるため、チーム開発の現場で広く利用されています。ProgateのGitコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Gitの基礎から実践的なスキルまでを無料で学べ始めることができます。チーム開発の現場で広く利用されているGitを学び始めましょう。 - [PHP](https://prog-8.com/courses/php): PHPはWeb開発に広く利用されているサーバーサイドのプログラミング言語です。データベースと連携して動的なWebページを生成できるため、WordPressなど多くのWebサービスで採用されています。ProgateのPHPコースでは、プログラミング初心者でもわかりやすいスライドと演習で、PHPの基礎から実践的なスキルまでを無料で学べ始めることができます。WordPressなど多くのWebサービスで採用されているPHPを学び始めましょう。 - [Ruby](https://prog-8.com/courses/ruby): Rubyは直感的で読みやすく、Webアプリケーション開発を中心に利用されているサーバーサイド言語です。コードの書きやすさと開発スピードの速さから、初学者にも扱いやすく「楽しく開発できる」言語として人気があります。ProgateのRubyコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Rubyの基礎から実践的なスキルまでを無料で学べ始めることができます。初学者にも扱いやすく「楽しく開発できる」言語として人気があるRubyを学び始めましょう。 - [Ruby on Rails5](https://prog-8.com/courses/rails5): Ruby on Railsは、Webサービス開発を効率化するために設計されたRubyのフレームワークです。直感的な構文と充実した機能を備え、少ないコードで素早くWebアプリケーションを開発できることから、スタートアップから大規模サービスまで幅広く採用されています。ProgateのRuby on Railsコースでは、プログラミング初心者でもわかりやすいスライドと演習で、Ruby on Railsの基礎から実践的なスキルまでを無料で学べ始めることができます。 - [Node.js](https://prog-8.com/courses/nodejs): Node.jsはJavaScriptを使ってサーバーサイド開発を行えるように設計された実行環境です。高速な処理性能と優れた拡張性を備え、リアルタイム通信をはじめとしたWebアプリケーションやAPI開発で広く利用されています。非同期処理や豊富なパッケージ群(npm)を活用することで、効率的かつスケーラブルな開発が可能です。 - [jQuery](https://prog-8.com/courses/jquery): jQueryはJavaScriptの記述を簡潔にし、Webページの操作を効率化するために開発されたライブラリです。シンプルな構文と高い互換性を備え、アニメーションやイベント処理、DOM操作などを少ないコードで実現できます。ProgateのjQueryコースでは、プログラミング初心者でもわかりやすいスライドと演習を通して、jQueryの基本的な使い方から動的なWebページを作るスキルまで無料で学び始めることができます。 - [React](https://prog-8.com/courses/react): Reactは、Facebook(現Meta)が開発した、ユーザーインターフェースを効率的に構築するためのJavaScriptライブラリです。コンポーネント指向の設計により、複雑なWebアプリケーションでも再利用性と保守性の高い開発が可能です。高速な描画を実現する仮想DOMや豊富なエコシステムを備え、フロントエンド開発の標準技術として世界中で広く採用されています。 - [Sass](https://prog-8.com/courses/sass): Sassコースのレッスン一覧ページです。SassはCSSをより便利に効果的に操作する言語です。このページでは、最適な学習順序やレッスンに関する概要を確認することができます。 - [Go](https://prog-8.com/courses/go): Go(Golang)は、Googleによって開発されたシンプルで高性能なプログラミング言語です。コンパイル速度が速く、並行処理(goroutine)を標準でサポートしているため、大規模なサーバーサイド開発やネットワークアプリケーションに最適です。静的型付けと明確な構文により、保守性が高く堅牢なコードを効率的に書けるのも特徴です。 ## 記事 - [自分に合う Claude は? Claude Code・Cowork などの選び方](https://prog-8.com/docs/claude-apps-guide): 「Claude」を調べ始めて迷っている方向けに、Claude(claude.ai)・Claude Code・Cowork の違いと、自分が今触るべき 1 つの選び方を整理します。 - [もっと使い方を学ぼう](https://prog-8.com/docs/claude-code-intro-learn-more): plan mode、コンテキスト管理、モデル選択、データ収集の制御など、Claude Code をさらに活用するためのテクニックを紹介します。 - [Claude Code を自分のマシンで動かしてみよう](https://prog-8.com/docs/claude-code-intro-setup-app): Progate の演習で学んだ Claude Code を、自分のマシンにインストールして実際に動かすまでの手順を案内します。 - [HTML & CSS の開発環境を用意しよう!(macOS用)](https://prog-8.com/docs/html-env): この記事では、Progateのサイト上ではなく自分のPCでHTMLとCSSのコードを書き、Webページ開発をする方法を紹介します。この記事を読みながら実際に手を動かして、Webページ製作の第一歩を踏み出しましょう! - [検証ツール(デベロッパーモード)の使い方](https://prog-8.com/docs/html-dev): この記事では「Google Chrome」の検証ツール(デベロッパーモード)の使い方について説明していきます。 - [自分で作ったWebページをインターネット上に公開しよう!](https://prog-8.com/docs/github-pages): この記事では、自分のPC等で作成したWebページを、インターネット上に公開する方法を学習します。Webページを公開するには様々な方法がありますが、今回は「GitHub」というサービスを用いて無料で公開してみましょう。 - [HTML & CSS の開発環境を用意しよう!(Windows用)](https://prog-8.com/docs/html-env-win): この記事では、Progateのサイト上ではなく自分のPCでHTMLとCSSのコードを書き、Webページ開発をする方法を紹介します。この記事を読みながら実際に手を動かして、Webページ製作の第一歩を踏み出しましょう! - [Rubyの開発環境を用意しよう!(macOS用)](https://prog-8.com/docs/ruby-env): この記事では、Progateのサイト上ではなく自分のPCでRubyのコードを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Rubyの開発環境を構築していきましょう! - [Rubyの開発環境を用意しよう!(Windows用)](https://prog-8.com/docs/ruby-env-win): この記事では、Progateのサイト上ではなく自分のPCでRubyのコードを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Rubyの開発環境を構築していきましょう! - [Pythonをインストールして開発環境を用意しよう!(Mac)](https://prog-8.com/docs/python-env): この記事では、Progateのサイト上ではなく自分のPCでPythonをインストールしてコードを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Pythonの開発環境を構築していきましょう! - [Pythonをインストールして開発環境を用意しよう!(Windows)](https://prog-8.com/docs/python-env-win): この記事では、Progateのサイト上ではなく自分のPCでPythonのコードを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Pythonの開発環境を構築していきましょう! - [コンソール とは](https://prog-8.com/docs/what-is-console): プログラミング初心者必見。コンソールとは何かから、コンソールの基本をProgateのレッスンを例に使い解説します。RubyのirbやChromeの開発者ツールなど実際の使い方も紹介。プログラム実行やデバッグの第一歩を踏み出し、エンジニアとしての解決能力を伸ばします。 - [Ruby on Railsの環境構築をしてみよう!(macOS)](https://prog-8.com/docs/rails-env): この記事では「Ruby on Rails」の環境構築について説明します。 記事を読みながら実際に手を動かして、ローカル環境にRuby on Railsの開発環境を準備していきましょう! - [Ruby on Railsの環境構築をしてみよう!(Windows)](https://prog-8.com/docs/rails-env-win): この記事では「Ruby on Rails」の環境構築について説明します。 記事を読みながら実際に手を動かして、ローカル環境にRuby on Railsの開発環境を準備していきましょう! - [【Mac】Gitの環境構築をしよう!](https://prog-8.com/docs/git-env): この記事では、macOSでGitを使うための環境構築方法を説明します。 記事を読みながら実際に手を動かして、ローカル環境にGitの環境を準備していきましょう! - [【Windows】Gitの環境構築をしよう!](https://prog-8.com/docs/git-env-win): この記事では、WindowsでGitを使うための環境構築方法を説明します。 記事を読みながら実際に手を動かして、ローカル環境にGitの環境を準備していきましょう! - [Webについて知ろう!](https://prog-8.com/docs/web): この記事では、Webアプリケーションの作り方を学ぶ前に知っておいて欲しい知識を紹介します。 - [Webアプリケーションについて知ろう!](https://prog-8.com/docs/web-application): この記事は、今後皆さんが学習していくWebアプリケーション(以下、Webアプリ)について、簡単にイメージをつかむための記事です。「[Webについて知ろう!](https://prog-8.com/docs/web)」の続編です。 - [道場コースに入る前に](https://prog-8.com/docs/before-rails-dojo): この記事では道場コースに入る前に知っておいてほしい事を紹介していきます。 - [Webアプリ開発に挑戦してみよう](https://prog-8.com/docs/local-development): 環境構築記事を通してローカル環境でWebアプリケーションを作る準備ができたと思います。 今度は以下の2項目について考えてみましょう。 1. 何をつくるのか 2. 作るものの全体図 - [Web開発コースをはじめる方へ(Ruby on Rails)](https://prog-8.com/docs/intro-web-dev-path): Web開発コースを学習する前に、以下の内容を一緒に確認していこう。 1. Web開発コースとは 1. Web開発コースをやりきるとどうなる? 1. どのように学習すればいい? - [ローカル開発をしてみよう](https://prog-8.com/docs/before-local-development): 今度はProgateを飛び出して自身のPC上でWebアプリケーションを作ってみましょう!レッスンの中ではなく自身のPC上で作り上げることができたとき、本当にプログラミングを習得できたと感じることができると思います。 - [Node.jsの開発環境を用意しよう!(macOS)](https://prog-8.com/docs/nodejs-env): この記事では、Progate上ではなく自分のパソコン上でNode.jsを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Node.jsの開発環境を構築していきましょう! - [Node.jsの開発環境を用意しよう!(Windows)](https://prog-8.com/docs/nodejs-env-win): この記事では、Progate上ではなく自分のパソコン上でNode.jsを実行する方法を紹介します。 この記事を読みながら実際に手を動かして、Node.jsの開発環境を構築していきましょう! - [MySQLの開発環境を用意しよう(macOS)](https://prog-8.com/docs/mysql-env): この記事では自分のPCでデータベースを使うためにMySQLのインストール方法を説明します。 この記事にそって実際に手を動かしながら、ローカル環境にMySQLを使える環境を準備しましょう。 - [Node.jsの新規アプリケーションを作ろう!](https://prog-8.com/docs/nodejs-new-application): この記事では、ローカル環境で新しいExpressのアプリケーションを作成する方法についてご紹介します。 - [Node.jsアプリケーションとMySQLを接続しよう!](https://prog-8.com/docs/nodejs-mysql): この記事では、Node.jsアプリケーションとMySQLを接続する方法についてご紹介します。 - [MySQLでデータベースを作成しよう](https://prog-8.com/docs/mysql-database-setup): この記事では[MySQLの開発環境を用意しよう](https://prog-8.com/docs/mysql-env)記事でインストールしたMySQLに新しくデータベースとテーブルを作成する方法を説明します。 - [MySQLの開発環境を用意しよう(windows)](https://prog-8.com/docs/mysql-env-win): この記事では自分のPCでデータベースを使うためにMySQLのインストール方法を説明します。 この記事にそって実際に手を動かしながら、ローカル環境にMySQLを使える環境を準備しましょう。 - [Web開発コースをはじめる方へ(Node.js)](https://prog-8.com/docs/intro-web-dev-path-node): Web開発コースを学習する前に、以下の内容を一緒に確認していこう。 1. Web開発コースとは 1. Web開発コースをやりきるとどうなる? 1. どのように学習すればいい? 1. さぁはじめよう! - [MySQLでカラムを追加・変更・削除しよう](https://prog-8.com/docs/mysql-column-operations): この記事は、MySQLの以下の操作について説明します。 - カラムを追加する操作 - カラム名を変更する操作 - カラムを削除する操作 - [より高度なWebアプリケーションを作る準備をしよう!](https://prog-8.com/docs/session-management): 次のレッスンでは、より高度な機能であるログイン機能の作り方を学んでいきます。ログイン機能を作るには「セッション管理」という仕組みが必要になるので、この記事で学んでおきましょう。 - [Webアプリ開発に挑戦してみよう(Node.js)](https://prog-8.com/docs/local-development-nodejs): ローカル環境でのWebアプリ開発を行うに当たって、以下の2項目について考えてみましょう。 1. 何を作るのかを決めよう 2. どう作るのかを決めよう - [STEP2を終えた方へ](https://prog-8.com/docs/bridge-2-web-dev-path-node): この記事では、このステップで学んだことを振り返り、次のステップで学ぶことを確認しましょう。 - [STEP3を終えた方へ](https://prog-8.com/docs/bridge-3-web-dev-path-node): この記事では、このステップで学んだことを振り返り、次のステップで学ぶことを確認しましょう。 - [STEP4を終えた方へ](https://prog-8.com/docs/bridge-4-web-dev-path-node): この記事では、このステップで学んだことを振り返り、次のステップで学ぶことを確認しましょう。 - [STEP5を終えた方へ](https://prog-8.com/docs/bridge-5-web-dev-path-node): この記事では、このステップで学んだことを振り返り、この後の道のりを確認しましょう。 - [検証ツールでコンソールを確認する方法](https://prog-8.com/docs/checking-inspect-tool-console): この記事では「Google Chrome」の検証ツール(デベロッパーモード)の使い方について説明していきます。 - [DOMとは](https://prog-8.com/docs/dom): この記事では、DOMの概要やDOMを操作する方法について説明します。Webページに動きをつける際に必須の知識となるのでしっかり学んでいきましょう。 - [トラッキングコードの設定](https://prog-8.com/docs/setting-tracking-code): この記事は、「トラッキングコードを設定しよう」の演習で使うドキュメントです。 分析ツールを操作するのに必要な情報が書かれているので、レッスンに沿って読み進めてください。 - [URLパラメータのドキュメント](https://prog-8.com/docs/parameter-document): この記事は「URLパラメータを設定しよう」の演習で使うドキュメントです。 - [画像の最適化をしよう](https://prog-8.com/docs/optimizing-images): この記事では、Webページで主に使われている画像のファイル形式やサイズについて説明します。 Webページの読み込み速度を最適化する際、画像のファイルサイズが大きく影響しますのでしっかり学んでいきましょう。 - [Google検索の仕組みを知ろう](https://prog-8.com/docs/search-structure): この記事では、Google検索の仕組みを説明します。Googleのシステムが何を行っているのか3つのステップに分けて確認していきましょう。 - [Webの基本的な技術用語を知ろう](https://prog-8.com/docs/web-terminology): この記事では、Webサイトを運用する際に頻出する技術用語を説明します。用語を正しく理解して、さらに深い知識を取得したり、円滑にコミュニケーションを取ったりできるようになりましょう。 - [プログラミング学習のコツ](https://prog-8.com/docs/programming-tips): この記事では、プログラミングを学習していく際のコツを紹介します。 - [クエリの設計](https://prog-8.com/docs/query-design): この記事では、クエリの設計について学びます。実務でクエリを書く際に必要となる知識なので、しっかり押さえておきましょう。 - [SQL学習のコツ](https://prog-8.com/docs/sql-tips): この記事では、SQLを学習していく際のコツを紹介します。 - [処理の手順を考えよう](https://prog-8.com/docs/python-processing-steps): この記事では、要件から処理の手順を考える方法を学んでいきます。 要件とは、機能やデータなどプログラムを作る前に把握しておくべき情報のことです。要件を明確にすることで、プログラムの全体像を把握することができます。 - [Pythonを活用しよう](https://prog-8.com/docs/why-learn-python): Pythonの特徴と活用事例について紹介します。AIなどの普及もあり、Pythonの需要が改めて高まってきています。人気プログラミング言語として常に上位に入ってくるPythonはなぜ人気なのでしょうか。Pythonはシンプルな記法で初学者でも学びやすい言語です。さらにパワフルなライブラリが多数あり、初学者だけでなく、研究施設や大手企業でも使われているので、どのレベルの人でも扱うことができます。ProgateでPythonを学び、新たな可能性を開きましょう! - [Javaの開発環境を用意しよう(mac)](https://prog-8.com/docs/java-env): Java環境構築が初めてでも大丈夫!この記事では、Progateのサイト上ではなくVSCode (Visual Studio Code) を使い、最新JDKのインストールから必須拡張機能の導入、"Hello World!" をコンソールに出力するまで、全手順を画像付きで丁寧に解説します。この記事を読みながら実際に手を動かして、Javaの開発環境を構築していきましょう! - [PDFの請求書から金額データを抽出しExcelへ出力しよう](https://prog-8.com/docs/extracting-amount-data-from-pdf-invoices-for-output-to-excel): Pythonを使った業務自動化・効率化として需要が高い作業の1つとして、PDFからの情報取得、Excelへの書き出しがあります。このレッスンではPythonを使ってPDFの請求書から金額データを抽出しExcelへ出力する方法について学びます。このレッスンはパイロット版です。 - [プログラミング学習を始める人が知るべきマインドセット](https://prog-8.com/docs/mindset-for-beginners-starting-programming): プログラミングを学ぶときに重要なマインド - [エラーメッセージの読み方を知って、味方につけよう!](https://prog-8.com/docs/how-to-read-error-messages-and-use-them): プログラミングのエラーメッセージの読み方 - [ローカル環境でコマンドラインの練習をしよう!](https://prog-8.com/docs/practice-fundamental-command-line-commands): この記事では基本的なコマンドライン(Command line)のコマンドを実践的に学びます。ディレクトリやファイルの作成、作業ディレクトリの移動、ディレクトリの削除などです。ローカル環境で実施します。 - [Windowsでコマンドラインを実行しよう](https://prog-8.com/docs/executes-command-in-windows-system): Windowsにはコマンドラインを利用できる複数のアプリケーションがあります。これには、コマンドプロンプト、PowerShell、そしてWindows Subsystem for Linux(WSL)などが含まれます。 初めて自身のPCでコマンドラインを利用しようとアプリケーションを探すとき、どのアプリケーションを利用すべきか迷ってしまうかもしれません。 *この前Windowsでどのアプリケーションを開けばいいのかわからなくて困ってしまいました。 - [プログラムを作るときの考え方](https://prog-8.com/docs/world-of-programs-built-with-small-commands): この記事では、初めてプログラミングに挑戦する皆さんが、プログラムの仕組みを理解できるよう、基礎的な考え方を丁寧に紹介します。 まず、プログラムとは何か、そしてプログラムがどのように作られているのかについて学びます。その後、プログラムを組み立てる際に役立つ3つのステップ(分解、手順設計、一般化)について説明し、最後にプログラムの土台となる3つの構成要素(順次処理、分岐処理、反復処理)を紹介します。 - [ChatGPTを使ってコードの意味を理解しよう](https://prog-8.com/docs/understand-code-using-chatgpt-support): ChatGPT, programming, プログラミング学習, コード解説, coding, プログラミング - [ChatGPTでコードや環境のエラーを解消しよう](https://prog-8.com/docs/fix-the-error-using-chatgpt-support): ChatGPT, programming, プログラミング学習, デバッグ, coding, プログラミング - [ChatGPTで“作りたいもの”を形にしよう](https://prog-8.com/docs/implement-ideas-using-chatgpt-support): ChatGPT, programming, プログラミング学習, coding, プログラミング - [ChatGPTから問題を解くための“ヒント”を引き出そう](https://prog-8.com/docs/chatgpt-tips-for-problem-solving): ChatGPT, Progate, AI, Generative AI, Programming, 生成AI, プログラミング, プログラミング学習 - [VSCodeでターミナルを使おう](https://prog-8.com/docs/use-terminal-in-vscode): VScode, terminal, ターミナル, ローカル開発, - [ローカル環境で総合問題にチャレンジ!](https://prog-8.com/docs/challenge-in-local-environment): VScode, terminal, ターミナル, ローカル開発, - [JSONについて学ぼう](https://prog-8.com/docs/learn-json): json, web開発, プロダクト開発 - [requireで他のファイルを読み込もう](https://prog-8.com/docs/learn-require): JavaScriptに限らずプログラムを作るときには、コードを複数のファイルにわけて開発・管理することが一般的です。それぞれのファイルが特定の役割を持つようにすると、コードの見通しが良くなり、再利用性や保守性が高まります。 この記事では、別のファイルに記述した変数や関数をどのように読み込んで使う方法を学びます。 - [コードエディタを用意しよう(macOS用)](https://prog-8.com/docs/editor-vscode): この記事では、Progateのサイト上ではなく**自分のPC**でJavaScriptのコードを編集・実行するための「コードエディタ」を紹介します。この記事を読みながらコードエディタをインストールして、ローカル環境構築の第一歩を踏み出しましょう! - [コードエディタを用意しよう(Windows用)](https://prog-8.com/docs/editor-vscode-win): この記事では、Progateのサイト上ではなく**自分のPC**でJavaScriptのコードを編集・実行するための「コードエディタ」を紹介します。この記事を読みながらコードエディタをインストールして、ローカル環境構築の第一歩を踏み出しましょう! - [HTMLのセマンティック要素を学ぼう](https://prog-8.com/docs/html-semantic-elements): html のセマンティック要素について学びます。セマンティック要素は HTML の構造を整理するうえで重要な要素なので、正しく理解して使えるようになりましょう。 - [borderプロパティの方向別指定を学ぼう](https://prog-8.com/docs/css-border-direction-properties): CSS の border プロパティを方向別に指定する、border-bottom、border-right、border-top、border-left という4つのプロパティを説明します。方向別に指定できると、より柔軟なスタイルの調整ができるようになります。 - [要素のサイズに制限をつける方法を学ぼう](https://prog-8.com/docs/css-min-max-size): この記事では、要素の大きさに制限をつけるCSSプロパティである max-width、min-width、max-height、min-height について説明します。 - [GitHub Pages で公開した Web ページを更新しよう!](https://prog-8.com/docs/update-github-pages): github pages, Webページを更新する方法を丁寧に説明します。 - [「シンプルなWebページを公開」クリア!](https://prog-8.com/docs/webpage-essentials-course-next-step): この記事では「シンプルなWebページを公開」をクリアした人に向けて、次の学習のステップについて説明しています。 - [「AIにコーディングさせてみよう」クリア!](https://prog-8.com/docs/ai-coding-course-next-step): この記事では「AIにコーディングさせてみよう」をクリアした人に向けて、活動経験を記録する方法や次の学習のステップについて説明しています。 - [AIにコードを書かせる前の基礎知識](https://prog-8.com/docs/about-ai-coding): この記事ではAIコーディングをはじめる前に知っておくと良い基礎知識を説明しています。 - [TypeScript と型について学ぼう!](https://prog-8.com/docs/start-learning-typescript): この記事では、TypeScriptの概要や、「型」とは何なのか紹介します。 - [AWS 入門](https://prog-8.com/docs/about-aws): AWS の入門として、クラウドコンピューティングの基本的な概念や AWS の概要、グローバルインフラの仕組み、責任共有モデルについて学びます。 - [AWS アカウントのセットアップ手順とロールの付与方法](https://prog-8.com/docs/aws-account-setup): AWSを初めて使う方に向けて、まずはアカウントのセットアップ手順と、そのアカウントのロールを付与する方法を説明します。 - [AWS CLI のセットアップ](https://prog-8.com/docs/aws-cli-setup): AWS のサービスをコマンドラインから操作するため、この記事ではAWS CLI のセットアップ方法を紹介します。 ## 関連サービス - [Progate Prospects](https://path.progate.com/): Progateでの学習と連動した、未経験からエンジニアとしての就職・転職を目指す人のための就活サービスです。