Written by TSUYOSHI

技術スキル

プロフィール

フロントエンドエンジニアとして、JavaScriptによるSPA開発を得意としています。Nuxt, Vue, React をメインにチームでの開発実績があります。
また、ひとりでWordPressにてサイト制作の実績は多数あり、こちらも得意としております。

実務経験

  • WordPress:
    新規制作24サイト、機能追加・メンテナンスなど300サイト以上
  • JavaScriptの現場での実務期間: ※2020年3月時点
    – Nuxt: 6ヶ月
    – TypeScript: 6ヶ月
    – Vue.js: 11ヶ月
    – React: 1年8ヶ月
    – ES2015: 1年8ヶ月
    – jQuery: 3年1ヶ月
  • マークアップ:
    HTML / CSS / SASS / PHP など多数経験あり

得意分野・実績概要

  • JavaScriptによるSPA(Nuxt, Vue, React等)サイト制作
  • WordPressでのサイト制作 (PHP,MySQL,jQuery,HTML,CSS等)
  • JavaScriptによる動作(DOM操作・Ajax等)の対応・CSSアニメーション対応
  • 各種サーバの設定(VPS, レンタルサーバ) ※500社の大規模なサーバ移転経験あり
  • Slack, GitHub, RedMineなどのツールを使ったリモートでのチーム開発(いろいろなパターンでの経験あり)
  • PhotoShopでの簡単なデザイン対応
  • WebPack・Gulpの設定, TypeScript・CoffeeScriptなどAltJSでの対応
  • ウェブ広告施策・SEO・GoogleAnalyticsを駆使したマーケティング ※ベンチャーでのマーケティング経験多数あり

 

制作実績・対応実績

Reactフロントエンド業務
– アドネットワーク広告システムの開発 【チーム開発】

  • 期間 2020-10 〜 2020-02
  • 業務内容
    ・広告配信システム管理画面のリニューアル開発
    ・配信する広告クリエイティブJSをフルスクラッチで新規実装
    (2019/11-2020/2) ※4ヶ月
    React / Redux / ReduxForm / ReactRouter / Material-UI / Cognito / JavaScript / lodash / SCSS
    ※React(Redux/ReduxForm/Material-UI)で管理画面をメンバー3人で構築
    ※Ajax通信(axios)、ReactRouterの対応
    ※配信する広告の動きをJavaScript(ES2015/Babel/webpack)で1人でフルスクラッチ実装
    ・トランジションエクスペリエンス(スライド)・エキスパンド・オーバーレイ動作などクロスブラウザ対応(Chrom/FF/IE/iPhone/Android向け)、広告計測ログ送信対応
    ・配信の開発は軽量であらゆる環境下で正常に動作させるよう細かい調整を対応
  • 担当職種 外部設計 / 内部設計 / コーディング / テスト
  • 使用言語・OS等 React / Redux / ReduxForm / Material-UI / JavaScript / lodash / SCSS / GitHub
  • チーム人数 20名人
  • 契約・雇用形態 フリー・個人事業主

Vueフロントエンド業務
– 広告システムの開発【チーム開発】

  • 期間 2010-10 〜 2020-02
  • 業務内容
    ・レコメンドシステム管理画面の追加機能開発 (2019/10-2020/2) ※5ヶ月
    Vue / Ruby / Ruby on Rails / CoffeeScript / jQuery / lodash / Pug / haml / erb / SCSS(FLOCSS)
    ※主にVueで追加機能の実装(フロントエンド全般を1人で対応)
    ※Railsでの簡単な機能追加、ModeAnalyticsとの連携なども対応
  • 担当職種 外部設計 / 内部設計 / コーディング / テスト
  • 使用言語・OS等 Vue.js / JavaScript / Ruby / Ruby on Rails / CoffeeScript / jQuery / lodash / PUG / haml / erb / SCSS(FLOCSS) / GitHub
  • チーム人数 10名人
  • 契約・雇用形態 フリー・個人事業主

Nuxtフロントエンド業務
– 大手求人サイトの開発【チーム開発】

  • 期間 2019-06 〜 2019-08
  • 業務内容
    ・大手求人サイト リニューアル開発(2019/6~2019/8)※3ヶ月
    Nuxt / TypeScript / Vue.js / Vuex / ES2015 / lodash / Pug / SCSS
    ※フロントエンド10人体制
    ※新規開発でNuxt全般の実装、SSR/CSRを意識した開発、マークアップなど全般を対応
    ※Ajax通信(axios、async/await)、Component、ルーティング、YOLP(YahooMap)対応
  • 担当職種 外部設計 / 内部設計 / コーディング / テスト
  • 使用言語・OS等 JavaScript / Nuxt / Vue.js / PUG / GitHub
  • チーム人数 20名人
  • 契約・雇用形態 フリー・個人事業主

Nuxtフロントエンド業務
– 大手レストラン宅配ECサイトの開発【チーム開発】

  • 期間 2019-02 〜 2019-05
  • 業務内容
    ・大手飲食店向け 宅配ECサイトのリニューアル開発(2019/2~2019/5)※4か月
    Nuxt / TypeScript / Vue.js / Vuex / ES2015 / Pug / RSCSS
    ※フロントエンド5人体制
    ※新規開発でNuxt全般の実装、SSR/CSRを意識した開発、マークアップなど全般を対応
    ※Ajax通信(axios、async/await)、Component、Plugin、VeeValidate対応
  • 担当職種 内部設計 / コーディング / テスト
  • 使用言語・OS等 JavaScript / Nuxt / Vue.js / RSCSS / PUG / GitHub
  • チーム人数 30名人
  • 契約・雇用形態 フリー・個人事業主

JavaScript/React フロントエンド業務
– 大手不動産サイトの開発【チーム開発】

  • 期間 2018-06〜 2019-08
  • 業務内容
    ・大手不動産サイト 運用・機能追加開発(2018/6~2019/8)※15か月
    JavaScript(ES2015) / React / jQuery / SugerSS / volt(PHP) / FuseBox
     ※JavaScript(React, jQuery対応含む)での開発を主に1人で対応。
    ※Ajax通信(SuperAgent)やJS全般の機能実装を対応。
    ※IntersectionObserverなど新しめの機能実装も積極的に対応。
    ※volt(PHP)による対応、マークアップ等も対応。
    ※新人メンバーのレビュー対応
    ※Reactでお問い合わせフォーム・モーダルでの画面遷移対応
    ※Sticky、タブ、アコーディオン、スライダー、画像・インスタンスの遅延ロード、フォーム操作など基本的なJS全般対応
    ※Tweenでのアニメーション、EventEmiter、GoogleMap対応
  • 担当職種 要件定義 / 外部設計 / 内部設計 / コーディング / テスト / 保守・運用
  • 使用言語・OS等 JavaScript / React / jQuery / PHP(volt) / HTML5 / CSS3 / SugerSS / BEM / PUG(一部) / GitLab
  • チーム人数 20名人
  • 契約・雇用形態 フリー・個人事業主

WordPress制作
– 新規制作24サイト & 機能追加などメンテナンス300サイト以上

  • 期間 2017-08 〜 2018-04
  • 業務内容
    ・WordPress構築
    ・HTMLコーディング
    ・JavaScript(jQuery)
    ・ドメイン・サーバの構築・移管
    ※WordPressのマークアップや構築を1人で担当。
    ※10ページ以下のサイトは2〜3日での制作
  • 担当職種 コーディング (一部デザインも担当あり)
  • 使用言語・OS等 WordPress / HTML5 / CSS3 / Sass / JavaScript / jQuery / PHP
  • チーム人数 ディレクター1名・デザイナー1名・マークアップ1名
  • 契約・雇用形態 制作会社の正社員

500社のサーバの移管作業 【サーバ業務】

  • 期間 2017-08 〜 2017-10
  • 業務内容
    制作会社のクライアント500社についてサーバ移転、DNS切替
    ≪スキル≫
    Plesk操作、DNS切替操作、Linux操作
    ≪コメント≫
    ・自社の約500社クライアントを、GMOの仮想サーバから、専用サーバへ載せ替え。
    ※顧客への連絡、サポート対応を実施。
    ・Fail2Banというツールを導入し、ブルートフォースアタック対策などをを提案&実施。
    ・必要に応じて、既存サイトについて、Let’sEncriptによるSSL化を提案&実施。
  • 担当職種 サーバ移管
  • 使用言語・OS等 Plesk / Linux
  • チーム人数 1名
  • 契約・雇用形態 制作会社の正社員

大手企業のホームページ フロントエンド業務

  • 期間 2017-01 〜 2017-07
  • 業務内容
    ・HTML/CSS/JavaScript(jQuery) /PHP でのマークアップ
    ・複数の大手サイトの改修作業、リニューアルの新規作成をチームで対応
  • 担当職種 コーディング
  • 使用言語・OS等 HTML5 / CSS3 / BEM / JavaScript / jQuery / PHP / PhotoShop
  • チーム人数 4〜6名
  • 契約・雇用形態 制作会社の正社員