xinome

・WordPressサイト制作 200,000円〜

WordPressの基本設定からリリースまでをワンストップで対応いたします。 既存テーマの導入などお気軽にご相談ください。 ※レンタルサーバーは別途ご用意の上アカウント情報を共有いただきます。 ※WordPressテーマのカスタムデザインは対象外 ※ドメインは別途料金にてご相談

・既存Webサイト運用 10,000円〜

お持ちのWebサイトについて月額料金にてお受けします。 レスポンシブ対応可能です。CMS使用の場合はご相談ください。

・Webサイト制作レクチャー 5,000円〜

オンラインスクールでのメンター経験をもとに、ご自身でサイトを作られる際のレクチャーをいたします。

・Webアプリ　フロントエンド開発 5,000円〜

ReactやVueなどモダンな技術スタックをもとに、既存システムのエンハンス開発、リファクタリング等ご相談可能です。 ミニマムなものでしたらローカル環境をもとにした基本的なセットアップからご相談可能です。 ※準委任契約、時間単価での提示額とさせていただきます。 ※稼働状況によるため、詳細は適宜ご相談させていただければと思います。

・Webライティング（AI併用） 10,000円〜

開発現場およびスクールでの経験をもとに、IT業界の知見やトレンドを踏まえたWebライティングが対応可能です。 業界以外であっても適宜ご相談可能です。 ※業務効率化のため、AI併用とさせていただきます。

・レンタルサービスプラットフォームの改修及びサービス拡大のためのエンハンス開発 ECフロントのUI / UX改修に伴う開発作業 / フロントエンドエンジニア 2024年7月 〜 2025年1月

【事業内容】Webサービス、自社プロダクト 【工程】設計、実装、テスト 【経験職種・役割】フロントエンド、PMO 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] Typescript、SCSS [ライブラリ・フレームワーク] React、React Hooks、Node.js Storybook [ツール] Git、Backlog、Notion、AWS、mockoon ``` - **プロジェクト詳細** ## プロジェクト概要 BtoBtoCのレンタルサービスプラットフォーム（自社サービス）において、UI / UX改善をメインとしたプロジェクトにアサインしました。 当初は会員登録系のUI / UX改善だけを担当する予定だったのがアサイン時点で日に日に肥大化した状態となっており、上位会社と適宜情報共有・相談しながら改善作業を行ないました。 ## 開発・実装内容 【どのような機能の開発・実装か】 - サービスの会員登録およびマイページ関連画面（一部）の実装 - 詳細設計書の作成、実装、テスト仕様書の作成 - バックエンドを基調としたローカルAPI環境（mockoon）の実装、およびMSW（Mock Service Worker）への移行 【課題・問題点】 元々一律で開発をしていた別SIerの仕様や運用ルールに多大な問題点が存在しており、デザインにおいても全項目を網羅できていないまま成果物として共有されていたため、マスターとなる情報の認識が誰もできていないクリティカルな課題がある中でのアサインでした。 独自かつクオリティ的にもよろしくない開発環境の改善範囲や、根本的なルールの見直しなどを相談しつつ対応を進めました。 また社内においてはフロントエンド・バックエンドともリソース不足で、リーダー陣（主にPL）の運用方針に問題があり、フロントエンドでアサインした別メンバーがバックエンドに回されたりPMがバックエンドも兼任したりと問題が散見されました。 【工夫したこと】 アサイン当初から規模問わず問題が山積していたので、とりあえずフラットにやれることをやるしかないと言うスタンスで臨みました。 上位会社のチームの方にも協力いただきながら、適宜問題点や解決案・相談等共有し、個人・全体共にパフォーマンスに繋げました。 当初はウォーターフォールに近い形式を想定していたものの、仕様や認識が錯綜している中で正しい情報を掴むことが困難になっていたため、影響範囲の多いボトルネックな課題の把握や対応を優先してアジャイルに移行する形となりました。 スケジュールやリソース等全体的な問題の影響で炎上していたメジャーアップデートのリリース前には保持していたタスク以外にも巻き取りやノウハウの共有、PL代理で他メンバーの進捗管理など担当外の部分も自発的にアクションしたことで、なんとかオンスケでのリリースに修正することができました。 また直近のリリース後は全体的なリファクタリングの話も出ており、その場合に負債となっていた前開発会社の環境を一新できる可能性があるため、自由度も格段に上がる中で自分の知見をプロジェクトに反映させたいと思っています。 【打ち手・使用した技術】 - 言語・フレームワーク - Typescript、SCSS - React、React Hooks、Node.js Storybook - ツール - Git、GitHub Backlog、Notion、AWS

・個人開発Webアプリ 「IT育成カリキュラム（仮）」 / フロントエンドエンジニア・バックエンドエンジニア・プロダクトマネージャー（PdM・PO） 2022年2月 〜 現在

【事業内容】Webサービス、自社プロダクト 【工程】企画、要件定義、設計、コーディング 【経験職種・役割】バックエンド、フロントエンド、インフラ、UX/企画 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] HTML5、SCSS、JavaScript / Typescript Python [ライブラリ・フレームワーク] Material UI（MUI） React、Redux Django / Django REST Framework [ツール] Git、GitHub、npm [プラットフォーム] PC ``` - **プロジェクト詳細** ## 参照 https://note.com/npower_creative/n/n48dc5182423b ## プロジェクト概要 以前所属していたITエンジニア主体のオンラインサロンにて「プログラミング初級者〜中級者へのレベルアップ環境が充実していない」という課題感が話題に上がっており、その解消を自分の見解で具現化すべく立案しました。 ITエンジニア向けの開発ポートフォリオや情報共有するためのプラットフォーム、SNS機能を持ったSaaSをイメージしています。 これまでの実務はフロントエンドが主でしたが、本プロジェクトではインフラなど他分野の技術選定や実装も現状一人称で行っています。 アイデアベースだけでなくトライアンドエラーも兼ねて実践することで実際に明確化できた要素は多く、chatGPTなど有効活用できるAIツールも出てきたため、これまでの課題を解消しつつ納得できる着地点を見極めながら続けたいと思います。 他活動とのバランスもありPENDしていた時期もありますが、 開発開始時からの技術スタックやトレンドの変動も考慮し、直近ではVue + FirebaseベースからReact + Python(Django)ベースへのリプレイスを行っています。 ## 開発・実装内容 【どのような機能の開発・実装か】 - フロントエンド：React、Redux - バックエンド：Python、Django / Django REST Framework - デザイン：Material UI（MUI） 上記スタックを基本構成としています。 ログイン認証を初めとしたAPIデータ環境はPython / Djangoをベースとした構成に実装を進めています。 【課題・問題点】 以前の実装途中、選定SaaS（Firestore）において検索機能の実装がデフォルトでは難しく、外部プラグインでの有料コスト運用が必要ということが判明しました。 その他DBの開発環境としてAWSやGraphQLを候補としており、ネックとなっている ・CRUD機能 ・個人で運用可能なコストパフォーマンス などの条件をクリアできる環境での実装を再検討しました。 Python / Djangoをベースとした構成へのリファクタリングでは順調に実装を進められている感触です。 【工夫したこと】 本プロジェクトまでに経験したフロント以外の言語・フレームワークを駆使することを意識した他、個人開発ということで極力コストパフォーマンスを抑えることを前提としました。 まずは成果物をと考え、API環境をローカルで参照できる構成での実装を進めています。 サービス自体の成長度や中長期的な運用も考え、今後AWSやGraphQLなどモダンな技術領域へのリファクタリングも検討要素としています。 【打ち手・使用した技術】 - 言語・フレームワーク - html5、scss、JavaScript / Typescript - React / Redux - Python / Django / Django REST Framework - ツール - Git、GitHub、npm ## 補足事項 ### 過去の実装内容 【どのような機能の開発・実装か】 - DB・インフラ：Firebase、Firestore - フロントエンド：Vue、Nuxt - デザイン：Storybook、tailwindCSS 【打ち手・使用した技術】 - 言語・CMS - html5、scss、JavaScript / Typescript - Vue.js / NuxtJS - ツール - Git、GitHub、npm - Vue CLI - ESLint / Prettier - Firebase Authentication、Firestore - Hasura Cloud - Heroku ログイン認証にはFirebase Authenticationを採用しました。（初回フェーズでの環境のため、次回変更の可能性があります） バックエンドでCRUD機能の橋渡しをすることも検討していましたが、実装する中でNuxtベースのみでも開発可能という見通しが立ったことから画面側を中心に開発を進めました。 またプロトタイプとしてですがHerokuにてデプロイも経験しています。

・MAツールアプリ開発・運用 / フロントエンドエンジニア 2022年7月 〜 2023年3月

【事業内容】Webサービス、自社プロダクト 【工程】コーディング、テスト、運用・保守 【経験職種・役割】フロントエンド 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] JavaScript / Typescript、scss [ライブラリ・フレームワーク] Vue.js(v2, v3) （Ruby / Ruby on Rails） [ツール] Git、GitHub、Docker Backlog GraphQL、Hasura、CircleCI [プラットフォーム] PC ``` - **プロジェクト詳細** ## プロジェクト概要 運用フェーズでアサインしたプロジェクトです。 アサイン時に技術負債として存在していたフロント部分のリプレイスやリファクタリングを主に担当しました。 BtoBのメルマガ配信を管理するサービスで、クライアントごとに詳細のカスタマイズが必要な機能の整理や構築、および共通化できるコンポーネントのリファクタリング実装などを行いました。 また参画途中でVueのバージョンアップ（v2→v3）を行い、他のメンバーと連携しつつ全体的な調整にも携わりました。 ## チーム構成 - PM - フルスタック - バックエンド - フロントエンド（自分） - デザイナー ## 開発・実装内容 【課題・問題点】 - アサイン前に蓄積されていた負債タスクのリプレイス 私のアサインする前にメンバー変更などがあり、当時フロント開発に関してはフルスタックのメンバーがほぼ一人称で担当されている状況下でした。 旧メンバーが担当されていたフロント関連のタスクが蓄積していたため、コアな部分は引き続きフルスタックの方が担当しつつ、UIなど細部について私がメインで担当しました。 【工夫したこと】 元々上流フローからアサインしていて仕様や業務フローなど知見のあるメンバーがほとんどを占めていたものの、アジャイル＋口頭ベースで開発されていたこともあり後から入った自分は特にドキュメント関連で的確に情報共有されていないと感じることが多くありました。 一定のマニュアルはあったものの十分とは言えなかったため、ケーススタディとして自分がメモレベルで事象を共有したりフロント関係のコンポーネント・ソース関連の構成をドキュメントで作成しました。 自分の稼働終了と同時期に運用フェーズへの移行のためプロジェクトメンバーが刷新される予定だったのですが、その対応が次回メンバーへの引き継ぎに有効活用できると評価いただきました。 【打ち手・使用した技術】 - 言語・CMS - JavaScript / Typescript、scss - Vue.js(v2, v3) - （Ruby / Ruby on Rails） - ツール - Git、GitHub、Docker - Backlog - GraphQL、Hasura、CircleCI

・自社SaaSサービス開発（BCP管理） / フロントエンドエンジニア 2022年4月 〜 2022年7月

【事業内容】Webサービス、自社プロダクト 【工程】コーディング、テスト 【経験職種・役割】フロントエンド 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] HTML5、SCSS、JavaScript [ライブラリ・フレームワーク] Vue.js / NuxtJS [ツール] Git、GitHub、Docker GraphQL [プラットフォーム] PC ``` - **プロジェクト詳細** ## プロジェクト概要 新型ウィルスにおける行政機関からの情報発信をメインとしたサービスの開発プロジェクトで、新規SaaSとしてリリースするまでの開発に携わりました。 データベースをGraphQLベース、バックエンドでPythonを採用しており、JSON形式で取得したデータをもとにVueでフロント表示をさせる部分を主に担当しました。 ## チーム構成 - PM - ディレクター - フルスタック - バックエンド - フロントエンド（自分含む） - デザイナー ## 開発・実装内容 【どのような機能の開発・実装か】 GraphQLから取得したデータのフロント実装（CRUD管理など） 【打ち手・使用した技術】 - 言語・CMS - html5、scss、JavaScript - Vue.js / NuxtJS - ツール - Git、GitHub、Docker - GraphQL

・学生向け求人サイト リプレイス / フロントエンドエンジニア 2020年8月 〜 2021年1月

【事業内容】Webサービス、自社プロダクト 【工程】設計、コーディング 【経験職種・役割】フロントエンド 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] HTML5、SCSS、JavaScript、TypeScript [ライブラリ・フレームワーク] React Storybook、React bootstrap [ツール] Github、Figma、Miro [プラットフォーム] PC ``` - **プロジェクト詳細** ## プロジェクト概要 就活サイト学生利用率において5年連続No.1を記録している新卒オファー型就活サービスの運用を担当しました。 レガシーなスキルセットで構築されていたサービスのリプレイスが主な業務で、アトミックデザインの考え方に基づいたStorybookベースのコンポーネントデザインをフロントエンドで構築するなどUI基礎部分を実装しました。 ## チーム構成 - PM - ディレクター - バックエンド - フロントエンド（自分含む） - デザイナー ## 開発・実装内容 【どのような機能の開発・実装か】 Figmaベースで作成されたデザインをStorybookに起こし、フロント画面側のコンポーネントとして構築しました。 もう一人のフロントエンドメンバーと機能で担当を分けていたのですが、定期ミーティング等で意識共有しつつ各パーツの粒度や汎用性をイメージしながら開発しました。 【課題・問題点】 サービスのパフォーマンス強化に伴う旧環境（PHPベース）からのリプレイス 【打ち手・使用した技術】 - 言語・CMS - html5、scss、JavaScript - React、Typescript - Storybook、React bootstrap - ツール - Github、Figma、miro

・業務支援Webアプリ フロントエンド開発 / フロントエンドエンジニア・システムエンジニア 2019年4月 〜 2019年7月

【事業内容】Webサービス、自社プロダクト 【工程】設計、コーディング、テスト 【経験職種・役割】フロントエンド 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] HTML5、SCSS JavaScript / jQuery [ライブラリ・フレームワーク] Vue.js、WordPress、svn three.js [ツール] Git、Docker Photoshop、Adobe XD [プラットフォーム] PC、レスポンシブ ``` - **プロジェクト詳細** ## プロジェクト概要 同時期に複数プロジェクトを担当していたため、下記リストアップいたします。 - 業務支援Webアプリ　フロントエンド開発 - インサイドセールス業務支援AIツールにおいて、PHP＋MySQLでCRUD管理したデータをJSON形式で取得し、フロントで表示させる部分の開発を行いました。 - ゲーミフィケーション支援ツール　webサイト運用 - ゲーミフィケーションをITサービス開発に組み込み、ユーザの夢中度を分析して改善と検証をサポートするツールサイトの運用を行いました。 - 対話型AIサイト運用 - 対話型AIがWeb上でニーズを引き出し、 ヒアリングから提案まで、商談を自動化して営業活動を支援するツールにて開発を担当しました。 - 社外サイト運用、管理システムプロトタイプ制作 ## チーム構成 - PM - ディレクター - バックエンド - フロントエンド（自分含む） - デザイナー ## 開発・実装内容 【どのような機能の開発・実装か】 - 業務支援Webアプリ　フロントエンド開発 - Vueベースでのコンポーネント開発 - ゲーミフィケーション支援ツール　webサイト運用 - コーディング、運用(WordPress) - コーポレートサイト運用 - WordPressベースのサイト運用 - 対話型AIサイト運用 - Google Chrome拡張機能（音声認識）を使ったデジタルサイネージのプロトタイプ制作 - 社外サイト運用、管理システムプロトタイプ制作 - three.jsを使用したグラフ描画プロトタイプ - 自動車事故管理システムサイト運用 - グラフ描画モックアップ制作 【打ち手・使用した技術】 - 言語・CMS - html5、scss - JavaScript / jQuery / three.js - Vue.js、git、Docker - WordPress、svn - ツール - Photoshop、Adobe XD - 実装 - PC、レスポンシブ

・ニュース配信　ECサイト制作 / フロントエンドエンジニア・Webプロデューサー・ディレクター 2015年5月 〜 2016年2月

【事業内容】Webサービス 【工程】要件定義、設計、コーディング、テスト 【経験職種・役割】フロントエンド、エンジニアリングマネージャ 【開発環境（言語/FW/DB/ツール等）】 ``` [言語] HTML、CSS [ライブラリ・フレームワーク] WordPress [ツール] PowerPoint、Subversion [プラットフォーム] ユーザーエージェント判別（PC、スマホ） ``` - **プロジェクト詳細** ## プロジェクト概要 新規サービス開発としてエンドクライアントから要望をいただき、ディレクターとしてアサインしました。 大枠の要件定義は既に構築されていたため、詳細設計〜リリースまでを主に担当しました。 主な業務はPMに同行しての顧客折衝や社内メンバーとの情報共有・進捗管理等ですが、ワイヤーフレーム構築時は自身が全体の構成を担当し、トップページなどコアなコンテンツを徹底的に作り込み、テンプレート化する方法を用いて想定から2割の工数削減を実現した経験があります。 ## チーム構成 - PM - ディレクター（自分） - バックエンド - デザイナー ## 開発・実装内容 【どのような機能の開発・実装か】 - 詳細設計 - ワイヤーフレーム作成 - プロトタイプ開発（フロント） 【打ち手・使用した技術】 - 言語・CMS - html 、css、EC-CUBE - WordPress、bootstrap - 実装 - レスポンシブwebデザイン - ユーザーエージェント判別（PC、スマホ）