【バックエンドエンジニア】ポートフォリオを作るまでの学習順序・教材例（Ruby・PHP）2026年版

プログラミング初心者がモダンなWeb系企業でバックエンド（サーバーサイド）エンジニアとして働くためのポートフォリオ作成までの学習ロードマップをまとめました。Sier企業を志望する場合はRuby/PHPをJavaに、フロントエンドを志望する場合はJavaScriptにReact/Vue.jsなどを置き換えてください。

プログラミング経験者はコンピューターサイエンス基礎などを適宜スキップしてください。

エンジニアを志望すると決めたら、転職エージェントに登録してどういうエンジニアが需要か相談するのも良いです。

使うプログラミング言語

おすすめ言語はRubyかPHP

RubyかPHPをおすすめします。この2言語がWeb系企業で頻繁に使われていて案件数も多いからです。PythonやGoも人気ですが、未経験採用が少なめ。未経験ならRubyかPHPを習得して就職活動するのがベターです。

また、ネット上の情報量が多く、教材も充実。学習のしやすさという点でも優れています。

RubyとPHPはどちらでも構いませんが、下に特徴をまとめました。好きな方を選びましょう。Web系企業で働くなら最終的にはどちらも習得するのが理想なので、順番の問題ともいえます。

2026年現在、東京都内のIT企業はRubyがやや多め、地方はPHPが多めの傾向です。

Ruby vs PHP 比較表

項目	Ruby	PHP
難易度	やや高	やや低
平均収入	やや高	やや低
フレームワーク	Ruby on Rails（標準）	Laravel（推奨）、CakePHP
案件数	やや少なめ〜普通	多い
企業の雰囲気	モダン寄り	様々（レガシーからモダンまで）
トレンド	Rails 7.x系が標準	PHP 8.x系、Laravelが台頭

Ruby: Ruby on Rails一択というのが現状。プログラミングスクールやYouTuberはRubyを教えるのが多く、ライバルも多い。比較的モダンな企業が多いのが特徴。

PHP: 採用企業が多く、レガシーからモダンな企業まで玉石混交。Laravelの普及で、スタートアップ〜大手企業まで幅広い採用。長く使われ続けそうな言語。

AIを使って学習を加速する

2024年以降、プログラミング学習のやり方が大きく変わりました。AI（ChatGPT、Claude、GitHub Copilot）をツールとして活用することは、もう一つの学習手段です。

ChatGPT・Claudeでエラーを瞬時に解決

エラーメッセージを丸ごとAIに聞くと、原因と対処法が返ってきます。これまでStackOverflowで検索に時間がかかっていた部分が数秒で解決します。

使い方:

• エラーメッセージ + 関連するコードを貼り付ける
• 「このエラーが出ています。どうしたら直りますか？」と聞く
• AIは複数の原因候補を提示してくれる

注意点: AI の答えをそのままコピペするのではなく、なぜそのエラーが出たのか を理解することが重要。AI の説明を読んで腑に落ちるまで掘り下げる習慣をつけましょう。

GitHub Copilot・Cursor でコーディング効率化

GitHub CopilotやCursor（AI統合エディタ）を使うと、コメントやコードの一部を書くと残りを自動補完してくれます。

得られる効果:

• ボイラープレートコード（定型的なコード）の記述が90%削減
• 関数シグネチャを書くと実装が自動提案される
• リファクタリング候補を提案される

使い方:

• 関数の名前と目的をコメントで書く
• Copilotの提案を確認（ほぼ正確）
• 細かい調整をして採用

注意点: AIが生成したコードは必ず自分で読んで理解する。なぜそう書かれたのか、バグがないか を確認する習慣が大事です。

AI活用で気をつけること

• 依存しすぎない: AI なしで基本は書ける力をつけてから使う
• コピペ厳禁: 生成されたコードは必ず理解してから採用
• 質問の質: 「PHPでログイン機能を作って」より「ユーザーテーブルとセッション管理の実装パターンは？」という具体的な質問が実用的

つまり、AI は学習の "加速剤" であり、"置き換え" ではない ということを忘れずに。

1. コンピューターサイエンス基礎

基本情報技術者試験のテキストを何周かして基礎を固めます。資格取得の必須ではありませんが、やる気があれば取っておいて損なし。

ただし試験対策として暗記時間が必要で、午後試験ではプログラミング言語を習得する必要があるため、ポートフォリオ完成後に受験するのが無難です。

2019年のCBT化で難易度が上がっているため、試験対策は計画的に。

2. HTML・CSS・（JavaScript）

HTMLとCSSはWebサービス製作に必須。早めに身につけましょう。

教材: ProgateかドットインストールでOK。無料で部分学習可、中盤以降は有料（月1,000円程度）。どちらかのプランに加入して全習得。

JavaScript: 余力があればやる程度で大丈夫。JavaScriptを使いこなせるとポートフォリオの質が上がりますが、駆け出しサーバーサイドエンジニアには必須ではありません。

Bootstrap

Bootstrapはグリッドシステムの仕組みだけでも理解しておくと良い。簡単にデザインを作れます。LaravelではBootstrapが標準装備されているため、PHP/Laravel学習時に目を通すと役立ちます。

3. Linux

Web系企業のほぼすべてで使われているLinux。Sier企業でも使うところが多い。基本的なコマンドは理解しておきましょう。

Linuxは開発エンジニアだけでなく、インフラエンジニア、保守・運用エンジニアなど、システムに携わるあらゆる人の必須技術。

4. SQL

データベースを扱う必須言語です。言語自体は難しくありませんが、前段階の設定（データベースへの接続）が面倒。

重要: LinuxとSQLさえ理解できれば、IT業界で食べていく基本ができます（保守・運用、社内SE レベルですが）。

特に 結合（JOIN） と グループ化（GROUP BY） は最重要。Webシステムが遅い場合、原因はDB周りの SQL 書き方が多い。仕事開始後も駆け出し時代は積極的に習得すべき項目です。

教材: Progate / ドットインストール。または書籍を併用。

5. Ruby or PHP

RubyかPHPのいずれかの基礎を固めます。

Ruby: Progateが充実。 PHP: ドットインストールが充実。書籍「よくわかるPHPの教科書」が初心者向けでおすすめ。

Udemy動画: PHPの場合、基本から実践（Twitterクローン掲示板開発）までを学べる講義が有効。Progate・ドットインストール で得た知識を実践で活用できます。

6. Git（バージョン管理ツール）

ほぼすべての会社で使うツール。使い方を間違えるとデータが消える可能性があるため、習得は必須です。

教材: Progate / ドットインストール。マンガで分かる参考書もあり、さっと一周読んでからコマンド演習するのが効果的。

補足: SV N（サブバージョン）を使う企業もありますが、Gitを理解していれば対応できます。

7. フレームワーク（Ruby on Rails or Laravel）

Ruby on Rails

参考: Ruby on Rails チュートリアル（railstutorial.jp）

SNS開発やWebサイト制作が学べる大型チュートリアル。作りながら学ぶ形式で、電子書籍・解説動画・質問対応あり。

Laravel

PHPを学んだらLaravelへ。Laravelはモダンフレームワークの標準。CakePHPもありますが、トレンドはLaravelです。

余裕があれば「Rails チュートリアル」「Laravel チュートリアル」で検索して、ソースコードを読んだり実装したりして学習するのも有効です。

8. ポートフォリオ作成

ここまで来たら、実際にポートフォリオを作成します。自分が作りたいものを作れば OKです。

何も思いつかなければ、簡易ブログシステム を作るのがおすすめ。ログイン機能、画像アップロード、ページネーションなど基本機能が網羅できます。

デプロイ先

Heroku は2022年に無料プラン廃止。以下の代替サービスを検討:

• Render: 無料プランあり、Rails・PHP対応。UI直感的
• Fly.io: コンテナベース。初期クレジット$5/月
• Railway: シンプル操作。無料での試用可能

Docker対応が現在の標準: ローカル環境はDockerで揃えるのが普通。ポートフォリオにDocker対応があると加点です。

9. 就職活動

ポートフォリオができたら、転職サイト・転職エージェントでエントリー開始。できるだけ早く就職活動を始めることが重要（わかることも多い）。

利用可能なサービス:

• リクナビネクスト（転職サイト）
• Wantedly（ビジネスSNS）
• リクルートエージェント（転職エージェント）
• レバテックキャリア（IT系専門エージェント）
• Findy（エンジニア向け、スカウト型）
• Green（IT求人・内定直結）

フレームワーク名（Rails、Laravel）で検索すると希望企業が見つけやすい。転職エージェント面談時に「Rails使ってる企業に就職したい」と明確に伝えましょう。

GitHubプロフィールの整備

2026年現在、採用担当はあなたの GitHub プロフィール を確認します。

• ポートフォリオのコードを必ずGitHubに公開
• READMEに機能・使用技術・セットアップ手順を記載
• コミット履歴を整理（意味のあるコミットメッセージ）
• Readmeに「このプロジェクトで学んだこと」を数行書く

AI スキルのアピール

2026年現在、履歴書や面談でAI活用スキルをアピールするのは加点です。

• 「GitHub Copilot / Cursor を使いこなせる」
• 「ChatGPTでエラー解決を早めている」
• 「Code reviewやテスト作成のAI補助」

これらを さりげなく話せると、「最新の開発環境で学んでいる」という良い印象につながります。

10. さらに良いポートフォリオを目指して

基本的なポートフォリオに以下を追加すると、より質の高いものになります。

インフラ・デプロイメント

• AWS: ほぼすべての企業が使用。入社後も触ることになるため、早めに触っておくと有利
• Docker: 環境構築の標準。Dockerfileを書いて本番環境を構築する経験は大きなプラス
• CI/CD: GitHub Actions や CircleCI で自動テスト・デプロイを実装

フロントエンド

• React / Vue.js: バックエンドだけでなくフロントエンドもわかる、という + 評価

テストコード

• バックエンド機能のユニットテスト・統合テスト実装は採用担当の目に止まります
• RSpec（Ruby）/ PHPUnit（PHP）などの習得も検討

番外編：学んだことは技術ブログに残す

勉強中に学んだことを、Qiitaや技術ブログに記事として残すことをおすすめします。

メリット:

• 就職活動の実績として示せる
• 備忘録として自分で活用できる
• 知識の整理・定着に効果あり
• 発信力が面接で評価される

月1〜2本の記事でも構いません。「自分の学習を発信できる人」という印象は採用担当に好評です。

---

まとめ

バックエンドエンジニアを志望するなら、以下の順序で学習を進めましょう：

1. コンピューターサイエンス基礎
2. HTML・CSS
3. Linux、SQL
4. Ruby or PHP
5. Git
6. フレームワーク（Rails or Laravel）
7. ポートフォリオ作成 + Docker化
8. GitHub・技術ブログでの発信
9. 就職活動開始

2026年現在、AI（ChatGPT、Copilot）は学習の強い味方です。 エラー解決を早め、コーディング効率を上げるツール として活用しながら、基礎をしっかり理解することが就職後の成功につながります。

最後に、完璧を目指さず、できるだけ早くポートフォリオを作成して就職活動を始めることをおすすめします。仕事をしながら学ぶ方が、効率的かつ実践的です。頑張ってください！