NEXT14 TKPF

ENGINEER PROFILE

Next.js/React/TypescriptでのLMSの構築・JavascriptでのECサイト構築・Nuxt.jsでの中国語オンラインスクールのLMS構築などに関わりました。
Next.jsやTypeScriptを用いたモダンな開発が得意で、GitやDockerを用いたアジャイル開発の経験も可能です。また、上流工程の要件定義や設計も行った実績があり、開発全体を通してプロジェクトを円滑に進める力があります。
元々デザインとマークアップを経験してからフロントエンドに来ましたので、Figmaやデザイナーの意図を理解したマークアップやUI構築・異分野との協業と改善提案を強みとしています。
UI/UXやデザインシステムの理解が深いところも強みです。ReactやNext.jsなどのフレームワークでの開発にも積極的にアサインしてきました。
幅広い経験で多様なスキルセットで常に組織に新しい提案や価値を提供することが可能です。見た目の美しさやユーザーインターフェース（UI）の洗練さに力を入れ、アニメーション、レスポンシブデザイン、そして直感的な操作感など、ビジュアル面に強みを持って対応することが強みです。

一方で、Node.js,Python,Flask,DjangoとLangChain(OpenAIapi)を連携させたスクレイピングしたデータを分析するバックエンドの開発や、GCPやAWSを使用してCloudRunとCloudBuild/ArtifactRegistoryとの連携によるdockerコンテナからのCI/CDの構築など、バックエンド及びインフラの技術に関しても意欲的に学習を進めています。

今後はさらにフロントエンド技術を磨きつつ、バックエンドとの連携や新しい技術への挑戦を続け、価値のあるプロダクト開発に貢献したいと考えています。

韓国アーティストチケット販売システムフロントエンド開発

【担当職務】 Next13 / React Hooks / Typescript / Mui / Tailwind フロントエンド構築【実績・取り組み】 Next13(PageRouter) / Typescript / Muiを使用してフロントエンド開発を担当しました。SSR及びCSRによるfetch、各種コンポーネントの実装や型定義やPropsによる繋ぎ込み、ページViewの展開。API仕様書からイベント取得し、TanStackQuery(ReactQuery)によるCRUD操作・データ取得・更新操作を実装。シリアルナンバーを用いたシステムの機能追加も担当しました。

韓国アーティスト公式CMS開発

【担当職務】 Javascript / Vite / Tailwind フロントエンド構築【実績・取り組み】アーティスト公式CMSのフロントエンドを実装しました。Sldierや各種ページの実装。Viteを使用してテンプレートを制作、Githubリポジトリでやり取りをして、C#構築のバックエンドエンジニアに渡すまでを担当しました。

太陽光パネルメーカーCMS開発

【担当PJ】太陽光パネルメーカーCMS開発【担当職務】ウェブデザイン・コーディング、Wordpress CMS開発【実績・取り組み】開発会社と共同で、グローバルBI改定により、ブランドサイトをリニューアル。Wordpressでテーマを開発。デザインとコーディングを含め担当しました。メンバーは1名が予算や工程管理を行い、私がウェブ制作の全般を担当、ページ数が多かったため、Figmaでデザインを共有し、開発会社とWordpressを共同でテーマ開発しました。

電力事業HDブランドサイトの新規立ち上げ

【担当PJ】電力事業HDブランドサイトの新規立ち上げ【担当職務】フロントエンド・コーディング【実績・取り組み】電力会社HDグループの立ち上げによるブランドサイトを構築しました。コーディングを全般的に担当し、社内外で高い評価を頂きました。FVにSVGアニメーションを取り入れ、jQueryによるヘッダーやセクション遷移時のアニメーションなどブランドのストーリー性を意識して美しい動きを心がけました。

LMS (教育事業会社)

【担当職務】フロントエンド・マークアップ【実績・取り組み】 Next14(AppRouter)/ Typescript / Nest.jsを使用したLMSのフロントエンド構築を担当しました。GithubのイシューによるCI/CDを通じて業務委託として在宅就業しました。業務内容としてはモジュール設計やヘッダー、プロフィール編集画面、合否の結果画面などを実装。各種APIの繋ぎ込み、localstrageを使用してSSRに対応したヘッダーナビなど見た目の実装、Typescriptによる型エイリアスの定義など、詳細設計〜実装までを担当しました。

オンライン中国語スクールWebアプリ開発

【担当PJ】 Vue / Nuxt3 / Laravelによるオンライン中国語スクールWebアプリ開発【担当職務】フロントエンド開発・Webデザイン・UI/UXデザイン・コーディング・ディレクション業務【実績・取り組み】オンライン中国語スクールのサイトリニューアル・立ち上げ全般を担当。WEBサイト構築・UIデザイン（マイページ・予約画面・管理画面やダッシュボードなど）含め50ページ以上のデザインカンプ制作～コーディングまでフロントエンド全般を担当しました。 LaravelとVue.js（Nuxt.js）で構築された会員ページの制作に関わり、ユーザーが使いやすく・回遊しやすく・毎日の学習に役立つためのサイト設計を心がけ、UI/UXを設計しました。

オンライン中国語スクールWebアプリマイページUI/UX開発

【担当PJ】 Vue / Nuxt3 / Laravelによるオンライン中国語スクールWebアプリマイページUI/UX開発【担当職務】フロントエンド開発・Laravelでのバックエンド開発・Webデザイン・UI/UXデザイン・コーディング・ディレクション業務【実績・取り組み】 UI/UXデザインとNuxt3(Vue.js)によるフロントエンド全般を担当しました。講師を検索し日時指定をして予約するマイページを実装しました。 LaravelでのCRUD操作 Controller/Model/Migrationの対応 APIバックエンド開発にもアサインしました。

太陽光PPA事業サービスサイト　新規立ち上げ

【担当PJ】太陽光PPA事業サービスサイト　新規立ち上げ【担当職務】フロントエンド・コーディング【実績・取り組み】太陽光PPA事業の新規立ち上げによる、新規ウェブサイト構築を担当しました。全12ページのページをコーディングを担当。ヘッダーにはGSAPでアニメーションを付け、Vue.jsでアコーディングトランジションを制作するなどデザインだけでなく先端的なFWによる実装も挑戦しました。GoogleスプレッドシートとのAPI連携による動的な料金シミュレーションのプログラミングも行いました。メールフォームの実装など全般的にコーディング、トップページ以外のデザインを行いました。

リッチLPの構築

【担当職務】 LPテンプレート開発・LPコーディング【実績・取り組み】 LPのコーディング及びリッチなLPを実現するための開発。 FVのクロスフェードアニメーションするスライド、パララックス、スクロールトリガー、フローティングナビの実装。要件定義・設計・実装・検証を担当。

フルスタック開発 AI 記事生成SNS

【担当PJ】フルスタック個人開発SNS（開発中）【実績・取り組み】 Next / React / Tailwind / Typescript / Supabase / Node / Express / AWS S3 / OpenAI を使用したSNSのフルスタック構築。AWS感情分析AIを使用して投稿データの感情を数値化して表示。記事投稿機能など。 Azure Open AIと連携することでAIが記事生成を行い、ユーザーの投稿内容に基づいて自動的に情報を収集します。またAWSの感情分析AIと連携することで、投稿者の感情を分析、Positive/Negative/Neutralの３つに投稿を分類する機能などを実装しました。