こんにちは。アイスリーデザインでエンジニアをしている松岡と申します。
2020年4月にアイスリーデザインに入社しました。コロナウイルスの影響もありましたが、入社式で新卒メンバーと直接会うことができました。そして、研修はリモートで実施されました。今回は新卒エンジニアである私が研修を通して、何を実践し、何を学んだのかを振り返っていきたいと思います。
最初の研修内容はWebフロントの開発を行いました。アイスリーデザインで過去実際に案件としてあったサイトのマークアップをしました。開発に必要なツールの使用方法や、基礎的なWebサイトの実装ができることを目的とした研修でした。その後は、GitやBacklogの使い方などチーム開発で必要なツールについても学ぶことができました。もちろん開発のことだけではなく、社会人としての振る舞いかた、服装や言葉遣いの研修をしました。一日が始まるときには朝会、終わるときには夕会と先輩社員の方にフォローをしてもらい安心して研修を受けることができました。
5月頃には、より一層深くエンジニア研修を行いました。フロントエンドの研修だけではなく、バックエンドやアプリの開発の研修をしました。特にバックエンド開発の研修においては、PHPでTodoListのアプリ作成をしてアウトプットも多くなりました。更にLaravelを使って同じようにTodoListのアプリを作成し、サーバーサイドフレームワークを使うことによってフレームワークが便利なものかを理解することができました。またコロナの為、リモートで社長の芝と新卒５人でざっくばらんに話す機会があり、会社のこれからの方針や私たちを採用した理由も聞くことができ、とても貴重な時間になりました。
研修の最後は新卒エンジニア3人でチーム開発をしました。新卒デザイナー2人が研修課題として、新しいサービスを発案し、デザインしたアプリが「lead」になります。そのデザインをもとに下記3つに分かれて開発しました。
・アプリ開発
・管理画面開発
・API開発
私は管理画面を担当しました。今回の管理画面での実装で一番難しかったのはフロアマップの設定をする画面です。内容は下記4つになります。
1.商品の種類のボタンを先にクリック
2.マップの上に数字が記載されているタイルが表示されている
3.タイルをクリックするとクリックした数字のデータを保持する
4.クリックした場所に目印がアプリに表示される
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
@php $data = getimagesize('./storage/image/floor_map/' . $floor->floor_map); $width = $data[0]; $height = $data[1]; $dividedBy = $store->dividedBy; $horizonCount = round($width / $dividedBy); $verticalCount = round($height / $dividedBy); for ($i=0; $i < $verticalCount ; $i++){ echo '<div class="d-flex">' ; for ($j=0; $j <$horizonCount; $j++){ echo '<div onclick="setPosition(' .(($i*$horizonCount) + $j).')" style="height:'.$dividedBy.'px; flex-basis:'.$dividedBy.'px; background-color:rgba(128,128,128,0.7); color:white; text-align:center; line-height:'.$dividedBy.'px;">' . (($i*$horizonCount) + $j) . '</div>'; } echo '</div>'; } @endphp |
$dataで画像の大きさを取得した後に$widthと$heightに幅と高さの数値を格納しています。その後$divedByを$storeに格納されている数値を取得し代入します。$horizonCountと$verticalCountで縦軸横軸の表示するブロックの個数を計算してfor文で繰り返し表示させています。
実際の管理画面はこちらになります。
8月の中旬にleadを社内の方に発表しました。自分たちがこだわって作ったポイントや目標に向かってチャレンジできたことを中心にプレゼンができたと思います。実際の管理画面やアプリを触ってもらい、操作の発表はとても緊張をしましたが、精一杯発表ができました。プレゼンで緊張しないようにこれから業務を通してプレゼンもうまくなっていきたいです。
研修を通して下記2点を感じました。
・時間を管理する
今回のチーム開発では時間に追われる場面が多くありました。わからないことが多く、作業がスムーズに進まなかったこともありましたが、わからないことがあれば先輩に積極的に聞くべきでした。また日単位ではなく時間単位でのスケジュール管理をしていくことが大切だと学びました。
・ものを作ることの楽しさ
アイデアから実際に物を作り、動くものができた時には、やりがいを感じたと同時に、感動がありました。業務では実際に多くの人に使われるものを作ることになります。求められているものを作らなければならないという緊張感はありますが、その分できたときの喜びも大きいと思いますので頑張っていきたいです。
また研修では下記内容を学び、とても勉強になりました。
使用言語 HTML/CSS/JavaScript/sass/Gulp/PHP
フレームワーク Bootstrap/Laravel
ライブラリ React/jQuery
クラウドサービス GCP
データベース MySQL SQLite
そして研修も終わり、私たち新卒エンジニアはそれぞれの案件で日々業務に取り組んでいます。ものを作ることの楽しさを感じながら、とても充実した毎日を送っています。
＿＿＿＿＿＿＿＿＿＿＿＿
i3DESIGN（アイスリーデザイン）は渋谷とウクライナに拠点を構えるIT企業です。
「デザイン思考」の手法を取り入れたクライアントワークと、Google対応の自社クラウドサービス「GOMOBILE」の提供を行っています。
ビジネスの創出に必要な”右脳”であるUX/UI分野と”左脳”の開発分野が融合した組織で、サービスデザイン・UI制作・プロジェクト管理・設計・開発・品質管理・システム運用を一貫してご提供できることが、i3DESIGNの強みです。
in-Pocket is presented by i3DESIGN
