🐶Introduction

初めまして🐱Tagbangersで1年半インターンをしていた青野です！
獣医学科に通っている大学生で将来は獣医になる予定ですが、webアプリケーション開発に興味がありインターンに参加しました！
タグバンガーズでは主にフロントエンドエンジニアとしてwebアプリケーションの開発、改修をしました。
Tagbangersの長期インターンに興味のある方の参考になれば幸いです🙏🏻

🦊Background

インターン参加前の自分のスキルレベル

インターン参加前はプログラミング初心者で、簡単なwebサイトを作れる程度でした。
webアプリケーションを開発している会社へのインターンを希望していたため、インターンの応募前にポートフォリオとしてアプリを2つ作成しました。
ポートフォリオではReactとFirebaseを用いたwebアプリケーションを開発しました。
応募するにあたって、1個でもいいので自分でアプリを作ってみることは大事だと思います。また、自分が書いたソースコードはGithubなどで管理し、共有できるといいと思います！
入社前に作ったアプリ：https://pets-health-care.web.app

なぜタグバンガーズを選んだのか

インターン参加前に勉強していた分野がwebのフロントエンド（React）で、Reactを使っていて出社できる会社を探していたところ、Tagbangersを見つけました。
また、バックエンド、インフラにも興味があったため、どちらもモダンな技術を使用しているTagbangersは自分が望んでいる会社でした。

🦆インターンシップでやったこと

研修

最初の１ヶ月はTagbangersの開発フローに慣れるために研修をしました。研修では大学の試験対策用のクイズアプリを開発しました（完成はしてない）。
Tagbangersではまずどのようなプロダクトを作るかを明確にするため、Inception Deck, User Storyを行います。アプリケーションの設計は経験がなかったのですが、Inception DeckとUser Storyでどのようなアプリケーションを作りたいかが明確になりました。
その後はアプリケーションのワイヤーフレーム、デザインを作り、フロントエンドから実装していきました。フロントエンドの実装では、storybookを使いコンポーネント開発をしました。
1ヶ月の期間ではバックエンドまではできなかったですが、Tagbangersの開発フローに慣れることができ、非常に勉強になりました💪🏻
Frontend: Next.js, Styled-Components, Storybook

webアプリケーションの改善（Next.js + Styled-Components）

研修後はフロントエンドの簡単なタスクから取り組みました。
TagbangersではタスクをJIRAというソフトウェアで管理していて、チケット駆動で開発を行っています。研修後最初の実務だったので、JIRAを用いたチケット駆動開発に慣れながら、画面の表示崩れやブラウザ依存のバグ修正を行いました。

Spring Fest 2023のwebサイトデザイン（Figma）

毎年行われているSpring Frameworkに関するイベント（Spring Fest）のwebサイトとノベルティグッズのデザインをしました。デザイン通りにコーディングすることはできたのですが、0からデザインを作ることが初めてだったので、すごく難しく感じました。難しく感じたポイントは、デザインには正解がなく、１人で考えていても納得できるものができなかった点です。そのため自分が作ったデザインのフィードバックをたくさんもらうことが重要だと感じました。Tagbangersでは経験のないことも挑戦することができるので、幅広い分野に興味がある人にもオススメです！

Spring Fest 2023

Spring Framework は Javaの代表的なアプリケーションフレームワークであり、登場した2002年より現在に至るまで世界中の多くのJavaアプリケーションで利用されています。国内でも広く利用されておりますが、ユーザ間での情報交換・交流の場を提供し、さらなるSpringFrameworkの認知度の向上、普及促進を図るため、本カンファレンスを開催いたします。

https://springfest2023.springframework.jp/

ポータルサイトの開発（Next.js + Contentful）

デザインのあとはポータルサイトの開発を行いました。ポータルサイトでは記事や画像などをContentfulというHeadless CMSで管理し、それの取得や表示をNext.jsで行いました。Headless CMSを触るのは初めてでしたが、コードを変更しなくても記事の内容を変更することができるため、効率よく作業ができると感じました。自分のブログを作るときはHeadless CMSを使ってみたいです！

webサイトの改善（Next.js + Stitches）

インターンで行った最後の業務として、webサイトの見た目の改修を行いました。これまではプロジェクトのサポートとして業務を行っていましたが、最後は自分が主体となってプロジェクトを進めました。このプロジェクトでは、複雑なデザインをStitchesというCSS in JSを使って、見た目を再現するという作業を行いました。CSSを使ったアニメーションや曲線の再現などが難しかったですが、CSSのスキルが上がり、フロントエンドエンジニアとして成長できたと実感しています。また、プロジェクトの管理は初めての経験で、期日までに終わるようタスクを整理することが大変でしたが、無事にプロジェクトを完了することができてよかったです。

🐻‍❄️インターンシップの日常

一日の流れ

朝会：その日共有すべきことを話し、雑談をします！
dairy scrum：チームでその日やることの確認、プロジェクトの進捗を確認します。
作業開始
夕会：朝会と同じく共有事項や雑談をします。
業務が終わり次第退勤

会社全体とチームで毎日話す機会があります。困っていることを相談したり雑談ができます！
雑談する機会があることで、業務に関する質問もしやすくなるので、朝会と夕会の時間はとても重要だと感じました！

ランチタイム

オフィスの近くにベイクォーターがあるため、ランチする場所はたくさんあります🍖
たまにチームで食べに行ったり、出前を取ってオフィスで食べることもあります🍣

イベント

オフィスの近くにBBQ場があるので、歓迎会などはBBQすることが多いです🥩

横浜駅も近いのでたまにみんなで飲みに行ったりもします！

🦁終わりに

Tagbangersでのインターンを振り返ると、楽しい思い出ばっかりで参加できてよかったです！未経験だと分からないことばかりで、最初は質問ばっかりだと思いますが、出社して直接聞けることができるので、実際にオフィスに出社できるのは自分に合っていました！
インターンでは基本的にフロントエンドの業務を担当していたのですが、バックエンドにも興味があるのでバックエンドの勉強もしてみようと思います。自分は将来獣医になる予定ですが、エンジニアとしても働いてみたいので、インターンでwebエンジニアの実務経験を積めて良かったです！

Tagbangers, inc.では一緒に働く仲間を募集しています

実践的な学び: インターンシップの挑戦

青野耀慈

Tagbangers, inc. / フロントエンドエンジニア

開発インターンフロントエンド React

2 いいね！

Tagbangers, inc.

【業務内容】・アジャイル開発　お客様の毎日の業務に必要な Webプロダクトを開発・開発チーム支援　開発プロセス・ガイドライン策定や、CI/CD構築といった開発者経験を改善・業務・システム改革　アプリケーションや業務フローのモダナイゼーションを行う・先端テクノロージ検証　PoC・PoT ・クラウド導入支援　クラウドインフラ（主にAWS）の構築支援・システム運用支援　アプリケーションの運用支援タグバンガーズは、独立系のソフトウェアデザインエージェンシーとして、アイデアをシンプルに実現することにこだわりをもっています。現在置かれている情勢や業界の背景を深く理解し、お客様が抱える潜在的なニーズを見極め、本質的な課題を解決できる機能やシステムをご提供することに力を注いでいます。使いやすく、使い続けることでアイデアが湧き、挑戦を繰り返すことができるようなソフトウェアを支援することで、企業文化の革新に寄与します。様々案件に参加し、一緒に成長していきませんか？自分次第でいくらでも関われる範囲や役割を変えていけます。＊こんな方はぜひタグバンガーズへ・内外の人間と多くのコミュニケーションを取る必要があるため、チームメンバーと協力しながら開発することが好きな方・新規技術を研究しながら導入していくこと、常に学び続けることが苦でない人・チーム内で技術的側面での責任を担うため、技術者として品質・信頼性・保守性に優れたコードの作成に情熱を注ぎたい方・プロダクトの成功のために責任と勇気を持って必要と思われる行動を能動的に取れる方＊入社後の配属についてスキル・経験に応じて、開発案件への配属と担当範囲を決定いたします。＊リモートワーク可能ですか？まずはチームメンバーとコミュニケーションを取って、お互いの考え方を知っていきながらチームワークを身につけていただきたいので、原則出社ですが、その後、家庭事情により遠方へ引っ越しが必要・留学などを考えているといった場合は、相談いただきフルリモートに切り替えていただくことも可能です。（実績多数）また、スペシャリスト枠としてジョインされたいという場合は、はじめからフルリモート勤務も可能です。（面談時要相談）＊業務委託可能ですか？現在はご紹介がない業務委託希望の方は受け付けておりません。＊日本語能力は必須ですか？クライアントが日本企業のため、日本語検定N2またはN1以上のコミュニケーションスキルがある方が望ましいです。

フォロー

このストーリーが気になったら、遊びに来てみませんか？

横浜で業務システムのUI/UX開発を極めたいフロントエンドエンジニア募集！