Progate評判は？実際にプロゲートでプログラミング独習その1

レイアウトを作れるようになろう

HTMLとCSSはWebページを作るために使われる言語です。

HTMLやCSSが書かれたファイルをWebサーバー上に置くことで、全世界の人にWebページを公開することができます。

快適にコーディングするために開発環境を整えよう

エディタ（テキストエディタ）はプログラミングのコードを書くときに使うツールです。HTMLとCSSはWebページを作るために使われる言語です。

エディタを利用するとコーディングが快適になり、開発効率の向上が期待できます。

Webの仕組みを知ろう

私たちが利用しているWebページは、インターネットの仕組みの上で動いています。

Webページを作れるようになるには、インターネットとWebの仕組みを理解する必要があります。

Webページに動きをつけてみよう

JavaScriptは世界でもっとも使われているプログラミング言語の1つであり、近代的なWebページを作成するためには欠かせません。

クリックでHTML要素の色や形を変えたりアニメーションを表示したりなど、JavaScriptはWebページにさまざまな動きをつけることができます。JavaScriptはHTMLやCSSと共に、Webページの表示や動作の処理に使われます。

Webページ開発のデバッグをしよう

開発者ツールはWebページ開発のデバッグに使える機能で、各ブラウザが提供しています。

開発者ツールを使えば、HTMLソースコードがWebページ上のどの部分に表示されていて、HTML要素にどのようなCSSプロパティが適用されているかを一覧で確認することができます。また、JavaScriptの実行状況も確認することが可能です。

サーバーで動くプログラムを作ろう

動画サービスやECサイトなど、世界中で使われているWebアプリケーションは、いずれかのサーバーサイドのプログラミング言語を用いて作られています。

HTML、CSS、JavaScriptだけでは、いつ誰がアクセスしても同じ表示となる静的なWebページしか作れませんでした。サーバーサイドのプログラミング言語を学ぶことで、ユーザーのリクエストに応じた動的なWebページを作れるようになります。

コードを整理し、機能の追加や変更をしやすくしよう

オブジェクト指向を学ぶことで、作りたい機能をどのようにプログラミングすると良いかをイメージできるようになります。

オブジェクト指向を学んで、メンテナンスしやすいプログラムを書けるようになりましょう。

コンピュータの操作を効率的にできるようになろう

ターミナルを利用することで効率的にコンピューターを操作することができます。

Webアプリケーション開発では、ライブラリのインストールやデータベースの操作などを行いますが、これらの作業はターミナル上でのコマンド操作が基本です。

データベースを扱ったWebアプリケーションの機能を作ろう

データベースとは、アプリケーションで扱うべきデータをプログラムコードから分離して集中管理する仕組みです。アプリケーションは、データベースを使うことで正しく安全にデータの追加・更新などができます。

データベースの最初の学習は、現在広く使われているリレーショナルデータベースから行うのがよいでしょう。まずは、リレーショナルデータベースを操作するためのSQLについて学びましょう。

フレームワークを使用して効率よく開発しよう

フレームワークを利用して、Webアプリケーションの基本的な動作や仕組みについて学びましょう。

RailsはRubyでWebアプリケーションを開発するときに、もっとも使われているフレームワークです。豊富な機能や開発におけるコード量の少なさが特徴です。まずは、Railsを使って簡単なSNSアプリを作ってみましょう。

公開されたAPIの機能を取り入れ、作れる幅を広げよう

APIとはApplication Programming Interfaceの略で、アプリケーションの個々の機能を分離して使用するための取り決めのことです。

Web APIを活用して自分のアプリケーションに機能を追加してみましょう。まずは、無料のデータを使ってWeb APIのイメージを掴みましょう。

実際の開発現場をイメージできるようになろう

開発フローとはWebアプリケーション開発の作業工程のことです。開発フローには主に、設計、実装、テストの作業フェーズがあります。

開発フローを学ぶと、チーム開発を効率的に進められるようになります。

どんなものをどうやって作るのかを考えよう

アプリケーションの開発を始める前に仕様と設計を決めましょう。そうすることで手戻りを少なくすることができます。

仕様をチームで共有できていると、ユーザーがどんな風にアプリケーションを利用する想定なのかを、各メンバーがイメージできるようなります。

バージョン管理システムを使ってチームでコードを共有しよう

Gitはプログラムコードなどの変更履歴を管理するバージョン管理システムです

Gitは開発の効率化や不具合の迅速な修正など、コードをバージョン管理をするメリットは強力なため、多くの現場で使われています。Gitが使われている現場では、Gitが使えないと開発に加われないため、必須のスキルと言えるでしょう。

不具合の少ない高品質なコードにしよう

テストとはアプリケーションが想定どおりに動くことを確認するプロセスです。「期待する動き」をまとめたテストケースをもとに、「実際の動き」を確認します。

アプリケーションの開発現場では機能追加や変更のたびにテストを行います。自動テストについて是非学んでおきましょう。

開発を進めやすいコードに改良しよう

リファクタリングとは、プログラムの機能を保ちながら理解しやすいコードに改良することです。具体的には、重複したコードを整理したり、変数や関数の命名を分かりやすくしたりすることなどが挙げられます。

リファクタリングの目的や方法と実施範囲を確認し、チーム内で相談しながら進めましょう。

アプリケーションの公開に向けてサーバーの準備をしよう

サーバーとはクライアントの要求に対してさまざまな機能を提供する、ネットワークに繋がったコンピューターのことです。サーバーがクライアントとやり取りするには、ネットワークで繋がっている必要があります。

Webアプリケーションの公開のために必要となるサーバーの役割やスペック、調達方法を決められるようになりましょう。

サービス公開に必要な通信の仕組みを知ろう

ネットワークとは、コンピュータなどの機器が相互に接続してデータ通信を行う仕組みのことです。インターネットはネットワークの一部であり、プロトコルという多重構造の通信技術を基本としています。インターネット上の通信は、TCP/IPプロトコルに基づいてやりとりされます。

知っておくべきこととしては、グローバルIPアドレスとローカルIPアドレスの仕組みやNAT変換、プロトコルとポート番号の関係性、ルーティングの仕組みなどが挙げられます。リファクタリングの目的や方法と実施範囲を確認し、チーム内で相談しながら進めましょう。

クラウド環境にプロダクトを公開しよう

クラウドサービスとはネットワークを経由してサーバーやソフトウェアなどを利用できるサービスの総称です。その中には開発したWebアプリケーションを公開するためのサービスがあります。

AWSはITインフラのクラウドサービスの中でもっとも使われているサービスです。ここでは、AWSを使ったWebページのデプロイから始め、APIやデータベースの追加までできるようになりましょう。

安全なサービスを届けよう

ユーザーが安心して使い続けられるWebアプリケーションを作るために、セキュリティ対策について学びましょう。

ユーザー登録機能の実装を通して、セキリュティを意識したアカウント管理方法について学んでいきましょう。安全なアカウント管理は、多数あるセキュリティ対策の一部ですが、一般的なWebアプリケーションに含まれる機能です。実際に手を動かしながらセキュリティのイメージを掴みましょう。

継続的にプロダクトを改善しユーザーに素早く届けよう

CI/CDとはContinuous Integration（継続的インテグレーション）とContinuous Delivery（継続的デリバリー）の略称です。

CI/CDを取り入れることで、開発者の生産性向上やアプリケーションの品質向上が期待できます。

プロダクトの利用状況を把握し改善に役立てよう

Webアプリケーションをリリースしたら、ユーザーのサービス利用状況やシステムの稼働状況を知るために、データの分析を行いましょう。分析することで、アプリケーションの改善点やシステムの問題点を把握することが可能です。

Google Analyticsは、もっとも使われているデータ分析ツールです。 ここでは、分析基盤を構築する前にGoogle Analyticsを通じて、データ分析の目的や指標について学んでいきましょう。

ユーザー体験を向上させよう

パフォーマンスとは、Webアプリケーションが限られたシステムリソースで、効率よく機能しているかを示すものです

ここでは、Webページのパフォーマンス改善について学んでいきます。まずは、パフォーマンスの計測やチューニングを体験してイメージを掴みましょう。計測方法は、Chromeの開発者ツールを使うのがオススメです。記事やブログで使い方について調べてみましょう。

ユーザー数が増えても動き続ける仕組みを作ろう

スケーラビリティとは、ユーザー数の増加に伴う負荷の増加に対し、システムが適切に対応できる能力のことです。スケーラビリティの高いシステムを作るには、負荷に応じて処理能力を上げられる構成である必要があります。

スケーラビリティの高いシステムを構築できるようになれば、ユーザー数が急激に増えてもサーバーが落ちることはなく、サービスを提供し続けることができます。将来的なサービスの成長を見越して、スケーリングの仕組みを取り入れたシステムの構築を目指しましょう。

プロダクトの問題に対応できるようになろう

障害によるサービス停止を起こしにくいシステムを構築できれば、ユーザーに安定してサービスを届けられます。

障害に関するスキルは実際に運用や保守を経験しながら学ぶのが理想です。ここでは、障害に関するスキルには、どんなものがあるのかイメージできることを目指しましょう。