1. 研修の全体

• 期間：入社後約6か月
   
• 主なプログラム：
  1. 基本情報技術者試験範囲の教本読み込み＋タッチタイピング練習
  2. ProgateおよびPHP教本によるプログラミング基礎学習
  3. フローチャート演習
  4. プログラミング実習（会社・見積・請求管理システム開発）
• サポート体制：週2回、各1時間のヒアリング（理解度チェック・疑問点解消）

2. 教本読み込みとタイピング練習

最初の約2週間は、基本情報技術者試験の教本をひたすら読み込むことに集中しました。毎回のヒアリングでは、教本の要点を自分の言葉で説明し、理解度を確認していただきました。初日は専門用語の多さに圧倒され、「特に、カタカナ用語が多く、本当に覚えられるのか…」と感じましたが、繰り返すうちに自然と知識が定着し、読むことが日課になっていきました。

並行して、TypingClubで毎日30分程度のタッチタイピング練習にも取り組みました。まだ全て星5評価には届いていませんが、指使いがスムーズになり、コード入力時のミスが大幅に減少しました。自分の成長を実感しつつ、研修後も継続してレベルアップしたいと思っています。

3. プログラミング基礎学習とフローチャート演習

教本学習が一段落すると、ProgateでHTML/CSS、JavaScript、PHPの基礎を学習しました。スライドで理論を学び、すぐにブラウザ上でコードを書いて動かす流れは非常に理解しやすく、自分でも驚くほどスムーズに進められました。

また、週に1〜2時間、上長の方と対面で行うフローチャート演習は、手書きでプログラムの流れを図式化する貴重な体験でした。慣れない手書きでは、最初どこから書き始めるべきか迷い、完成後も正解かどうか不安でした。しかし、「トレース」という見直し手法で一行ずつ確認し、誤りを発見できた瞬間の達成感は格別です。この経験を通じて、「どんな作業も丁寧に振り返ること」が重要だと学びました。

4. プログラミング実習：会社・見積・請求管理システム開発

研修のハイライトとして、会社情報・見積・請求を管理するシステムに取り組みました。特に印象に残っているのは、CSSによるレイアウト調整の難しさです。デザインの再現では、marginやpadding、flexboxの調整などを何度も試行錯誤しました。テーブルが崩れたり要素がずれたりするたびに検証ツールで確認し、原因を突き止めて修正する作業を通じて、フロントエンドの基礎力が大きく向上したと感じています。

開発中には数多くのエラーやバグにも直面しましたが、その都度ドキュメントや検索で調べ、仮説を立てて試行錯誤を繰り返すことで、自走力や問題解決力も鍛えられました。最終的には、自分で作ったシステムが正常に動作し、情報が登録・表示・編集・削除できたときの達成感は格別でした。

この実習を通じて、コードを書く技術だけでなく、設計の意図を理解する力や、ユーザー視点で考える大切さを学ぶことができました。今後、実務の中でこの経験を土台に、さらに成長していきたいと思います。

5. 振り返りと今後の抱負

研修を通じて、専門知識だけでなく「自発的に調べる力」「問い直す力」「根気強く取り組む姿勢」を養うことができました。そして将来は、日越両国の架け橋となるBrSEとして活躍したいと考えています。日本で培った技術力とコミュニケーション力を活かし、ベトナム側との円滑な橋渡し役を担うことで、両国のチームを結びつけ、より大きな価値を生み出せるエンジニアを目指します。

最後までお読みいただき、ありがとうございました。これからもどうぞよろしくお願いいたします。

The post 新人研修を振り返っての気づきと抱負 first appeared on 株式会社yep.

一年ほどyepでインターンをしていたのですが、大学を卒業して仲間入りということで、
基礎知識を補完したり、叩き直したりするために、新人研修を二か月半ほど受けました！

今回は新人研修を振り返りながら、感想を書いていきます。

研修内容

まず、簡単に研修の流れを紹介します。

1. 基本情報の教本をひたすら読む＋タッチタイピングの練習
2. Progate、PHPの教本でプログラミングの基礎を学ぶ
3. フローチャート演習
4. プログラミング実習

また、研修期間中は週2回、1時間のヒアリングがあり、理解の確認や疑問点の質問などをさせていただきました。

読書とタイピング

最初の約2週間は、基本情報の知識の詰め込みを行います。
とにかく教本を読み続け、ヒアリングの時間に教本の内容を理解しているのか、確認していただきました。
分厚い教本を読み、理解し、覚えるの繰り返しが最初は苦行に感じましたが、
慣れてくると、逆に教本を読んでいない時間に違和感を覚えるようになりました。
慣れって怖いですね。

また、並行して、TypingClubというタイピング練習サイトでタッチタイピングの習得を目指します。
タイピングの速度と正確さで採点されるのですが、レベルが上がるにつれて星5（満点）を取るのが難しくなります。
実はまだ目標のレベルまで星5を取れていないので、こっそり続けているのはここだけの話です！

プログラミングの基礎を学習

基本情報の知識の詰め込みが一通り終わると、プログラミングの学習が始まります。

まず、Progateという学習サイトでプログラミング全般の基礎を学びます。
スライドで解説されたあとに実際にコードを書いて再現するという、
インプットとアウトプットの流れがはっきりしていたので理解しやすかったです。

次に、業務ではPHPを使うことが多いということで、PHPの学習が始まります。
これは、PHPの教本を用いて行いました。LAMP環境を用意し、教本のプログラムを私の環境で再現して学習を進めました。
PHPのバージョンが教本の想定しているバージョンと異なることから出るエラーがいい感じの難所になっていて、苦しいけれども面白かったです。

フローチャート演習

フローチャート演習は週に1時間、先生方と対面で行われます。ペンと紙を使って手書きでプログラムの動きを確認しました。
慣れていないフローチャートでプログラムを書くことはとても難しく、最初は書くことができても違和感を覚えました。
また、手書きだとプログラムを動かしてエラーを確認することができないので、本当に合っているのか、答え合わせの時間はとても不安でした。
その不安を軽減させるためにトレース（見直しの一つ）がありました。
実際、それで間違いを発見できたことがありましたので、トレースは偉大かもしれません。

プログラミング実習

PHPの教本での学習が終わると、プログラミング実習に入ります。実習では会社の見積、請求を管理するシステムを制作しました。
インターンではLaravelというフレームワークを用いていました。しかし、この実習ではフレームワークなし、素のPHPのみでシステムを作るということで、
初挑戦なことが多く苦労しました。
でも、おかげさまで、フレームワークでは簡易化されていた処理を確認することができ、とてもよい経験になりました！
CSSもゼロからガッツリ触ったことがなく、デザインの画像だけで再現する必要があったので大変でした。
要素を綺麗に横に並べたいのにデコボコになったり、エラー文の余白でテーブルが肥大化したり、etc…

システムの画面

上記画像は作成したシステムの画面の一つです。
ここまでこれたのは、ヒアリングの時間に疑問点、不明点を解消していただいたり、アドバイスを大量にいただけたからです。
感謝。

完成後、発表会をしました。発表後の質疑応答では、今後の糧になるフィードバックをたくさんいただき、もっと頑張ろうと思いました。
それと、1つ懺悔なのですが、発表会中、私のpcのスピーカー設定がミュートになっていた可能性があります。
もし、オンラインで視聴していて発言された方がいらっしゃれば、誠に申し訳ございませんでした。
この場をお借りして謝罪いたします。

感想

総じて、楽しく研修させていただきました。
これから実務に入るということで、やっとスタートラインが見えた段階です。
これからもいっぱい失敗すると思いますが、失敗を修正してどんどん前に進んでいけたらなと思います！

おまけ

先輩方と研修内容はほぼ同じだと思うので、ざっくり書きました。
もし研修内容に興味があれば、是非、先輩方の研修ブログを読み漁ってみてください！

The post 研修終わったので感想書きました first appeared on 株式会社yep.

1ヶ月目

「確かな力が身につくPHP「超」入門 第２版」の全項目

基本情報技術者の教本の読み込み
毎日一冊の本を読み込み週2であるヒアリングの時にアウトプットor理解が浅い部分の説明をして頂き
内容としては
・16進数から2進数への変換
・ベン図の作成
・文字コードの種類
・SQLインジェクションとは
・システム開発の流れ
・パーミッション
・Linuxのコマンド
・LAMPの説明
・探索アルゴリズムの種類
などの毎日が勉強の日々でした。
それらを勉強しながらタイピングの練習を行いました。

教本が終わり次にProgateでHTML,CSS,JavaScript,SQL,PHPのなどの基本的な言語の役割を学び
実際に画面での動きを確認しこの言語にはこういうことが出来るみたいな
広く浅く各言語に触れてました。
 

2ヶ月目

「確かな力が身につくPHP「超」入門 第２版」の全項目
教科書の中身は、PHPで実際に関数の使い方を学びながらのショッピングサイトの製作
教科書にサンプルコードがあり、Progateて使ったPHPの関数等を使いながら製作しこの時は
色々な関数がありとりあえず、手を動かしながらひたすら書いていました。

「よくわかるPHPの教科書【PHP7対応版】」の以下項目
1冊目では使っていない関数を使いつつtwitter風アプリを作成しました。
しかし、教科書にサンプルコードがあるので手を動かしたりコピペを行っていて理解が浅く
とりあえず課題を終わすことに躍起になっており
ヒアリング時にコードの説明を求められても、全く説明が出来ずただコードを移すロボットのようになっていました。
なので、コードを書くより理解するを重点に課題を行っておりました。

コードを作成しながらの週一であるフローチャートの研修があったのですが
例題を解説して頂いても、さっぱり理解出来ずトレース表を書いて何とか理解していました。
普通なら3回で終わる研修が自分は倍の6回かけて何とか終わりました…
しかしこの研修を通じてもし○○ならば□□したいみたいな考えをかなり養うことが出来ました。

3ヶ月目

最終課題である会社の管理システムを作成しました。
ここが一番大変でしたが一番力がついたと実感しました。
最初は設計書等などさらっと読んで教科書で使っていたコードをパクッて作成して自分の中ではできていると認識していましたが
設計書の詳細などを見落とし全く違うものを作っており
かなり出戻り作業をしてしまったり
今度は要件通りになるコードを探しきて、コピペするだけでそのコードが何をしているかの説明が出来なかったり
変数名を定義する時も、適当に自分だけが理解していてa,bみたいな曖昧な表現が多く
他の人が見たときに分かりづらいなどがありました。
自分の実力不足だと痛感しました。

それからは要件や詳細を一つ一つ確認しコード一文ずつ理解しながら作成していきました。
機能としては動くが安全の欠如だったり
表示はできているがハイフンが無く分かりづらい
直接変数に代入すればいいのに、二度手間な処理など
ただ作成するのではなく、ユーザー目線、コードの可視性等がテキトーでとりあえず作っていました。
それらを修正しようと、自分は頭で考えて悩んで止まっていたので
ヒアリング時に頭で考えるより手を動かそうとおっしゃって頂いたのですが
悩んで何にもコードが浮かばない状況だったので、手を動かす事も出来なかったので
その時に紙やメモに今自分が何をしたいのか細かく分けて書くことから始めました。

例としてはカレーを作るのであれば

買い出し→下処理→煮込む
みたいにやりたいことを細かく大雑把に書き出し
買い出しなら具材の選定、下処理なら使う道具の選定みたいなイメージで
事細かくやるべきことを小さくしてからコード書くようにしていきました。

この時くらいから機能を付けるときもし○○なら□□したい
みたいな簡単な条件分岐なら頭で考え○○にあの関数が使えるかもみたいな
コードを作成する前にイメージが少しできた状態で作成していました。
 

終わりに

とりあえず発表が終わりホッとしていますがあっという間の3か月間でした。
日々の研修は難しかったですが、やりがいがありとても充実していました。
2週間後から始まるOJTに向けてLaravelのインプットが始まっていますが
今まで学んできたことを活かしながら頑張りたいと思います。

The post 地方の元電気屋が都内で駆け出しエンジニアになる話 first appeared on 株式会社yep.

【What】何を学んだ？

3ヶ月間の学習内容を順番にたどります。週2回行われる1時間のヒアリングで疑問を解決しながらカリキュラムを進めていきます。

1. 基本情報技術者試験テキストブック：基本情報の学習
2. Progate：PHP、JavaScript、Git、CommandLine、HTML/CSSなど
3. PHP教本実習①：PHPの記法、ルール、関数
4. PHP教本実習②：PHPを使用したアプリケーション作成
5. フローチャートとアルゴリズム：フローチャートの概要、書き方
6. プログラム実習：PHPを使用した課題アプリケーション作成

【How】どんなふうに進めた？

どのように上記のカリキュラムを進めていったのか振り返りたいと思います。

• 基本情報技術者試験テキストブック

研修が始まるとまずは基本情報技術者試験のテキストブックを読みます。800ページほどの分厚い本ですが図解が多いので取り組みやすいです。ですが内容が難しくなる／苦手な分野になると同じところを何度も読んでしまい進捗が遅くなってゆく。。。教育係の方にアドバイスいただき、理解度60%程度でも先に進めていき分からないところを書き留めてヒアリングの時間に聞くスタイルに変えました。途中で気分転換＆理解度確認のため基本情報技術者試験の過去問を解きながら読破することができました。正直、苦手な項目はまだ自分の中で落とし込めていないと感じているのですが、エンジニアとして必要な知識が詰まっている本だと思うので今後も繰り返し読みたいです。

• Progate

基本情報が終わるといよいよPCに触れます。Progateで指定の項目のレッスンをこなしていきます。スライドがわかりやすく、各セクションが終わるごとに学んだ内容を使う練習があるのでゲーム感覚で楽しく進められました。目標期間は若干短めなのでダッシュで駆け抜けます。

• PHP教本実習①

Progateの次は1冊目の教本に入ります。その前にまずは環境構築です。先輩に教えて頂きながら権限変更にユーザーの切り替え、コードエディタと仮想環境の設定などを行います。使ったことのあるエディタなのにSSH接続の部分で頭が早くも真っ白に・・・。初めてのことづくしで教本に入る前からいっぱいいっぱいになっていました(汗)

環境構築がなんとか完了すると教本に入ります。初めてPHPに触れましたが初心者向けの優しい教本なので記法や関数を基礎の基礎から学ぶことができました。コードを書く→実行→確認を繰り返します。初めてPHPのエラー画面に遭遇し、ヒアリングの時間にvar_dump()することを教わりました。今ではことあるごとにvar_dump()しています。

• PHP教本実習②

教本2冊目に入ります。ここでは簡単なアプリケーションを作りながらPHPを学びます。教本の見本通りにコードを書いて実際に動くものが作れるので楽しいですが前の教本よりエラーが増えて悩む時間が増えました。テキストのお手本通り進めていくのでここで直面したエラーは大体記述漏れやタイプミスでした。今でもやりがちなので気をつけたいです。CRUDを始め、こういう動きを作るにはこう書けばできるのか〜ということを学びました。

• フローチャート

フローチャートと例題の説明を受けてから実際に自分で書いていきます。流れを理解できていてもいざまっさらな紙に書くとなると難しい。。。「例題→練習→教育係の方のチェック」の流れを繰り返します。書けると思考が整理されるなと感じました。

• プログラミング実習/発表

最後にこれまでの学習の集大成としてプログラミング実習に取り組みました。得意先別に見積書と請求書を管理するシステムを作成します。設計書を読んで要件を満たすプログラムを組んでいくのですが、これまでの内容より難易度もエラー発生率もアップします。この機能を実現するにはどうすれば良いのか考えたり、実装方法を調べたりで脳みそをフル回転しているとあっという間に時間が過ぎました。また、練習のためGitHubでプルリクエストを作成しコードレビューをして頂きました。ブランチの構成や実務で必要になる流れを勉強できて有り難かったです！この実習ではフレームワークを使わずPHPのみで作るのでページネーションやソートの仕組みの理解が深まりました。実習後に待っているのはプログラム発表会です。当日は皆さんにお集まりいただき感謝の気持ちと緊張が入り混じって学生時代のゼミに戻ったような感覚でした。発表後に皆さんのご意見をいただくときは何を指摘されるか内心ビクビクしていましたが、今後に活かせるアドバイスや良いところを探して伝えくださり「研修での学びを糧に実務でも頑張ろう！」と思いました。

【研修を終えての所感】

研修を通して初めてPHPに触れましたが、PHP未経験でも段階的なカリキュラムとフォロー体制が用意されてたため完走できました。チーム開発を経験したことのない自分にとってヒアリングや日々の研修を通して意識すべき点も学ぶ事ができてよかったです。本記事執筆現在、OJTに入っております。課題は山積みですし、一日が一瞬で終わるように感じるほど目まぐるしい毎日ですが研修中に学んだことを意識しながら取り組みたいと思います！

The post 3ヶ月間の研修を振り返る first appeared on 株式会社yep.

これまでプログラミングは趣味レベルで触った程度だったので、未経験の身として色々教えていただきました。

人に教わるメリット

研修内容については他の方も書いているのでざっくり説明しますが、

参考書や演習で基礎を学んでから研修課題のウェブサイトを作るといった流れでした。

研修期間を通して定期的に進捗確認や質問の場を設けていただいたのは非常に助かりました。

分からないことが多い中で都度調べながら手を動かしていると、

うまく動いてもこれがいいやり方なのか、自己流すぎるのでは、と不安になることもあったので

早い段階で確認してもらえたのは良かったです。

コードの書き方の慣習のような、自分ではなかなか気づけないものもあるので人に教わることはやはり大事だなと身にしみます。

研修発表

社内の研修発表の前に、課題のサイトを今度はフレームワークを用いて作ってみることに。

まずは勝手が変わり戸惑うことが多かったです。

一方データ操作やページ処理など、1から作っていたものが簡単にできるようになっていて違いや利点を感じることもできました。

業務でも使用しているものなので、そのイメージにもつながりましたね。

発表の際は、追加で作った機能や気にかけて作った点を主にプレゼンしました。

評価をもらって一安心するとともに、見落としていた例外や思いつかなかったアイデアなど

経験からのアドバイスもいただけて、この先の道のりを垣間見たような気がします。

終わりに

私の場合、言語は違えどプログラミングに多少触れていたことで基礎的な部分は入りやすかった印象がありますが、

今後の業務は未知の領域ですので精進していこうと思います！

The post 新人研修を終えました first appeared on 株式会社yep.

先日のアオキ氏のブログ 新人研修が無事完了しました！の先生を務めさせていただきました。

先生目線からも新人研修について振り返ってみたいと思います。

研修内容は元記事をご参照ください。

タイピング

タイピングが速ければ速いほど偉いです。
TypingClub

こちらをがんばっていただきました。
はじめはタイピングが遅かったですが、数週間後にはかなり速くなっていました。
かなり偉くなりました。

ショートカット

自分がよく使うものからお伝えしました。
今後自分なりに合うものを見つけていって頂けばうれしいです。

ブラウザ

別タブで開く ctrl + t
アドレスバーに移動する ctrl + l
リロード crtl + r

VSCode

検索 ctrl + shift + f 
置換 ctrl + shift + h
クイックオープンウィンドウ crtl + p
コマンドパレットを開く ctrl + shift + p

Windows

フォルダを開く windowsキー + e
デスクトップ表示 windowsキー + d
ロック画面 windowsキー + l

PHP

• var_dumpを見やすくする。
  あまり本にも記載されていないし、意外と知らない人も多い？
  PHP公式のUser Contributed Notesには記載ありましたが、var_dumpを調べる機会もあまりない気がします。

  echo “<pre>”;
  var_dump($value);
  echo “</pre>”;

• 配列
  「イメージのつきやすいお題」を出して実装ということを繰り返しました。
  例：foreachを使って、ラーメンが好きな人の名前を表示してください。

  $arr = [
    “粉川” => [“うどん”, “ラーメン”, “カレー”],
    “斉藤” => [“そば”, “お好み焼き”],
    “宮崎” => [“ラーメン”, “かつ丼”],
  ];

• classとfunction
• 正規表現
  様々なパターンで正規表現のチェックを実装してもらいました。
• クロスサイトスクリプティング対策、SQLインジェクション
  対策をしないと、どういった悪いことをされるかを具体例をもとに説明しました。

まとめ

3か月程の週2回プラスαで先生をやらせていただきましたが、こちらとしても勉強させていただきました。

ゴルフ部

先日、今年初のゴルフ部の活動をしました！

気になるスコアはこちら。目を細めると見えます。

The post 新人研修が無事完了しました！【先生編】とゴルフ部 first appeared on 株式会社yep.

はじめまして。4月に新卒でyepに入社したアオキと申します。

大学では、イラストを用いたデザインの勉強をしておりました。

イラストをかいたり、デッサンやら、ポスターデザイン、

３Ｄモデリング、ボードゲームを作ったりと、これは本当にイラストコースの領域なのか…？

みたいなことを多岐にわたってしておりました。

その中で、少しプログラミングに触れる授業があり、

就活生だったアオキは「大学で学んだデザイン＋プログラミングができたら強いのでは..」と思い、

zoom説明会で感じた雰囲気と直感で、yepに入ることとなりました。

初一人暮らし（ずっと実家でした）、初通勤電車、初Windows（大学ではmacでした）、初プログラミング、で初まみれの３ヶ月間をお話しします！

入社 ～ 1ヶ月目

研修内容

何事もまずは基礎から！　　　

ということで、辞書並みに分厚い基礎情報の本を1ヵ月かけて、勉強していきます。

コンピューターは１か０の電気信号で動いていることから、企業活動に関する法律まで幅広く、

難しいと感じる箇所も少なからず出てきますが、そのたびネットで検索したり、

週2日開かれる新人研修のヒアリングで確認と質問を繰り返しながら、勉強しました。

私生活

大学２,３,４年生と専門の授業以外は家で受けていたので、昼起きが常習化していたアオキにとって、

ちゃんと平日は朝起きるというのが久々でしんどい！というのが素直な感想です。

（今のところ、まだ寝坊での遅刻はありません！すごい！）

～ 2ヵ月目

研修内容

基本情報がひと段落すると次はProgateにうつります。

progateでは1週間かけて、Git, html/css, php,j avasclipt, commandline, sql, jqueryの動きを体験し、イメージをつかみます。その後phpの教科書を読みながら、メモのシステムやSNSのようにつぶやくことができるシステムなどを製作。

またマナー研修もあり、電話応対や、名刺の渡し方、上座、下座など、社会人に必要なスキルも教わりました。

私生活

1ヶ月間、ひとりぐらしに慣れてきたアオキはお弁当の準備をするようになりました！

お弁当作りなんてしたことありませんでしたが、自分の好きなものを詰め込めるので意外と楽しいなと思っています！

（さすがに毎日作れる人間ではないので、個人的には週3持っていけたら上出来です！）

～3ヵ月目

研修内容

新人研修最後は実際にphpでコードを書き、会社、見積、請求の一覧画面とその登録、編集、削除ができるようなシステムを作成していきます。

見本のデザインはすでに用意があるのですが、それに加えてここは新しい画面があると使いやすいなとか

どのように表示させたら見やすいかなど、制作していく中でどんどん改善点が増えていきました。

教科書やネットで調べつつ作成していきますが、初めてのことが多く担当していただいた先生に何回も聞きました。

これからも聞きます。ありがとうございます。大感謝。

その結果無事に発表を終えることができました！

改善のフィードバックもありましたが、自分が考えて増やしたページなど工夫した点が褒められたのはうれしかったです！

私生活

入社してからプログラマーはブラインドタッチが必須！ということで、研修の合間に

先生方が使っていたタイピングサイトで、目標のレベルまで星５を獲得する目標を立てていたのですが、とうとうクリアすることができました！

実際だいぶ早くなったと感じております。

（タイピングが早ければ早いほど偉いそうです。←先生が言ってました）

最後に

ここまで読んでいただきありがとうございました。

まだまだ技術、知識ともに足りていませんが、これからも勉強し続ける所存です。

もしyepに入ることがありましたら、金髪の眼鏡に気軽にお話しいただければと思います！

お待ちしてます！

The post 新人研修が無事完了しました！ first appeared on 株式会社yep.

私は実務未経験での入社でしたので最初の約3か月間は、

プログラマーの基礎知識をつける研修を受けさせていただきました。

今回はその研修で学んだこと、感じたことなどをお届けできればと思います。

研修概要

まずは、今回の研修内容についてご紹介します。

研修のスケジュールと内容

入社後～２週間　　IT基礎知識学習　（基本情報技術者試験の教本を読む）

２週間～４週間　　Progate　PHP教本でコーディング基礎知識をつける

４週間～８週間　　課題システム製作 (PHP ver8.1.16)　アルゴリズム実習

８週間～１０週間　Laravelでの課題製作

研修中には１週間に２回１時間のヒアリングがあり、

疑問点などを一緒に解決していただけました。

IT基礎知識学習

入社後２週間は、基本情報技術者試験の教本を読み、

システム開発に必要な、PCなどのハードウェアや、ネットワークなどの通信、著作権などの基礎知識をつけていきました。

正直なところ、このころの私は用語の意味は分かってきたけれど、

それが実務のどんな場面で活きるのかほとんど想像できませんでした。

ヒアリングの時間に先輩方に理解できたか問われても、

どこまでわかっていれば理解できたことになるのか、どこまでこの用語や概念はつながっていくのかもわからず、

「自分が理解できたかどうかもわからないような状態」でした。

それでもとにかく教本に書いてある情報だけでも最低限覚えて２週間のIT基礎知識学習期間を終えました。

Progate　PHP教本でコーディングの基礎知識をつける

最低限のITの知識をつけた私は待望のコーディング学習を開始しました。

まずは、ProgateでHTML,CSS,PHPの基礎を勉強です。

コーディングの基礎を学んだあとは、教本のコードを写していくような形で実際に簡易掲示板アプリなどを作成しました。

基本情報の勉強をしているときは、なかなか辛い8時間でしたが、

コーディングの時間は、気づいたら昼休みの時間、定時というくらい没頭することができました。

コーディングをして、実際にブラウザで動くのを確認して、「おぉ思った通りに動いてる」とすこし感動しながら

楽しい２週間を終えました。

課題システム製作　アルゴリズム実習　使用言語 HTML CSS JavaScript PHP(ver8.1.16)

システム製作

入社して約１か月が経ち、研修の集大成となる課題システム製作が始まりました。

課題は企業の見積/請求管理システムの製作でした。

まずはじめにシステムの全体像をつかむために、設計書や仕様書、デザインに目を通しました。

はじめて見る設計書と仕様書からはほとんど完成形が想像つかず、デザインを見てやっとイメージが掴めました。

全体像をつかんでからは、実際にコーディング作業にはいります。

教本を見ながらコーディングをしていた時とは異なり、

目的の機能を実装するために必要なロジックを考え、

そのロジックに必要な関数などを自分で定義するのかを１から考えていかないといけませんでした。

とにかく書いてエラーが出たら消してまた書いての繰り返しでなんとか機能を実装していきました。

そんなこんなでコードをかいていくうちにだんだんと「設計の重要さ」に気づきました。

設計をしないでコーディングを始めた結果、一度実装した機能も新規機能追加時にもう一度書き直すなど、

効率の悪い開発になっていました。

頭では気付き始めた私ですが、経験が浅く、頭の中でロジックを組んでからコーディングにはいることはなかなか難しく、

最後の最後までとにかく目の前に出てきた問題を解決していくことしかできませんでした。

完成したシステムフロント画面

この１画面を製作するだけでも１週間近くかかりました、、

住所入力部分は郵便番号APIを利用しJSで都道府県以下を自動入力するという少しリッチな画面にすることができました。

アルゴリズム実習

アルゴリズム実習は

偶数だけに特定の処理を加えるといったことや、

ある基準で配列の中身を並び替えるといったことをフローチャートで書くといったことをしました。

コードではそのような機能をつくったことがありましたが、フローチャートで書くのは思っていたよりも難しいものでした。

そこでまた改めて「設計」が甘いのだと感じました。

コードでは、実際にプログラムを動かして処理の中身をトライアンドエラーで見ていくことができるため、

設計をしっかりと考えなくても思った機能を作ることができていました。

しかし、フローチャートとなると頭の中でゴールまでの動きを想像しなければならないため、トライアンドエラーで進めていくことは難しかったのです。

ですが一度コツをつかめばおおよそのロジックは考えられるようになったので、アルゴリズム実習で少しだけ設計の力がついたのかなと思います。

Laravel(ver10.0.3)での一部課題システム製作

最後の2週間はつぎのOJTで使用するLaravelに触れるために

PHPで製作したシステムの一部をLaravelでつくるといったことを行いました。

LaravelではDockerで開発をしました。

また新しく出てきた「開発環境」という壁にまたもやぶつかりました。

ネットで調べて出てきた記事をみてもいまいち理解ができませんでした。

そんなとき先輩方とのヒアリングの場でWSLとDockerがどんなものか図で説明していただける機会ができました。

わずか10分ほどの時間ではありましたが、

ずっとぼやーと頭のなかにあった用語たちがパズルのように組み合わさっていきました。

経験の差、知識の差を肌で感じたと同時に

自分もそちら側として教えていけるようなプログラマになりたいと思いました。

そんなこんなでLaravelの学習を進めていく中で、少しずつフレームワークの便利さに気づき始めました。

中でも驚いたのは、PHPだけでページネーション部分を実装していたときは、1、２日かかっていたのが、

Laravelでは、ページネーション関数が用意されており、引数を入れるだけで簡単に実装することができました。

先人たちが積み上げてきたものでこんなに簡単になっているのだなとすこし感謝しながらLaravelの基礎を習得していきました。

研修を終えて

全ての研修を終え、研修発表を行いました。

ヒアリングに参加してくださった先輩方や、相談に乗ってくださった先輩方のおかげで無事研修発表を終えました。

総括としては、足りない部分だらけであるのは分かっているが、足りない部分が何なのかわからないのだから、

とにかく知識と経験をつけて少しずつ、自分の中で取捨選択できるプログラマになろうと思いました。

最初の目標は、機能単位でも「設計」を考えてから動ける力をつけます！

このブログ記事も、とにかく頭から最後まで思いついたことをつらつらと書いてしまいましたが、

いつかブログ記事も「設計」してから執筆できるような設計力のある人間になりたいです。

The post プログラマ研修を終えて~設計が大事~ first appeared on 株式会社yep.

業界未経験の状態でエンジニアを志して半年間スクールを受講後にyepにエンジニアとして就職しました。

なぜyepにお世話になることにしたのか

理由の一つは手厚いプログラミング研修があることでした。

プロのエンジニアの研修とスクールとの違いは何なのか?  どちらも体験した自分が感じた違いをまとめていきます。

「未経験でIT業界に挑戦してみたい方」

「yepの求人募集を見ていただき興味をもっていただいた方」

の参考に少しでもなればという思いです。

強制的に勉強時間がある!

強制的という言葉は誤解を生むかもしれませんが笑 (社内の先輩は本当に穏やかな方ばかりですよ^^)

英語を話したければ、海外に住むのが一番早いというあれです!　まあ自分英語話せないんですけど…

確実に必要な技術を学べる!

プログラミングといっても、無数の技術とその技術使うための手法が存在します。

プログラミングで何が出来るのか?

どんな言語をどんな環境でどのレベルまで勉強すればいいのか?

技術を身に着けた先輩が、

「必要な技術から順番に」

「自身が身に着けた経験をもとに」

作成されたカリキュラムをこなした後は確実に成長を感じました。

困ったとき聞ける!

エンジニアは自走出来てなんぼである!　そんな言葉をよく耳に目にする方が多いのではないでしょうか?

もちろん大事です。ググり力は大いに必要です!

ただ最初のとっかかりは絶対に必要です。

いきなりLAMP環境でコーディングして、リモートリポジトリにあげておいてと言われても無理ですよね?　もちろん僕は無理です笑

たしかにあらゆる情報は、ググれば出てきます。

ただ情報を受け止めて処理できる土台を作るのは、ググるだけでは無理です。

yepの先輩は、論理的かつ僕に理解できる言葉で丁寧に知識の土台を作ってくれました。

今就職するのために勉強している方へ

現在就職するために勉強しているかたは、現場で勉強するメリットを聞いても…って感じですよね

だから今、自分が一から勉強するならこうするというのを考えました。

「現場経験のある方に師事する」

某不用品贈呈アプリなどを見れば希望の講師が見つかると思います。

論理的思考力の高いプロのプログラマーは教えるのが上手な方が多いですよ!

最後に未経験からIT業界を目指す方へ

30代未経験の自分でも就職を決めて、研修を全うすることが出来ました。

仕事の時間は人生のかなりの時間を占めていると思います。

ぜひやりたいことをあきらめないで挑戦してください。

そしてできればyepのオフィスでお会いできるのを楽しみにしております^^

The post プロのエンジニアの研修とスクールとの違いは first appeared on 株式会社yep.

はじめまして、令和４年１月入社のkamadaと申します！

以前は札幌で数年間営業事務（という名の何でも屋さん笑）として働いていました。
昨年１年間は某保険会社のシステムに携わり、ご縁があってyepにお世話になることになりました＾＾

３か月の研修記録をお届けします。

基礎学習

まずは会社から頂いた基本情報技術者試験のテキストでITの基礎知識を学びました。

前職で得ていた知識も少しだけありましたが、セキュリティやネットワーク関連についてなどの知識が乏しかったためこの機会にきちんと知識を身に着けることができて良かったです。

基本情報の勉強が一通り終わった後はProgateでHTML&CSS、JavaScript、SQL、PHPについて学習しまし、その後PHPの教科書を用いてメモアプリや掲示板アプリを作成しました。

教科書通りに進めていても思わぬエラーが発生したり、思うようにうまく実装できない点などもあり、その都度調べたり先輩方に質問しながら楽しく進めました。

不明点については週２日あるヒアリングの時間で質問する機会を頂き、その他の時間でもチャット等で対応して頂けたのでかなり有難かったです。。！

環境構築についてもVirtualBoxを利用しLAMP環境をゼロから作成しました。

仮想環境を利用するということの理解が足りておらず、はじめは全くイメージが出来ないまま頭の中がハテナだらけになりながらの作業でした。。
何回も環境を壊しては作り直すことを繰り返しその都度先輩方に助けて貰いながら進めようやく理解出来ました。感謝です！

プログラム実習

一通り基礎学習を終えた後はプログラム実習です。

頂いたワイヤーフレームをもとに、会社一覧・見積請求一覧のWebサイトを作成しました。
開発環境は自分で作成したLAMP環境を使用しました。

基本的な機能としては以下です。

・会社一覧表示
・会社の新規登録、編集、削除
・見積一覧の表示
・見積の新規登録、編集、削除
・請求一覧の表示
・見積の新規登録、編集、削除

こちらにプラス追加機能として

・検索機能
・ソート機能
・ページネーション機能
・会社削除時のトランザクション制御
・フラッシュメッセージ表示
・404エラー対策

などを実装しました！

バリデーションや画面表示について細かく記載した資料を作成頂いたのでまずはその通りに実装し、
作業を進めていく中で仕様について不明点、確認箇所などがあれば都度確認し進めました。

作成していく中で画面表示のエラーを絶対に出したく無かったので、対策ファイルを作成したり登録・編集・削除処理後やＵＲＬ書換え時のリダイレクト先などをかなり細かく設定しました。

また、ワイヤーフレームを忠実に再現したかったので、再現するためにＣＳＳをかなり細かく設定する作業が凄く楽しかったです。

ワイヤーフレームなどの資料の一部を載せます。

研修発表時は、上司先輩方から感想や質問、コードについても多々ご指摘頂きとても勉強になりました。
（お忙しいなかお時間頂き有難うございました！！）

実習を終えて

３か月の実習を終えての一番の感想は「開発たのしい！！！！！！」しかないです笑

前職では開発業務に携わることがほぼ無かったため今回の研修で一から学習できとても勉強になりました。

ご指導頂いた先輩方には大変感謝しております。

現在ＯＪＴに入っておりわからない事だらけで勉強する事が多々ありますが、先輩方に学ばせて頂き早く戦力となれるよう精進していきます！

The post 新人研修を終えて first appeared on 株式会社yep.