400万人が利用するビジネスSNS

常川 健
常川 健
常川 健

常川 健

株式会社YOLO JAPAN / フロントエンドエンジニア / Web エンジニアOsaka, Japan

常川 健

株式会社YOLO JAPAN / フロントエンドエンジニア / Web エンジニア

フロントエンド 10 設計バックエンド開拓中 AIを活用した領域横断開発で事業に貢献したいエンジニア

Web の知識 0 から、ネットで拾い集めたコードのコピー & ペーストだけで、地図上で関西のカフェを探せるアプリを公開することができた経験から、プログラミングや Web の可能性に衝撃を受け、この業界に飛び込みました。

この先やってみたいこと

未来

【設計 / バックエンド開発】 AI によって実装そのもののハードルが下がっていく時代において、エンジニアに求められる価値の中心は、実装から「何をどう作るか」を決める意思決定——すなわち設計——へと移っていくと考えています。

株式会社YOLO JAPANの会社情報

株式会社YOLO JAPAN1年間

フロントエンドエンジニア / Web エンジニア現在

- 現在

【事業内容】 日本在住の外国人向けに、求人情報・賃貸情報・運転免許取得・SIM カード購入・ローン申込など、日本での生活インフラとなる各種サービスを提供する多言語対応 Web サービスを開発

  • 在日外国人向けライフサポートプラットフォーム

    種別;新規構築 ポジション:PO / エンジニア チーム構成:PdM 1名 / メンバー 4名 担当業務:要件定義 / 設計 / 画面設計 / 開発 / テスト 技術スタック:TypeScript / Next.js / React / Refine / shadcn / Tailwind CSS / Better Auth / PostgreSQL --- 在日外国人向けの求人サイト、アンケートサイト、チャットアプリ、体験投稿サイト、そしてそれらのハブとなるプラットフォームサイトといった複数のアプリケーションで構成される、在日外国人向けライフサポートサービスの構築プロジェクト。 【全工程を担当】 AI を活用し、フロントエンドやバックエンドといった職域の区分をなくして、メンバー一人ひとりが一つのアプリケーションを要件定義から設計・デザイン・実装・テストまで一貫して受け持つ、という新しい開発体制をとった。私自身も一つのサービスを、全工程にわたって一人で担った。 【認証基盤を含む、複数サービスの基盤部分構築】 複数のサービスのハブとなるプラットフォームサイトを担当し、認証基盤・マスターデータ・サービスを横断して利用される API、各サービスへ配布するデザイントークンや UI コンポーネントなど、全体で共通して使われる基盤部分の設計・開発を担った。サービスごとに作り込むのではなく一箇所に集約することで、機能の重複を避け、サービス間の一貫性を保てるようにした。

  • 在日外国人向け求人サイト開発

    種別:既存開発 ポジション:フロントエンドエンジニア チーム構成:PdM 1名 / PO 2名 / デザイナー 2名 / バックエンドエンジニア 3名 / フロントエンドエンジニア 3名 担当業務:設計 / 画面設計 / 開発 / テスト 技術スタック:TypeScript / Next.js / React / Material UI --- 日本語を含む7言語に対応した多言語 Web サービス。 要件定義をもとにしたワイヤーフレームの作成から実装・リリースまでを一貫して担当。UX/UI の観点からユーザーの理解しやすさや操作性を考慮した改善提案も行いながら設計・実装を進めた。

    -
株式会社WiseVineの会社情報

株式会社WiseVine9ヶ月

フロントエンドエンジニア

-

【事業内容】 自治体向け業務アプリケーションなどの開発・販売

  • 官公庁向け 情報公開・可視化サイト

    種別:新規構築 ポジション:フロントエンドエンジニア チーム構成:PdM 1名 / デザイナー 1名 / バックエンドエンジニア 1名 / フロントエンドエンジニア 2名 / インフラエンジニア 1名 担当業務:開発 / テスト 技術スタック:TypeScript / React / Ant Design --- 行政が実施する事業に関する情報を、一般に向けて公開・可視化する公共性の高い Web サイト。情報の透明性を高めることを目的としたプロジェクト。 Web 制作で培った実装スピード スケジュールが厳しいと見られていたプロジェクトで、システム的なページに加え、トップページやコンテンツページといったサイト制作寄りのページも多かった。チームにこうした制作を得意とするフロントエンドがいなかったため私が引き受けたところ、「Figma のデザインをそのまま見ているのかと思った」「入社してすぐにこのスピードで開発できることに驚いた」と言われるほどの速さで実装を仕上げ、厳しかったスケジュールにも間に合わせることができた。

    -

ALTURA X 株式会社4年間

フロントエンドエンジニア / モバイルアプリエンジニア

-

【事業内容】 医療関連のサービスとそのサービスを提供するためのアプリケーションの開発・販売。

  • 健康診断システムのクライアント SPA 開発

    種別:新規構築 ポジション:フロントエンドチームリーダー / フロントエンドエンジニア チーム構成:PdM 1名 / デザイナー 1名 / バックエンドエンジニア 4〜9名 / フロントエンドエンジニア 2〜4名 担当業務:技術選定 / 開発 / テスト / チームメンバーへの業務の割り振り / コードレビュー / デザインレビュー / GraphQL スキーマレビュー 技術スタック:TypeScript / React / GraphQL / Apollo / Material UI / Jest / Cypress / Playwright --- 医療機関が健診結果の登録・編集・閲覧や受診予約を管理するアプリケーション。 【チームリーダーとしての取り組み】 アプリケーション全体で使う共通ロジックや関数を先行して開発することで、経験の浅いメンバーでも手を止めずに開発を続けられる体制を構築。高速な開発速度を維持した。 【他領域との連携】 バックエンドエンジニアが設計した GraphQL スキーマのレビューを担当し、手戻りを最小化。デザイナーとはエラー表示やインタラクション仕様を随時議論しながら開発を進めた。

    -
  • 健康診断結果閲覧アプリのクロスプラットフォーム開発

    種別:新規構築 ポジション:フロントエンドチームリーダー / モバイルアプリエンジニア(iOS / Android) / Web フロントエンドエンジニア チーム構成:PdM 1名 / デザイナー 1名 / バックエンドエンジニア 4〜9名 / フロントエンドエンジニア 2〜3名 担当業務:技術選定 / 開発 / テスト / アプリストアへの審査提出およびリジェクト時の対応 / チームメンバーへの業務の割り振り / コードレビュー / デザインレビュー / GraphQL スキーマレビュー 技術スタック:TypeScript / React / React Native / Expo / GraphQL / Apollo --- 医科大学と共同で発足したプロジェクト。ユーザーが医療機関で受診した健康診断や精密検査の結果を個人のスマートフォンで閲覧できるアプリ。予約機能・問診機能・各種リマインド機能も兼ね備える。 【アプリ開発経験者0からの立ち上げ】 チーム内にアプリ開発経験のあるエンジニアがいない状況で、スタートアップのリソース制約の中、私が担当することに。環境構築から全プラットフォームでの初回リリース・運用まで、クライアントアプリ開発の大部分を一人で担当した。 【アーキテクチャ選定(React Native × Expo Managed workflow)】 開発期間と既存の React スキルを活かせることから React Native を採用。ネイティブコードが不要な要件であったため Expo(Managed workflow)を採用。UI ライブラリはデザインとの親和性を考慮しデザイナーと議論の上、React Native Paper を採用した。

    -
  • 医療機関向けタレントマネジメントシステムのクライアント SPA 開発

    種別:新規構築 ポジション:フロントエンドチームリーダー / フロントエンドエンジニア チーム構成:PdM 1名 / デザイナー 1名 / バックエンドエンジニア 2名 / フロントエンドエンジニア 2名 担当業務:技術選定 / 開発 / テスト / チームメンバーへの業務の割り振り / コードレビュー 技術スタック:TypeScript / React / GraphQL / Apollo / Cypress --- 360°評価・従業員アンケート・チャット機能などにより組織の人事データの収集と分析を可能にするアプリケーション。 Webエンジニアとして最初のプロジェクト Webエンジニアとして自身初のプロジェクトながら、立ち上げ段階からアーキテクチャ選定や開発環境の構築を担当。TypeScript × Vue が候補だったが、当時の Vue の TypeScript サポートの手薄さから React を提案し採用した。

    -

エンジニアリング集中学習期間5ヶ月

個人

-

Web 制作から Web 開発へとキャリアを広げるための集中学習期間。コンピュータサイエンスやモダンなフロントエンド開発の基礎を学ぶとともに、PHP / Laravel を用いた API 開発からフロントエンド、UI 設計までを一人で手がけ、個人アプリケーションを一つ開発した。ここで築いた土台が、次の ALTURA X 株式会社での開発エンジニアとしてのキャリアにつながった。

nosh株式会社4ヶ月

マークアップエンジニア

-

【事業内容】 冷凍食品の企画販売‧サブスクリプション事業

株式会I-ne3年間

HTML コーダー

-

【事業内容】 シャンプーなどの生活雑貨の企画・開発・販売。 ・ブランド  └ BOTANIST(シャンプー)  └ SALONIA(ヘアアイロン)  └ skinvill(化粧品)

リンクオブマインド株式会社1年間

Web Designer

-

【事業内容】 ・ 旅行事業 国内航空券、高速バス乗車券、オプショナルツアーを自社で開発・運営するWEBサイトにて代理販売 ・ システム開発事業、ASP事業

大阪総合デザイン専門学校2年間

ビジュアルコミュニケーションデザイン学科

-

主に紙媒体や印刷物の企画・デザイン

近畿大学4年間

理工学部建築学科

-

建築学の主に意匠を先攻。

近畿大学付属高等学校3年間

理数科

-

個人の実績

個人の実績

個人の実績



言語

  • 日本語 - ネイティブレベル
  • 英語 - 日常会話レベル

企業からスカウトをもらいましょう