ID:61309さん

# 学生向け就活SNSサイトの構築 テックリードとして要件定義から参画し、以下の領域を担当 - 担当領域 - 要件定義 - 基本設計 - UI設計 - DB設計 - バックエンド構築(Golang) - フロントエンド構築(React.js) - Firebase構築 - 運営保守 - 教育 - 開発言語選定 *** ### **開発言語選定について** モダンな技術で作成したいという思いと、サービスが大きくなったときの拡張のしやすさを求め バックエンドはGolang フロントエンドはReact.js を選定いたしました。 どちらも、開発・学習ともに未経験だったのですが開発の着手２週間以上前から自己学習をし GolangとReact.jsの基礎を身につけることによってスムーズに開発の着手を行うことができました *** ## **開発について** 開発メンバーが自分一人だけの期間が発生してしまったことも時期もあり 朝から深夜まで、開発に向き合うことも多々ありました。 大変な時期では、ありましたが 確実に自身のスキルアップにはつながったと思います。 現在は、無事リリースも終え 運用・保守段階です。 開発メンバーも4名ほどに増えたおかげで テックリードとして、開発メンバーに技術の共有、コードレビュー、メンバーの管理など 自身の仕事の幅を広げています。 *** ## **システム設計・構築について** ### バックエンド(Golang) - フレームワークにEchoを使用したREST fullなAPIサーバーの構築 - Gormを使用したMysqlとの接続 - 複数の組み合わせを対応した、検索機能のロジック - REST fullなCRUD作成 ### React - Firebaseと連携し、ユーザー認証、ファイル保存、チャット機能の実装 - ReactHookを使用したstate管理でのDOMの書き換え、API通信 - タイムライン投稿、ユーザー情報登録、求人登録、スカウト機能、オファー機能、フォロー機能など Goで作成したAPIと連携するシステムのメイン機能の実装 ### Firebase - Authenticationでユーザー認証の追加 - Storageで画像やPDFファイルの複数枚投稿を実装 - Cloud Functionにメール送信機能を実装 - Cloud Firestoreを利用しチャット機能の実装 *** ## **開発時について** 拙い文章にはなりますが 以下は本案件に特に実装が大変だった機能について幾つか書かせていただきます。 ## 1. **チャット機能・スカウト送信機能の実装** チャット機能はGoのAPIを使わず、ReactとFirebaseのCloud Firestoreを利用することにし ユーザー目線からでもリアルタイムアップデートによる通信することを務めました。 チャットシステムにおいて双方が同じコレクションにチャットデータを格納していくロジックを考えてから実装に至るまでや 様々なチャットシステムを参考にして、UIをどのようにしユーザーが一番使いやすいか チャット機能とスカウト機能は、同じロジックを使うのでどのようにフラグ分けをするかなど 設計・実装フェーズどちらにおいても作り甲斐がありました。 *** ## 2. **Golangでの検索機能の実装** どのサービスにも必要不可欠な検索機能ですが 今回は、学生が就職活動に使うことのできる就活ＳＮＳを目的として実装したので 学生が登録できる項目が他の会員サービスよりも必然的に多くなりました。 その際に検索機能の実装が慣れないGolangでの検索機能の実装となり GolangのO/RマッパーでもあるGORMでの実装をしていたのですが 複雑なコードになり、他のエンジニアがコードを見てすぐに理解出来なくなると感じ GormでのSQL Builderを使用した、SQLの実装となり、沢山のコードを記入するのには苦労しました。 それでもテーブル同士をJOINすることが多くなってしまったので 今後、検索機能を実装、アップデートする際は、設計段階から作りこみが必要だと、反省点も多くあります。 *** ## **今後の課題** ### 1**モバイルアプリケーション化** 学生に多く使ってもらうのを前提としているのに モバイルアプリケーションでの開発ではないので、iOS、Androidの開発技術を学び モバイルアプリケーション化を実現したいです。 *** ### 2**エンジニア側からの企画・要望出し** また、開発していると要望のあった機能以外に 実装した方が良い機能が見えてきたので、 弊社の営業やシステム利用者に提案をし、エンジニア側からのシステム構築の企画をしていきたいです。 *** 上記を進めていきたいです。

# フリーランス向け、案件・ユーザー管理アプリケーション テックリードとして要件定義から参画し、以下の領域を担当 - 担当領域 - 要件定義 - 基本設計 - UI設計 - DB設計 - Dockerによる開発環境構築 - バックエンド構築(Laravel) - フロントエンド構築(Vue.js、TailwindCss) - 運営保守 - 教育 - 開発言語選定 *** ### **開発言語選定について** 企画・開発着手～納期までが短い期間であること テックリードの自分が別案件でLaravel + Vue.js +Docker での開発環境での経験があること 小規模のサービスだと環境構築から～サービス提供までが早いということで 上記の技術選定をさせて頂きました。 しかし、それだけではなく上記の技術選定に、TailwindCssを追加することにより、慣れている言語経験の中にも 新たにインプットするものを増やして。モチベーションの向上につなげました。 実際に慣れてくると最新のフレームワークなだけあって通常のCSSなどよりも優れている点が 際立ってわかるようになったため、導入して良かったです。 *** ## **開発領域について** この案件については、企画・開発着手～納期がとても短く スピード感を重視しながら設計～テストまでを作り混みました。 また、社内でLaravel+Vue.js+Dockerの経験者が自身のみだったこともあり 自身がテックリードとなり。チームを引っ張ることができたかと思います。 また、技術スタックももちろんのこと、マネジメント力も身につきました。 3人という少ないチームですが、短い期間で、チーム内でやるべきことを明確にし 自分たちのが持っている別案件のタスクも分解し 効率よく、そして各々が技術のインプット・アウトプットができるように マニュアル等も作成しチーム間で共有しあうことで 開発期間は短かったのですがよりよいサービスを作成できたと思います。 *** ## **システム設計・構築について** ### バックエンド(Laravel8) - リレーションモデルの実装 - コントローラーの実装 - 検索機能、ユーザーCRUD、案件CRUD、メール機能、ファイルアップロード機能等の実装 - ミドルウェアの実装 - 各種テストの実装 ### Vue.js - inertiaによりLaravelコントローラーから値を受けてのprops管理 - v-modelを使用したFromの管理 - ページネーション処理の自作 - ファイルアップロード機能の実現 - SPAなフロントエンド構築 ### TailwindCss - tailwind.config.js のカスタム ### Docker - docker-compose で環境構築 - テスト用環境構築 *** ## **開発時について** 拙い文章にはなりますが 以下は本案件に特に実装が大変だった機能について幾つか書かせていただきます。 ## 1. **画像アップロード時にリサイズをしてアップロード** 今回は、amazonのs3へ画像アップロードをする機能を実装したのですが その際に直接アップロードしてしまうと、ファイルの容量が多くなりすぎてしまい サイト利用時に読み込み速度に時間がかかるという問題が発生してしまったので PHP拡張モジュール『GD』を利用し Laravelのコントローラー側で画像のリサイズ処理を実装行いました。 リサイズした画像サイズの確認だったり、アップロードの失敗時の処理などで想定より工数がかかってしったので これから画像を使うアプリケーション開発では、設計の段階でリサイズ処理等の想定を考えないといけないと感じました。 *** ## 2. **ページネーション機能の自作** 検索機能を実装し、ユーザーを一覧で表示する際にLaravelにデフォルトである ページネーションを利用する際は SQLの処理でdistinctを使用するとLaravel認定の公式のバグらしく思うように動作しないということがありました。 開発期間が短い中に致命的なエラーだったのですが ページネーションをLaravelとVueで自作することによって回避できました。 普段何気なく使用していた機能が使えなく、焦りはあったのですが 実際にページネーションを自作することによって、仕組みを考えることができオリジナリティも追加できたので 経験としたは良かったです。 *** ## **今後の課題** ### 1 **CI/CD** テストの自動化~デプロイまで間に合っていないので 品質の向上化のためにも導入する *** ### 2 **言語選択** 開発中に、エンジニアのユーザーが経験言語を登録させる機能を実装した際に まだ知らない言語が沢山出てきたので、最新言語だけにアンテナを張るのではなく 既存の言語で何ができるかぐらいは知識として残そうと感じました。 ***

# 自動車特化型フリマアプリサイト構築 テックリードとして、先方との打ち合わせ 言語選定やbacklogを使用したガントチャート作成に至るまで立ち上げから参加 主にフロントエンドのロジックと管理者画面の構築やモバイルアプリのための API 作成、 また、Terraformを用いた AWS の構築を行いました。 - 担当領域 - DB設計 - Dockerによる開発環境構築 - システムフロー設計 - ディレクトリマップ設計 - プロジェクトファイル構成検討 - フロントエンドロジック構築 - バックエンド API 構築 - インフラ構築 - 開発言語選定 *** ### **開発言語選定について** 　モバイルアプリケーションはFlutterを採用し アプリ開発がスピードアップ・コスト減に努めました。 　インフラ環境ではTerraformを採用し 　AWS環境をコード化し、メンテナンス性を向上させました *** ## **開発領域について** 開発期間以前から、モバイルアプリケーションを作成するならFlutterでの開発を視野に入れていた為 事前にFirebaseとの連携やdev stg prodの３つの環境の切り替えなど 簡単なアプリケーションを作成し開発環境の構築の作成や、言語の理解に努めました。 また、AWSでインフラ構築するに当たって 保守性や環境構築の理解を深め為、Terraformでのコード化を行いました。 また、開発自体も自分で作成したガントチャート通りに進んでおります。 *** ## **システム設計・構築について** ### AWS - ECS、Fargate、VPC、S3、ALB、EC2、IAM、RDS などの構築 - Terraform でのインフラのコード化 - 各実行環境毎の構築とシェルスクリプトでのコマンドの自動化 ### Next.js - 管理画面の構築 - Firebaseを利用したAuthentication でユーザー認証 - SPAなフロントエンド構築 ### Go - フレームワークに Echo を使用し REST full な API サーバーの構築 - CSV から Go を通して MYSQL にデータを保存 - Seed を作成し、テストデータを構築 - ORM には Gorm を採用し MYSQL との連携 - firebase admin sdkを利用したユーザーのcrud ### Flutter - android環境の作成 - flavorsを利用した、dev、stg、prod環境分け - firebase連携 - riverpodとflutterhooksでの状態管理 ### Docker - docker-compose で環境構築 ***