2021年1月、文系素人業界未経験ながらインフラエンジニアとして異業種転職に成功しました。

SES業態2社、自社開発業態1社の計3社からの内定で、今回僕がお世話になるのは大手SESでのインフラ関連の運用と開発業務です。

コロナの不況下で社会全体での就職率低下が叫ばれている中での転職で少し安心しています。

インフラエンジニアはIT業界の中でも比較的未経験でも転職しやすいと言われています。

WEB系を目指す方の参考にはならないかもしれませんが、それでももしご興味があればご覧になっていってください。

僕も今後どういう気持ちで転職に至ったか、またレベルアップでもしまた転職する機会があるかもしれないため、それらを振り返るために、包み隠さず心情を綴っていこうと思います。

30代未経験からのエンジニア転職は難しいか？結論からいうと

結論からいうと30代業界未経験でもエンジニア転職は可能です。なぜなら実際に僕は転職したからですねｗただ、やり方を間違えるといつまでも転職ができない可能性が高いです。

また、軽い気持ちでエンジニアを目指すのは避けたほうがいいです。確実にそう言えます。

どの業界においてもそうですが、異業種の転職は厳しいものがあります。特に30代、40代と年齢を重ねる毎に難度はグッとあがります。

そりゃあどの業界も、鍛えがいのあるピチピチの若手を取りたいのは自明の理です。

自身の転職事情について

現在文系大を卒業して私は30代前半です。

これまで色んな企業様に務めて来ました。

私の転職までの経緯について

今まで小売業2社、営業1社と文系寄りの経歴を持ちます。そして今回のインフラ未経験としての内定です。技術職というお門違いへの異業種転職となりました。

海外と違い、日本の企業はこういう転職を繰り返す人材を通常は敬遠します。

なぜなら、入社して一から育てた人材が、企業に利益をリターンをもたらす前にまた転職するのではないか。その場合一人前に育ててきたコストだけかかってしまう形になるからです。

コロナ情勢下でかなり痛い目を見るハメに

僕が前社を退社したのが20年の7月ころ、2月からコロナが徐々に猛威を奮い始めていました。

夏場は少し感染が落ち着いていましたが、その後のプログラミングスクールに通っていた期間も含めて、社会情勢の悪化が著しかったです。

プログラミングスクールに通うことに

もともと退社するかなり前からプログラミングスクールに通おうと考え、会社には退職の意向を伝えていました。会社も私の意向を組んで残念ではありましたが、快く送り出してくれました。

私がプログラミングスクールに通おうと考えた理由はフロント、バック、インフラと分野がある中で自身がどの分野に興味があるのかを確かめたかったからで、20代を過ぎていたため最短距離での習得を行いたかったです。

当時は営業の仕事に関連してCSS、HTMLでサイトのページを作るフロントエンドやRubyのバックエンドの部分に興味が有りました。

しかし調べるうちに分野が分かれていて、エンジニアの仕事領域もそれに対応しているとの事で…自分がどの領域を目指したいのか見極めたかったですｗ

あとは、プログラミング教室に通ううちに熱が冷めないのかも見たかったです。

おそらく一生かけて行う仕事となるので、PGスクールの4ヶ月の受講を受けて挫折しないか本気度を確かめたかった。

そしてその期間は難なくクリアできましたし、プログラミングが楽しいと思えたのが異業種転職への思いを強めてくれましたｗ

そういった適正を確かめる意味でもスクールでの経験はとても有意義なものとなりました。

関西の未経験OKのインフラエンジニアになりました

僕が転職において重視したのが、エンジニアとしての実践的な経験が積めるかどうか、勤務地が関西圏がどうかの2点でした。

インフラ未経験はおそらく監視・運用・保守業務からスタートします。

企業によってはそれらの業務だけにしか携わらないとこもあるため、キャリア的にもったいないからです。できるなら、自身のスキルや待遇を上げるためにも企業内で設計・構築まで携われる案件にめぐりあいたいと感じました。

そして今回の自身の採用はその希望に沿った案件でした。僕が内定をいただいた自社開発の企業も企業規模が小さかったため、今回は辞退させてもらいました。

晴れてインフラエンジニアとして活躍できることに、いや、めでたしめでたし〜ｗ👏いやいや

未経験からのエンジニア転職自体がそもそも厳しい！実体験を踏まえて

自身の転職に至るまでの経緯を述べました。

ただ、先程も述べましたがコロナ禍も相まって、現況の経済状況も含めて未経験異業種転職はかなりきついと申しておきます。

特に30歳以上は難度が上がります。その理由を転職活動の実体験を踏まえて記述します。

企業はそもそも30代以上の未経験エンジニアを必要としていない

企業は未経験、強いて言えば30歳を越えた未経験エンジニアを基本必要としません。これは転職エージェントの方にも言われましたよｗ

応募しても書類選考の年齢制限があって切られてしまうわけですねｗ

覚悟はしていましたが、僕もこれには苦労しました。90社程書類応募しましたが、通過したのは10社に満たなかったです。

もし企業とのコネがある方はそれを活用しましょう。

僕はそんなもの無かったですがｗ

コロナ禍のような経済不況下ではエンジニア経験者とも戦わないといけないです

経済が下火な場合、企業は仕事の依頼をSESや実績のある個人に投げるため、小さく個人で案件獲得している事業主なんかは職がなくなります。

小さくとも個人で活躍できるほどの経験を持った人たちが、安定を求めて企業での再就職を狙って流れてきます。

経験を積んで力をつけた即戦力と、30代の未経験とでは、多少の金額を上乗せしてでも経験者を採用します。

また、同様に30代未経験と20代未経験では、安く雇えて長く経験を積んでもらえる20代に軍配が上がります。

そこで僕は企業に本気度を示す意味でもプログラミングスクールに通うことを決めました。

業界未経験のプログラミングスクールの勉強は転職に有利か？

僕は分野の見定めと少しでも経験を積もうと思ってプログラミングスクールに通いました。

私はこのPGスクールの知識や経験が活きてますし、今回のインフラを目指そうと思ったのも、スクールでのクラウド環境の構築の学びがインフラエンジニアへの興味のきっかけで転職につながったため有用だと感じました。

しかし、20代前半での転職だったり、求人で未経験OKのポテンシャル採用枠を狙うだけであれば、PGスクールに通う必要ないと思っています。

ただ、その場合でも何かしら勉強をしているという業界への興味や姿勢は必ず企業に示しましょう。

今回選考を受ける中で未経験枠の場合は、年齢の若さとプロラミングへの熱意だけで採ってくれそうな企業は多いと感じたためです。書類選考が特にそのような状況でした。

また、実務経験を積むことのほうがキャリア形成に役立つため、スキルアップのためのさらなる転職に役立ちます。

プログラミングスクールを選ぶ際の注意

スクールの情報はいらないと感じた方は読み飛ばしてください。

プログラミングスクールにも色々とあります。僕が選ぶ際に重視した点を述べます。

１．そもそもスクールに通うべきかどうか

　僕が通っていたスクールは受講期間を終えると半額近く返金されるというものでした。

受講費用はスクールやコースによりますが、多い所は90万円近くかかります。独学でも勉強できる自信のある方は、お金がかかるためやめておきましょう。

ちなみに僕が受講したのがDMMWEBCAMPの転職向けのコースです。こちらは20代〜をターゲットにしています。

同様に検討を悩まれるのが30代〜をターゲットにしているTECHCAMPの転職型コースになるかと思います。

それぞれ運営元が違い特性も違うので参考までに。また無料相談ができるため悩まれる方は、一度どんな感じか確認してみても良いかもです。

私は返金保証というものを利用して両方のコースを受けましたが、良い意味でも悪い意味でもゆるく受講のできたWEBCAMPが自身の性格には合っていると感じましたｗ

またDMMWEBCAMPは失業状態で一定条件を満たし、コースが修了ができれば受講料が半額近く返ってきます。

２．自身の学びたいプログラミング分野や言語の知識が習得できるかどうか？

　独学の場合に何を学べば良いか、わからないことが多いです。そのような場合にいつでも質問にのってくれる環境がPGスクールにはありました。

大きく分類するだけでもCSS、HTMLの目に見える部分の作成に携わるフロントエンド。

Ruby等仕組みを作り動的なサイトに仕上げるバックエンド。

ネットワークの基盤を整えるためのインフラ分野とありますし、それぞれの分野の中にも様々な言語があり、それに対応したエンジニアが求められます。

そしてプログラミングスクールには段階ごとに質問できるメンターと呼ばれる、技術講師的な方に運営時間内であれば質問を行えます。

だからコード書いたり、勉強法での迷いは無かったです。

３．途中で挫折してしまわないかどうか

　もしプログラミングスクールを受講する場合でも、参考書などで少しでも事前に知識に触れておくことをオススメします。できればコードを記述するまでできれば良いです。その際はPROGATEやUDEMY等が気軽に試せます。

先述した通り、コースにより高額な受講費がかかってきます。生半可な気持ちで受けるのはやめましょう。

そもそもITを未経験から目指す中で、もし現状の生活環境下である程度満足できているのなら転職自体をオススメしないですｗ

ちなみにプログラミングスクールの受講の内容もそんな甘くなくて、入学してからプログラミングに対する見方が違っていた、内容が難しくて挫折する方が1割〜2割程度居た印象です。反対に飲み込みの早い人はめちゃくちゃ楽しそうでしたし、カリキュラムの内容も余裕で修了する方が居たのも事実です。

余談ですが、プログラミングは稼げるのでさっさと転職してしまいましょうと謳っているサイトは、アフィリエイト収入を狙っている人が多いので、情報を鵜呑みにして仕事を安易に辞めてしまわないように注意しましょう、危険です。

厳しくはあるが、30代未経験でも転職の可能性は十分にあります。

以上までだと勉強しないと転職は厳しいのか？ということですが、

企業によってはド未経験からでも勉強してから働ける環境提供を行う企業もあるため、一概に勉強なしの未経験転職が無理とは言えないです。

若いうちは勢いでそのような企業に就労して経験を積んでも良いかもしれません。

派遣型で待遇はよろしくないかもしれませんのでしっかりと業務内容の見定めが必要です。ただ、実務経験に勝る独学は無いと思ってますｗ

なんとなくの異業種転職は20代までにしておきましょう！

30歳を越えてからの転職だと、企業の採用担当もなぜ今になっての転職か？と確実に聞かれます。

それにある程度現状の生活が潤っている方はなんのためにITエンジニアを目指すのか？これも問われます。

３年、５年、10年後のキャリアを思い描いてから初めて転職や勉強の方向性を組み立てましょう。

そうでないと、もし自身の家庭があった時に、勢いで辞めたことを後悔します。

実際に転職活動で感じたこと（未経験でもエンジニア転職は可能です）

僕が転職時期を始めた時はコロナ禍のため、新卒ですら80％前後だと報道されていました。

経済不況下では、若さだけでは採用が厳しいという状況ですね。それに30歳以上は選考の年齢制限に引っかかります。

なので僕は転職でIT業界で働きたいという熱意と、勉強し今後も頑張るという意気込みをアピールして内定を勝ち取りました。実際にこのアピールがかなり有効でした。

実際に書類選考で90社近く送り、通過が8社、SESと自社開発企業を含めた企業の4社の面接を受け、この熱意と将来の展望と勉強していることをしっかりアピールすることですべての面接選考は通過していきました。

エンジニア転職活動において重要だと感じたこと

ここからは僕自信が転職活動を行う上で、転職を早期に決めれた要点ともっとこうしておけばスムーズに行けたかもという考えをまとめます。

今回僕がプログラミングスクールを修了し、本格的に転職活動を開始したのが21年の1月で、3週間の間に転職を行うことができました。

もちろん転職が全てでは無いし、働き初めてがこれからのスタートです。

でもせっかくなら、自分の志望にできるだけ沿った企業に入社したいですよね。

期間を決めたら一気に決めてしまう覚悟が必要です

ダラダラと活動を行っていた場合、仮に志望度の低めの企業から内定をもらいそれを辞退し、志望度の高い企業から内定をもらえなかった場合に結局は内定が残らないという状況が発生します。

志望企業から貰えたら一番ですが、応募者が殺到する企業だと熱意を持って挑んだとしても、知識や技術の無い未経験者は太刀打ちできません。

内定が決まり、返事を待ってくれる期間は企業にもよりますが、1〜２週間程度となります。

企業も内定辞退をされた場合の次の候補を補充しなくてはいけないです。

だから、最初に期間を決めたらその期間にうまくスケジュールの調整等行い、できるだけ選考結果を集中させて比較できるようにしておきましょう。

仮にその期間の選考がダメだったとしても、その期間に集めた情報や対策が次の期間に着実に活きるのでダラダラと行うよりは効率が良いです。

特に4月からは次年度新卒・中途者の補充のための採用が終わっているため、おすすめの期間というわけではないですが、遅くとも年度の3月には内定を意識し、逆算した行動をしていくと採用される可能性は高いかと感じます。

転職サイト（転職エージェント）選びは重視したほうが良いです

他のブログやサイトでは30代IT未経験の方向けにレバテックやマイナビITといった転職サイトをオススメしてきますが、僕はおすすめはしないです。

というのも、コロナの一番求人が減っている時期に藁にもすがる思いで登録しましたが門前払いされました。

また転職エージェントでワークポートも頑張って求人の紹介を斡旋しようとしてくれましたが、レスポンスが遅いのと良い求人に巡り合うことはなかったです。

インフラ未経験30代で求人を探すなら私がオススメするならDODAです。

理由は私が今回内定を頂いたのがすべてDODAからの案件だったのと、キャリアカウンセラーの方のレスポンス対応が早くて、書類の添削から面接の段取りまで把握してくれたのが良いと感じました。

またハローワークも大手求人サイトに載っていない穴場求人を検索できますが、やり取りがハロワまで赴かないと行けないのと、選考企業からのレスポンスが遅かったです。

僕が登録した時は経済状況があまりにも悪かったため、一概にこのサイトが悪くいとは言えないです。

結局はご自身が使ってみて良いと感じたサイトを使用するのがいいと思います。WANTEDLYのようなツイッター型のような今時のサイトもありますし。

サイトにより掲載される求人の数や企業規模の傾向が変わるので2〜3個のサイトは利用してみても良いかもと感じました。

ちなみにIT実務経験者だとマイナビやビズリーチでだと高待遇案件も眠っているため、もし実務経験有りの方ならそこらも視野に入れて見ていきましょう。

履歴書、職務経歴書の作り込みを甘く見てはいけない

僕が転職活動を開始した当初、対策たてずとも数社は選考に通るだろうと適当に書類を出していました。

実務未経験枠〜実務経験1年程度を含む求人も併せて50社程応募しましたが、面白いぐらいに選考が通りませんでした。

その時はプログラミングスクールで経験を積んだけど、仕事での実務経験がないため結局は経験を積まないと未経験枠ですら書類選考に通らないのかと絶望しました。

ただ、自分で読み返してみると、職務経歴書にて自信の今までの職歴とそれに比例してその職務で何を学んだのかという内容のみを記載しているだけという事に気づきました。

職務経歴書には自身の勉強している事を細かく書いて伝えよう

特に退社してからの状況を”退社してから現在までPGスクールに通っていました”と簡単な略歴でまとめていましたがそこが大きな間違いでした。勉強してる事は遠慮せず書いて伝える事が重要です。

そこで対策として、自身がプログラミング言語で何の言語を学んだのか。ポートフォリオ作成するまでにどのような作業ができるのか（要件定義、詳細設計、構築等）。

そのポートフォリオを作成するに至った思いまで、スキルシートとして履歴書や職務経歴書とは別に記載を行いました。

ちなみにPGスクールではポートフォリオ作成後はメンターの方に評価してもらえて、それもスキルシートに載せられるので、企業側も採用の判断に活かすことができますよ。

また現在資格を目指しているのであれば、どのような書籍で勉強していて、どのような作業ができるのか、その資格を取ってエンジニアとしてどのような方向性を目指しているか。

志望する企業にとってはどのように役立てられるかまで絡めて書けると何も無い未経験者と差別化が計れます。

重要なのは熱意・やる気を伝えること！

まとめると、エンジニアになりたい、志望企業でどのようになっていきたい、どのように貢献できるか熱意を伝えることが重要です。

ちなみに転職サイトは履歴書や職務経歴書のアップロードできるデータ量や文字数が限られているため、グーグルクラウド等活用して、自身が作成したスキルシートにURLを貼り付けて誘導できるようにしておけばいくらでも記載量は増やせます。

そこまでやることで、僕はようやく残り40社書類選審査の後、8社からの書類選考通過通知をいただけるようになりました。

最初は記述量が多くて大変ですが、一度フォーマットを作ってしまえば、あとは企業に合わせて記載変更を少しずつ加えるだけなのでファイトですよ。

面接の質問対策はしっかり行いましょう

書類選考に通っただけで満足してはいけません。むしろこれからが本番ですｗ

今回面接を4社受けさせてもらいました。

全ての企業面接で聞かれたのが・・・

1. 自身の職務経歴について
2. なぜ退職をしたのか
3. なぜITエンジニアになろうと思ったのか（その中でもインフラを目指すのは）

これらは確実に問われますので、準備しておきましょう。

企業によってはこれに加えて他にも質問が来るため、できる限りリスト化したりして要点を覚えておきたいところです。

応え方もネガティブな意見は避けて内容・伝え方共にハキハキとポジティブに応えられるように練習ししましょう。普段声が小さい人は本番で更に小さくなるので普段の1.3倍くらいの声量を意識します。

勉強を怠らないようにしましょう

インフラエンジニアの30代未経験転職において求められる要素は、熱意と覚悟と下準備だと思っています。

熱意と覚悟を伝えられたとして、そのために自身が今どんな努力をしているのか？

これに答えられないと、口ばかりの人間なのではないか。覚悟を伝えても知識に触れていないのでITへの適正があるのかもわからないし、長く続けてくれるか不安・・・と捉えられる可能性が高いです。

資格取得に向けて努力している。（例えばインフラであればLPIC レベル1の資格取得に向けて、現在は自身で仮想サーバー構築を行い、Linuxでのシェルのコマンド操作を勉強をしているとか。）

努力していると自然と応えられと思いますし、熱意と覚悟がより伝わります。

現にPGスクールに通っていたという点と、独学で学ぶ意欲が見て取れたと言うことで若干の給与交渉を行うことに成功しました。

まとめ（ハッキリいうと30代未経験からの転職は厳しいです）

色々と記述してきました。

僕の場合はPGスクールにスクールに通い自信をつけて、提出書類の練り込みを行いなんとか企業からの内定を勝ち取ることに成功しました。

しかし不況下においては正直どの業界も転職は厳しいです。もし在職の方は一度今の職を手放してでも転職を目指すかどうか検討してみてください。フリーターの方は手に職つけるチャンスではあるので、目指すのは有りかと思います。

ただ計画的に実行しないと後悔します。

この記事がIT業界に挑戦しようという方のご参考になれば幸いです。

他にも自身が今後働く上での技術や知識を更新できればと思います。

それではまたの機会に。

インフラエンジニアになるべく日々それなりに奮闘していますｗ

ただ、ITエンジニアはコロナの影響もあってか実務未経験に対する求人がかなり少ないです。

そこで未経験でも資格を取ることでアピールになるのではないかと考え、資格を取ることを決意。

今回は未経験でインフラエンジニアを目指す者にとって有効かもしれない資格の中で、特に僕が取得を目指す「LPIC」についての記述していこうと思います。

未経験インフラエンジニアに対して有効な資格とは？

未経験インフラエンジニアを目指す僕ですが、背景として・・・ｗ

プログラミングスクールにて、ある程度フロントエンド、バックエンド、クラウドの知識を学んだ上での「インフラエンジニア」を志望している現状です・・・

方向性が決まってないうちはフロントエンド、バックエンド、インフラと目指す方向性に迷うかもしれません。

最初からインフラ職を目指すのは早計かもしれないので、僕と同じ未経験や初学者の方は、ある程度下調べをしてから方向性を決めましょうｗ←エラそう

プログラミングスクールでの出来事に関してはまた機会があれば記載しますので、もし気になるようであればまたご覧になってください。

エンジニアになろうと思った時、資格があるか無いかで聞かれたら、あったほうが自身の肩書きに箔が付きますよね。それはどの業界でも同じです。この業界で未経験で取ろうと思えば、「基本情報技術者」、「ITパスポート」等色々ありますね。

ちなみにインフラで未経験者が取得すれば評価されるだろう資格が「LPIC」、「CCNA」と言われています。

「LPIC」「CCNA」の違いとは？

CCNA（シーシーエヌエー）はCisco Certified Network Associateの略で、世界最大手ネットワーク機器ベンダーのシスコシステムズ社が認定するネットワーク系のベンダー資格です。

また、LPIC（エルピック）はLinux Professional Institute Certification の略で、Linuxのプロフェッショナル認定を行う団体であるLinux Professional Institute (LPI)が認定する資格です。

・CCNA　⇒　ネットワーク系の資格
・LPIC　⇒　サーバー系の資格

CCNAもLPIC （LinuC）も、ITインフラ初心者が最初に取得する資格であり、資格取得が有効なITインフラ業界では一番メジャーな資格となっています。

民間企業主催となるので、受講料が３万円程となる。
勉強と環境構築がしやすいのがLPICとなります。それもあって今回は「LPIC」取得を目指します。

ただし、難易度、需要度ともにCCNAの方がつぶしが利くみたいです。

LPICはサーバー系の資格

今回僕が取得しようとするのが「LPIC」ではLinux環境の構築が必要になってくるとのこと。

「LPIC」にはレベルが１〜３まであって、レベルが上がるごとに難度が上がります。

未経験転職ではレベル１があれば、必要最低限のスキルと知識があると認められます。

ちなみにこれらを勉強しようと思えば「Linux」の環境構築が必要となりますね。

そこの環境構築法や勉強法は資格取得後にまとめて記載させていただきます。

CCNAはネットワーク系の資格

「CCNA」はネットワークの環境構築に対する資格で、実機を購入し併用したりの方がイメージが付きやすいです。

現段階では環境を揃えるのに資金が必要そうですねｗ

「LPIC」がサーバーコマンド暗記型等で取る資格だとすれば、「CCNA」は本質的な仕組み等の理解もしっかりしておかないとダメみたいです。←もちろん両方ともに言えるがｗ

また最近は試験内容の改定もあり、僕みたいなド未経験での取得は更にハードルが上がるとのことです。

詳しく有益そうな記事が・・・ｗ

CCNAとは？資格の内容・難易度・勉強法・転職メリットを徹底解説

CCNAとは？Cisco社の認定資格であるCCNAの内容、試験範囲、難易度、勉強法、転職や年収への影響まで徹底解説します

infla-lab.com

資格取得に向けて頑張っていきましょう

簡潔に今回はインフラ界の二台巨塔に該当する、「LPIC」「CCNA」についてまとめました。

資格の内容についてのアウトプットと、活動とその後については今後また記載していきます。

同じく業界を目指す方がいらっしゃいましたら、どうぞよろしくお願いいたします。

ではまた(^_^)/~🌟

Viewを調整している時、画像が縦横比ズレてしまってグチャッと潰れてしまっていることはないでしょうか？

せっかくなら縦横比は揃えてキレイにみせたい！

そんなとき。。。

今回gem”refile”使用時の画像の縦横比を一定にする方法を紹介します

他にもimgタグ使用していて。。。

・bootstrapだけ使用している場合

・両方とも使用してないけど、CSSの記述だけで縦横比を揃えたいという場合の記述も紹介します。

それはまた後ほど・・・

gem”refile”使用時の画像の縦横比を一定にする方法について

下まで見るのはめんどくさいと思うので、gem”refile”使用時の画像の縦横比を一定にする方法について紹介します。

おそらく<div>タグで囲んでattachment_image_tagみたいな形で記述されていると思います。

bootstraps使用してるからhtmlのコード記述だけで行けるかと思ったんですけど、僕は厳しかったです。

なのでクラスに命名してあげます。

該当View
<div class="user__picture">
 <%= f.label :user_image, "ユーザー画像" %> 
<%= attachment_image_tag @user, :user_image, format: "jpeg", id: "img_prev", fallback: "no_image.jpg", style: "border-radius:50%;}" %><br> <b>ユーザー画像選択</b> 
<%= f.attachment_field :user_image %> </div>

該当SCSS
.user__picture {
  .user_image {
    width: 200px;
    height: 200px;
    object-fit: cover;
  }
}

結局はCSSでの記述になりますねｗ

ここのCSSのクラスを入れ子にして記述してあげるなんて発想、初学者には厳しい発想でした💦

一応↓こんな感じでキレイに縦横比が表示されると思います。

ちなみにViewのところのborder-radius:50%が角を丸く見せるコマンドで、

fallback: “no_image.jpg”はrefileで画像が呼べなかった時にイメージなしの写真を変わりに表示させますよという意味です。

これらのコードの書き方もそうですが、

コードのところのクラスの入れ子の書き方はまた使う機会あるかもなので、そういえばこんな書き方合ったなー程度に覚えておきたいですね✨

Bootstrapの記述だけで縦横比を一定表示

refileとかの使用はなく、シンプルにBootstrapの記述だけで縦横比を表示したい時は。。。

.img-responsive

を指定すれば縦横比の表示がうまくできますよ。

<img src="img.jpg" class="img-responsive img-rounded" alt="参考画像" width="400" height="400">

この様な感じでコード記述できれば良いです。

これでbootstrapの設定が反映されるはずなのでうまく表示可能かと思います。

.img-responsive クラスは次のCSSを適用していることになっています。

display: block;
max-width: 100%;
height: auto;

シンプルにViewとCSSの記述で縦横比の固定表示を行いたい時

シンプルにHTMLとCSSだけで記述しています。

その際の記述は

.img {
  width: 200px;
  height: 200px;
  object-fit: cover;     /* この一行を追加 */
}

シンプルに一行追加すれば上記のゴリラくんみたいに縦横比が表示されると思います。

簡単ですねｗ

軽く所感をｗ

記述の仕方って色々とありますけど、答えに行き着くまでが難しいですねｗ

上記の記述に行き着くまでに半日かかりましたｗセンス無しｗ

でも皆さんの作業時間のお役にたてば幸いででございます。せっかくなのでね。

それではまたお会いしましょう(^_^)/~🌟

内容はrails学習して2ヶ月ほどの初学者が書いてますので、温かい目で見守って下さい。

今回やりたかったこと。。enumのプルダウン形式を利用したDBへの情報追加と、それの日本語表記対応まで

現在食品情報を投稿するアプリケーションを実装しています。

user情報の登録に際し、利用者の職業、性別、年代、といった情報を取り込みたかったのです。

よくサイト利用登録する時、プルダウンで選択できるサイトありますよね。僕のもあれらと同じにしたいと思いました。

enumを利用しない少しお手軽なやり方もあるようで、参考にさせてもらったのがこのサイト。

404: ページが見つかりませんでした | プログラミングスクールおすすめラボ

pg-happy.jp

こちらの
<%= f.select :sex, [["",""], ["女性","女性"], ["男性","男性"]], {},   class: 'form-control' %>
を利用したやり方も良かったのですが、以前にenum利用が便利と言うことを誰かが言っていたのを思い出しました。

上記のも簡単ですが、勉強のため今回はenumを利用します。

enumを使うメリット

enumはカラムの中の項目に整数を割り当てて、メソッドを簡単に実行できるようになったり、可読性をあげることができるようになったりします。

以下がenumを使うメリットです。

・enumは、意味のない数値を隠して意味のある文字列やシンボルをプログラムコードでつかえるようにしてくれる
・enumを使うことで、可読性と安全性が上がる
・enumの定義はモデル内で行う
・enumはデータベースのカラムに保存される値に対して定義する
・enum定義することで、便利なメソッドが使えるようになる
・enumで定義した項目名は、「enum_help」（gem）を使うことで、簡単にi18n対応ができる
・i18nは、「Internationalization」の略＝国際化

可読性と安全性が高まるというのがミソになるのですかね(；・∀・)

今回実装したコード記述

もうenum使って日本語化するんだと腹くくった方は、下記の日本語化のgemを入れましょう。

#gemfile

gem 'enum_help'

そして

#ターミナル

bundle install

「Bundle complete!」を含む節が表示されれば、enum_helpのインストールは完了です。

そして次に僕はmodelの設定を行いました。

＃model/user.rb

enum profession:[:profession_private, :unemployed, :worker, :housework]       
enum gender:[:gender_private, :man, :human]       
enum age_group:[:age_private, :Twenties, :thirties, :forties, :fifties, :sixties, :seventies, :eighties, :nineties]

ここでそれぞれの値を既に日本語表記で表示もできたのですが、最後のage_groupのところの20代、30代として表示させようとすると構文エラーとなったため断念。

それにしっかりとした手順で日本語変換にするのが勉強にもなりますねｗ

次にviewでf.selectを使い表示していきました。

＃view/user/edit.html.erb

<%= form_for(@user, url: users_user_path ) do |f| %>

<%= f.label :職業 %>
<%= f.select :profession, User.professions.keys.map {|k| [I18n.t("enums.user.profession.#{k}"), k]} %>

<%= f.label :性別 %>
<%= f.select :gender, User.genders.keys.map {|k| [I18n.t("enums.user.gender.#{k}"), k]} %>

<%= f.label :年代 %>
<%= f.select :age_group, User.age_groups.keys.map {|k| [I18n.t("enums.user.age_group.#{k}"), k]} %>

＃view/user/show.html.erb  
  
<%= @user.profession_i18n %>
<%= @user.gender_i18n %>
<%= @user.age_group_i18n %>

おそらく
<%= f.select :profession, User.professions.keys.map {|k| [I18n.t(“enums.user.profession.#{k}”), k]} %>
ここらへんの記述が？となると思います。

showページはなんとなくわかると思います。_i18nは語尾につけとかないと日本語化できないです。

editはもう少し簡単にコード表記できないものかと試行錯誤したのですが、一筋縄では行かなかったです。説明が難しいため、書き方の理解が難しいという方はこちら参考にしてみて下さい。

i18n、enumを利用して、formforのf.selectを日本語化する - Qiita

実装したかったこと enumとf.selectの併用 一度作った機能をリファクタリングしているのですが、プルダウンで項目を選んでpostするという動作の中で 中身が気持ち悪いところがあったので修正。モデルはbookです。 schema.rb t.category "st...

qiita.com

次にlocaleファイルをいじります。

localeファイルは、翻訳用ファイルです。

実際には、enumに定義する項目名に対応した日本語を設定するファイルです。そのため、項目数と同じだけの翻訳情報を登録しておく必要があります。

テキストエディタなどで、以下のファイルを作成し、「ja.yml」というファイル名で、「config/locales/」に格納してください。

そして今回の記述はこんな感じです。

＃config/locales/ja.yml

ja:
enums:
  user:
    profession:
      profession_private: 非公開
      unemployed: 無職
      worker: 在職
      housework: 専業主婦(主夫)
    gender:
      gender_private: 非公開
      man: 男性
      human: 女性
    age_group:
      age_private: 非公開
      twenties: 20代
      thirties: 30代
      forties: 40代
      fifties: 50代
      sixties: 60代
      seventies: 70代
      eighties: 80代
      nineties: 90代

非公開はお好みで良いと思いますが、情報を隠されたい方もいるかも知れないので。

最後に仕上げにかかります。

準備の最終段階は、言語（locale）設定です。

なにも設定しなければ、言語は英語になっているため、それを日本語に変更してやります。

「config/application.rb」のApplicationクラス内に、以下を追記します。

config.i18n.default_locale = :ja

「:ja」が、先ほど作ったja.ymlファイルを表しています。

これでなんとか日本語化までいけてるのでは無いかと思います。

けっこう簡単に記述していますが、ここまで実装するのに3時間ほどかかりました。

同じように作られる方の参考になればなと思います。

また、記述書いて、実装はできたけど今ひとつ理解に苦しむと言う方は下記も目を通したほうが良いです。

かなり考え方の参考になりましたので。。。それでは今度こそまたね(^_^)/~

【Rails入門説明書】enumについて解説 - WEBCAMP MEDIA

＼プログラミングスクールを比較／ DMM WEBCAMP COACHTECH RUNTEQ 目指せる姿 WEBエンジニアへの転職 フリーランスエンジニア WEBエンジニアへの転職 分割払い ○ ○ ○ ...

web-camp.io

今回なにかの投稿サイトを作ることになり、admin(管理者側)とuser(顧客側)に分けたとします。

前提として

deviseモデルとして、AdminモデルとUserモデルがあるとします。

Adminのログイン後のリダイレクト先はadmins_home_pathにしたい

Userのログイン後のリダイレクト先はusers_home_pathにしたい

やり方は色々とあると思うのですが、記事を見ていて簡単だなと思ったところを参考に。Controller/ApplicationControllerにafter_sign_in_path_forをオーバーライドしていきます。

def after_sign_in_path_for(resource)
  case resource
  when Admin
    admins_home_path
  when User
    users_home_path
  end
end

パスの所はrails routes等でパス渡しを参考にしてくださいね。

いや、書き方というよりは基本の性能と考え方みたいなのを紹介します。
内容は初学者向けです。

form_forとは、Railでフォームタグを簡単に作成するためのメソッドです。

新規投稿とか、編集画面作成で送信ボタンを押して登録みたいな時にも使います。

form_forについて

Railsでアプリケーションを作成する際に、ほぼ必須のヘルパーですね。

似たヘルパーにform_tagがあります。こちらもフォームタグを作成するメソッドです。

モデルに基づくformには、form_forを使い・・
モデルに基づかないformには、form_tagを使用することが多いです。

例えばユーザーの登録や情報の更新機能にはform_forを、検索機能にはform_tagを使用するなどといったように使い分けます。

Railsのform_forの書き方

form_forは以下のように書きます。

<%= form_for(モデル,[オプション]) do |f| %>
    フォームの中身
<% end %>

モデルの部分には、@userや@postなどモデルオブジェクトを入れます。
オプションでは、送信先のurlやタグの設定（クラスをつけたり、MIMEタイプを指定したり）をします。パスもここで設定します。edit_user_path等、いじりたいパスに向けて下記のform_forの内容を飛ばすイメージでURLやパスを設定します。

Railsでは、自動で送信先の振り分けが行われるので、基本的にurlオプションは操作しなくてよいです。画像を送信したい場合やformタグにクラスをつけたい場合は、以下のように書きましょう。

<%= form_for(@food, url: users_food_path ) do |f| %>
<% end %>

こんな感じです。

どんな感じか実際に書いてみる

簡単なフォームを作成します。Postモデルがstring型でcontentというカラムをもっているとして、フォームを書いてみましょう。

<%= form_for(@food, url: users_food_path ) do |f| %>
  <%= f.label :content %>
  <%= f.text_field :content %>
  <%= f.submit "送信する" %>
<% end %>

f.とすることで、ポストモデルとlabelやテキストボックス（text_field）を紐づけることができます。f.labelは、contentのラベルタグを生成しf.text_fieldは、contentのテキストボックスを生成します。f.submitがこのフォームの送信ボタンを作成しています。

resouceを使ったモデル記述はurlのところを書かなくても自動で判断してくれるみたいです。

お時間あるときにでも試してみましょう。

ではでは。

まだプログラミング学習をはじめて数ヶ月です。

もともとIT業界に興味があり一度業界転職を目指したことがありますが、今回が二度目の挑戦ですね。

挑戦に年齢は関係ないと思っています。

それがこのサイトを立ち上げた理由で、あとは備忘録的なところも記載して後々の自分に残したいと思っていますよ。

私がIT業界を目指すのは「手に職をつけて格好良く働き続けたい」、「自身でサービスを作って世を良くしたい」それによる自己陶酔的な感じでしょうか・・・僕の目指すところはｗ

先に言うておきますが、プログラミングは素晴らしい、すぐにでも元が取れる！なんて広告を見かけますが、鵜呑みにするのはやめたほうがいいです。

例外があって、パートや契約社員でIT業界とは別業界で働いているという方は、年収や待遇が上がるかもしれませんが、ある程度役職があって、年収を頂いている方は要相談でおねがいします。

ただ、マジでやる気があって、PC操作が楽しいとか、細かい作業が得意とか、あまり細かいことは気にしないとか（あれ、矛盾しているｗ）の人はITや分野への進出も視野に入れてもいいかもです。

まあ僕もこれから！という立場なのですが。

ちなみに僕は切望していた業界なので、まあ例外ということでね😂

このサイトの概要

このサイトは文系卒30代業界・実務未経験の立場で、ITエンジニアを目指し奮闘する中での、技術的な情報やプログラミング学習での不明点を同じ初学者の方向けに発信できたらというサイトです。

また個人的なこれからの仕事や生活に対する考えも載せていますので、どうぞ気になればご覧になってください。

そして、同じく初学者の方や同世代の方！どんどんつながっていきましょう。

管理人はどんな人なのか？

文系4大卒の人間です。(現時点30代前半)

経歴は大手家電量販店→大手靴屋→大手宅配運送兼営業の3社を経て現在に至ります。

現時点でITエンジニアを目指しているわけですが、これまでITや業界に携わる機会はなく、またPCを使った業務もほとんどなく、全くのIT業界はド素人状態になるわけですｗ

ちなみに趣味は最近スポーツジムに通いだして、筋トレが趣味ですよ。

未経験のプログラミング学習でどんな勉強をしているのか？

今に至る。。。ということで、直近の会社を退職し、現在まではWEBCAMPCAMPなるプログラミング教室に通っていました。

現在までにHTML、CSS、Ruby、Ruby on railsの基礎学習とそこからのアプリケーション開発、さらにチーム開発を終えてポートフォリオ作成を終えた段階です。

以下が自身のポートフォリオ作品になります。

http://tunagukoe.work/

tunagukoe.work

独学でも良かったのですが、プログラミング教室の良い所は、わからない時に詳しい人達に聞けるという環境が良かったです。

またチーム開発による経験は要件定義から詳細設計、AWSクラウド環境でのアップと貴重な経験ですね。

今はコロナ禍ということもあり、やり取りはオンラインのみのやり取りになっています。それでも意外と学習体制が整っているのには驚きでしたｗ

また教室が開放されているので、家での学習がしんどいという方で通える距離にある方は、利用してみる価値は十分にあると感じています。

今後どうなっていきたいのか？自身の姿について

当初はRubyを使用したフロントエンドのエンジニアを目指そうと考えていました。現在はクラウド環境、インフラ周りの勉強がかなり有益で今後のためになると感じたため、インフラ勉強を行っています

そのための情報のインプット・アウトプットの場としてこのサイトを開設したわけなのですがｗ

自身の方針が決まり次第どんどん更新して行きたい所・・・