【Ruby on Rails】未経験Webエンジニアのポートフォリオの具体例【3選】

【Ruby on Rails】未経験Webエンジニアのポートフォリオの具体例【3選】
悩んでいる人
Webエンジニアに転職したいけど、Ruby on Railsのポートフォリオ作成しなきゃ。と言っても、どんな感じに作れば良いのかわからないので、具体的なポートフォリオの例を教えて欲しい。

 

いきなりポートフォリオ作れって言われたって無理ですよね。私もそうでした。

実際、初心者の方は基礎学習を終えた後、ポートフォリオ作りでほとんどが挫折します。

 

結論から言うと、ポートフォリオの参考サイトに具体例があるので、それを参考にして作ればOK。

今回は、ポートフォリオの参考サイト・ポートフォリオの具体例、ポートフォリオ作成のポイントをお伝えします。

(Ruby on Railsを学んでいる人向けの記事です)

 

✔︎ 本記事の内容

  1. 【Ruby】ポートフォリオの参考サイト
  2. 未経験Webエンジニアのポートフォリオの具体例3つ
  3. ポートフォリオ作成時のポイント4つ【noteあり】
  4. 無料あり:Rubyプログラミングスクール5選

 

✔︎ 本記事の信頼性

  • この記事を書いている私、なきゅ現役のWebエンジニアです。
  • 自分で0からポートフォリオを作って転職を成功させた経験があります。
  • 未経験からリモートワークで快適に働いています。

 

【Ruby】未経験Webエンジニアのポートフォリオ参考サイト

awesome-rails

awesome-railsがポートフォリオの参考サイトとして1番役立ちます。

 

awesome-rails

 

awesome-rails(Ruby on Railsのポートフォリオまとめサイト)

なきゅ
Ruby on Railsを使用したポートフォリオがまとめられています!

 

Ruby on Railsのポートフォリオ一覧

Ruby-on-Rails-ポートフォリオ一覧

 

awesome-railsポートフォリオ一覧から見ることができます。

 

未経験Webエンジニアのポートフォリオの具体例3つ

 

なきゅ
未経験の方向けに3つピックアップしました!

 

✔︎ ポートフォリオの具体例3つ

 

具体例① alonetone

alontone

✔︎ サイトURL

 

なきゅ
音楽メーカーに対して自分の音楽をアップロードできるサイトですね!

 

具体例② feedbin

feedbin

✔︎ サイトURL

 

なきゅ
RSSリーダーですね!他サイトの新着情報を取ってくることができます!

 

具体例③ vglist

vglist

✔︎ サイトURL

  • vglist(サイトに飛びます)
  • github(ソースコード)

 

なきゅ
ビデオゲームをまとめたサイトですね!いかにもRailsらしいポートフォリオ!

 

もっと具体例が欲しい方へ

 

先述しましたが、下記のサイトにRuby on Railsのポートフォリオがまとめられています。

awesome-rails(Ruby on Railsのポートフォリオまとめサイト)

 

なきゅ
Ruby on Railsを使用したポートフォリオがまとめられています!

 

ポートフォリオ作成時のポイント4つ【noteあり】

 

✔︎ ポートフォリオ作成時のポイント4つ

  1. ポートフォリオのサイトを見てみる
  2. ポートフォリオのコードを見てみる
  3. ポートフォリオを自分のPCで動かしてみる(上級者向け)
  4. 【note】ポートフォリオ作成+転職

 

① ポートフォリオのサイトを見てみる

まずは実際にポートフォリオのサイトを見てみましょう。

ここでやることは以下の3つ。

 

✔︎ ポートフォリオのサイトを見てやるべき事

  1. 参考にしたポートフォリオの魅力的な部分を探す
  2. 自分のポートフォリオのコンセプトを考える
  3. 自分のポートフォリオに追加したい機能を考える
なきゅ
自分が作るポートフォリオのイメージをわかせましょう!

 

② ポートフォリオのコードを見てみる

 

サイトを見た後は、そのサイトがどのようなコードでできているのかを見ましょう。

 

例えばfeedbinのルーティング(URL設定)を見るならココ↓

 

feedbinのコントローラ(Railsの核となる部分)を見るならココ↓

 

アドバイス

コードは少しわかるけど、どうしても手が進まない場合は、プログラミングスクールに行きましょう。

(コードをみても全くわからない場合は、Progate、Railsチュートリアルをやりましょう。)

 

なきゅ
基礎学習しないままポートフォリオを作るのは無謀です!

 

③ ポートフォリオを自分のPCで動かしてみる(上級者向け)

 

これは上級者向けですが、時間がある人はぜひやってもらいたいです。

(ここでつまづく人はプログラミングスクールに行くことをオススメします。)

例えばfeedbinなら、下記のリンクに書いてある通りにやると、自分のPC(localhost)でポートフォリオを動かせます。

✔︎ 大まかな手順

  1. git cloneコマンドにより、自分のPCにフォルダをダウンロードする
  2. データベース等、環境を整える(ここ難しいので注意)
  3. 自分のPCで「localhost:3000」にアクセスし、ポートフォリオを動かす

 

なきゅ
ここは難しいので余裕がある人だけでOK!でもめっちゃ勉強になりますよ!

 

④ 【note】ポートフォリオ作成+転職

もっと具体的な方法、さらに転職活動について知りたい方は、下記の100円noteをご覧ください。

なきゅ
50部以上売れてます!コスパと内容に自信があります!

 

✔︎ noteに書いてある内容

  1. 働きながら転職する環境を整える方法
  2. 基礎学習について
  3. オススメのプログラミングスクール
  4. ポートフォリオ作成方法
  5. 履歴書、職務経歴書、Wantedlyプロフィール(具体例つき)
  6. 転職活動のコツ

 

✔︎ note(画像クリックで飛びます)

【働きながら】未経験が4ヶ月でWeb自社開発エンジニアになった方法-【アップデート予定】

 

無料あり:Rubyプログラミングスクール5選

 

※コロナウイルスの関係で、現在は下記スクール全て「オンライン」でサービス提供を行っています

コメント オススメ度
1.TECH::CAMP
転職成功率99%、転職できなければ全額返金、ホリエモンも絶賛したマンモススクール ★★★★★
2.ポテパンキャンプ
転職成功で全額キャッシュバック。実際に私も通い、転職を成功させました。 ★★★★★
3.GEEK JOB 完全無料で受講可能。数多くの転職実績をもち、コースが豊富で選択肢が広がる。 ★★★★★
4.Tech Boost プロのカウンセラーが目標に応じた最適なプランを提案。細かなニーズに応えている。 ★★★★☆
5.DMM WEBCAMP
経済産業省の第四次産業革命スキル習得講座に認定。スキルを確実に身につけられる。  ★★★★☆

※全て無料かつオンラインでカウンセリングが受けられます。

 

注意

基礎学習を終えてからでは無いとポートフォリオを作っていても挫折します。

私も挫折しましたが、プログラミングスクールでポートフォリオを作った結果、転職に成功しました。

 

今回紹介した、awesome-railsを見ても全然わからなかった人は、プログラミングスクールに行かないと時間を浪費することに。

 

なきゅ
私は独学でポートフォリオ作成をしていましたが、見事に挫折しました。。

 

ですが、高品質なプログラミングスクールを選べば、ポートフォリオ作成で挫折することはありません。

私は、ポテパンキャンプの転職サポートでポートフォリオ作成の指導を受けて、優良な企業を紹介してもらい、ホワイトなWeb系自社サービス開発企業に入ることができました。フルリモートでスキルアップ、残業もほぼゼロです。

現役エンジニアである私が紹介する、高品質なプログラミングスクールの中から選ベばポートフォリオ作成がスムーズになり、転職に成功するのでご安心ください。

 

なきゅ
現役エンジニアの私が、優良なプログラミングスクールを厳選しています。

Webエンジニア転職におすすめの、高品質なプログラミングスクールは以下の通りです。

(Webエンジニア転職はRubyというプログラミング言語を学ぶのが最適です)

 

※コロナウイルスの関係で、現在は下記スクール全て「オンライン」でサービス提供を行っています

コメント オススメ度
1.TECH::CAMP
転職成功率99%、転職できなければ全額返金、ホリエモンも絶賛したマンモススクール ★★★★★
2.ポテパンキャンプ
転職成功で全額キャッシュバック。実際に私も通い、転職を成功させました。 ★★★★★
3.GEEK JOB 完全無料で受講可能。数多くの転職実績をもち、コースが豊富で選択肢が広がる。 ★★★★★
4.Tech Boost プロのカウンセラーが目標に応じた最適なプランを提案。細かなニーズに応えている。 ★★★★☆
5.DMM WEBCAMP
経済産業省の第四次産業革命スキル習得講座に認定。スキルを確実に身につけられる。  ★★★★☆

※全て無料かつオンラインでカウンセリングが受けられます。

 

下記の記事でスクールを比較して解説しています。