About

About Me

MihokoSuzuki
  • Tsumuri / MihokoSuzuki
  • Design Engineer
  • x
  • Web Developer, 2017-2025
  • HR Sales, 2015-2017
  • Univercity of Tsukuba, 2011-2015

筑波大学人文学類を卒業後、大手人材会社にて外勤営業を経験。
2017年よりセブ島IT留学(※1)で実践を交えてプログラミング・Webデザインを学び、
卒業後はフリーランスのWebエンジニアとしてキャリアをスタート。
2022年よりTsumuriの屋号で活動しています。

Webサイト制作をはじめ、ToB向けSaaS・ToC向けWebアプリ開発など多くの案件に参画してきました。
マークアップコーディングからフロント・バックエンド実装まで幅広く対応しています。
現在は開発チームのユーザー視点と効率性がより良いプロダクトに繋がると考え、UXUIの知見を深め(※2)、デザインエンジニアとしてUIデザイン・フロント実装を強化しています。

趣味はBリーグ観戦・インコ・星占い・健康オタク。0歳の女の子がいます*


※1 2017年4月〜9月 アクトハウス就学

※2 2024年1月〜6月 東京デザインプレックス研究所UXUI専攻就学

2024年 UX検定基礎検定取得

Skill

  • Vue
  • Nuxt
  • React
  • Next
  • Javascript
  • Typescript
  • jQuery
  • Ruby on Rails
  • Nestjs
  • GraphQL
  • Prisma
  • Flutter
  • docker
  • microCMS
  • pug
  • Sass
  • gulp
  • wordpress
  • AWS
  • Firebase
  • figma
  • XD
  • illustrator
  • photoshop

History

  • 2017 / 2018

    Webサイト企画・設計コーディング
    HTMLCSSpugSassgulpwordpressjQueryillustratorphotoshop

    IT留学を卒業後、コーポレートサイトやサービスサイト、LPなどのマークアップコーディングを中心に複数の案件を担当。必要に応じて制作の企画から実装までを一貫して対応しました。
    コーディングではデザインの再現度を細かく意識したほか、
    スピード感と安定性を重視してgulpを使用してPugやSassでの実装を行いました。

  • 2019

    機能実装:JavaScript / Vueコーディング
    HTMLCSSpugSassgulpwordpressJavascriptjQueryvue.js

    引き続きWebサイトのマークアップコーディングのほか、JavaScriptやjQuery、Vue2を使用した機能的サイトの実装も担当。
    フレームワークを使用しないJavaScriptやjQueryでの開発を経験したことで、よりフロントエンド実装への理解を深めました。
    また、CSSではFLOCSSなどの設計思想を用いてチーム開発の円滑化とコードの保守性を図りました。

  • 2020

    UIデザインVue・Nuxt開発コーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsJavascriptjQueryAWSxd

    toC向けWebアプリ、営業管理システムなどのアプリケーション開発に従事。デザインやマークアップの経験から、フロントエンドの実装と併せてUIデザインを担当。
    要件定義をもとにXDで一度UIを起こすことでメンバー間の共通認識の土台を作成し、実装ではNuxtを使用したフレームワーク開発を経験しました。

  • 2021

    Vue・Nuxt開発React開発SaaSUIデザインコーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsReacttypescriptfirebasexd

    SaaS開発に従事し、Vue・Reactでのフロントエンド実装を担当。主にUI改善を目的として、デザインエンジニアとしてUIの検討から実装まで一貫して対応。マークアップの知見を活かして希望とするデザインと、実際に使用しているUIフレームワークの不整合を解消することを意識しました。
    また並行してtoC向けWebアプリの開発でもマークアップの経験を活かし、CSSまわりのデザイン実装を担当。
    開発ではWebComponentsでの実装も経験しています。

  • 2022

    Vue・Nuxt開発React・Next開発SaaSUIデザインバックエンドコーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsReactNext.jstypescriptfirebasexdfigmaRailsMicrocms

    toC向けWebアプリではフロントエンドとあわせてRailsでのバックエンド実装も担当。フロントとAPIの両方を考慮した設計思考を高めていきました。
    並行してNext.jsとMicroCMSを使用したJamstack開発にも従事したほか、UIデザインではfigmaの知見も広げていくなど、新しい技術やツールに積極的に触れていきました。

  • 2023

    Vue・Nuxt開発React・Next開発バックエンドコーディング
    vue.jsnuxt.jsReactNext.jstypescriptRailsNest.jsGraphQl

    徐々にマークアップからアプリケーションを中心とした開発に移行。
    フロントエンドではNuxt2→Nuxt3へのアプリケーション全体の移行を担当。Vue3変更によるSSRやUIフレームワークの破壊的変更を1つ1つ考慮しながら、移行の土台を作成していきました。
    並行してReactでのフロントエンド開発にも従事。こちらではTailwind CSSでのユティリティファーストのスタイル思想の中でデザインの再現性を高めることと、コードの保守性を保つことを意識しました。
    また、バックエンドの技術力強化のため個人的にNode.jsやGraphQLの知見を深めています。

  • 2024

    Vue・Nuxt開発React・Next開発Flutter開発Nest.js開発SaaSUIデザインバックエンド
    vue.jsnuxt.jsReactNext.jstypescriptRailsfigmaflutterNest.jsPrisma

    改めてプロダクトデザインの知見を深めるため、デザイン学校でUXUIデザインやユーザーテストについて学び、デザインエンジニアとしてUI設計から実装までのスピード感を高めていきました。
    また、webviewを使用したFlutterでのモバイルアプリ開発にも挑戦。モバイル開発は未経験でしたが学びと実践を繰り返して進めていきました。
    並行して、Nestjsやprismaを使用したバックエンド開発にも従事。フロントからバックエンドまでをTypeScriptで一貫した実装を経験することができました。

Philosophy

1. Emotion

サービスやプロダクトへの共感を大切にしています。

2. Team

開発の上で、チームの円滑なコミュニケーションが最も大切だと考えています。

3. Schedule

スケジュール感を常に意識しています。

4. Program

技術的負債を最小限に、将来を意識した開発を心がけています。

5. UIUX

最小工数で、ユーザーさんにとっても開発にとっても最適なアプリケーションにするために
デザインという共通言語を構築していくことが重要だと考えています。

6. Knowledge

日々、新たな学びを趣味としています。

About

About Me

MihokoSuzuki
  • Tsumuri / MihokoSuzuki
  • Design Engineer
  • x
  • Web Developer, 2017-2025
  • HR Sales, 2015-2017
  • Univercity of Tsukuba, 2011-2015

筑波大学人文学類を卒業後、大手人材会社にて外勤営業を経験。
2017年よりセブ島IT留学(※1)で実践を交えてプログラミング・Webデザインを学び、
卒業後はフリーランスのWebエンジニアとしてキャリアをスタート。
2022年よりTsumuriの屋号で活動しています。

Webサイト制作をはじめ、ToB向けSaaS・ToC向けWebアプリ開発など多くの案件に参画してきました。
マークアップコーディングからフロント・バックエンド実装まで幅広く対応しています。
現在は開発チームのユーザー視点と効率性がより良いプロダクトに繋がると考え、UXUIの知見を深め(※2)、デザインエンジニアとしてUIデザイン・フロント実装を強化しています。

趣味はBリーグ観戦・インコ・星占い・健康オタク。0歳の女の子がいます*


※1 2017年4月〜9月 アクトハウス就学

※2 2024年1月〜6月 東京デザインプレックス研究所UXUI専攻就学

2024年 UX検定基礎検定取得

Skill

  • Vue
  • Nuxt
  • React
  • Next
  • Javascript
  • Typescript
  • jQuery
  • Ruby on Rails
  • Nestjs
  • GraphQL
  • Prisma
  • Flutter
  • docker
  • microCMS
  • pug
  • Sass
  • gulp
  • wordpress
  • AWS
  • Firebase
  • figma
  • XD
  • illustrator
  • photoshop

History

  • 2017 / 2018

    Webサイト企画・設計コーディング
    HTMLCSSpugSassgulpwordpressjQueryillustratorphotoshop

    IT留学を卒業後、コーポレートサイトやサービスサイト、LPなどのマークアップコーディングを中心に複数の案件を担当。必要に応じて制作の企画から実装までを一貫して対応しました。
    コーディングではデザインの再現度を細かく意識したほか、
    スピード感と安定性を重視してgulpを使用してPugやSassでの実装を行いました。

  • 2019

    機能実装:JavaScript / Vueコーディング
    HTMLCSSpugSassgulpwordpressJavascriptjQueryvue.js

    引き続きWebサイトのマークアップコーディングのほか、JavaScriptやjQuery、Vue2を使用した機能的サイトの実装も担当。
    フレームワークを使用しないJavaScriptやjQueryでの開発を経験したことで、よりフロントエンド実装への理解を深めました。
    また、CSSではFLOCSSなどの設計思想を用いてチーム開発の円滑化とコードの保守性を図りました。

  • 2020

    UIデザインVue・Nuxt開発コーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsJavascriptjQueryAWSxd

    toC向けWebアプリ、営業管理システムなどのアプリケーション開発に従事。デザインやマークアップの経験から、フロントエンドの実装と併せてUIデザインを担当。
    要件定義をもとにXDで一度UIを起こすことでメンバー間の共通認識の土台を作成し、実装ではNuxtを使用したフレームワーク開発を経験しました。

  • 2021

    Vue・Nuxt開発React開発SaaSUIデザインコーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsReacttypescriptfirebasexd

    SaaS開発に従事し、Vue・Reactでのフロントエンド実装を担当。主にUI改善を目的として、デザインエンジニアとしてUIの検討から実装まで一貫して対応。マークアップの知見を活かして希望とするデザインと、実際に使用しているUIフレームワークの不整合を解消することを意識しました。
    また並行してtoC向けWebアプリの開発でもマークアップの経験を活かし、CSSまわりのデザイン実装を担当。
    開発ではWebComponentsでの実装も経験しています。

  • 2022

    Vue・Nuxt開発React・Next開発SaaSUIデザインバックエンドコーディング
    HTMLCSSpugSassgulpwordpressvue.jsnuxt.jsReactNext.jstypescriptfirebasexdfigmaRailsMicrocms

    toC向けWebアプリではフロントエンドとあわせてRailsでのバックエンド実装も担当。フロントとAPIの両方を考慮した設計思考を高めていきました。
    並行してNext.jsとMicroCMSを使用したJamstack開発にも従事したほか、UIデザインではfigmaの知見も広げていくなど、新しい技術やツールに積極的に触れていきました。

  • 2023

    Vue・Nuxt開発React・Next開発バックエンドコーディング
    vue.jsnuxt.jsReactNext.jstypescriptRailsNest.jsGraphQl

    徐々にマークアップからアプリケーションを中心とした開発に移行。
    フロントエンドではNuxt2→Nuxt3へのアプリケーション全体の移行を担当。Vue3変更によるSSRやUIフレームワークの破壊的変更を1つ1つ考慮しながら、移行の土台を作成していきました。
    並行してReactでのフロントエンド開発にも従事。こちらではTailwind CSSでのユティリティファーストのスタイル思想の中でデザインの再現性を高めることと、コードの保守性を保つことを意識しました。
    また、バックエンドの技術力強化のため個人的にNode.jsやGraphQLの知見を深めています。

  • 2024

    Vue・Nuxt開発React・Next開発Flutter開発Nest.js開発SaaSUIデザインバックエンド
    vue.jsnuxt.jsReactNext.jstypescriptRailsfigmaflutterNest.jsPrisma

    改めてプロダクトデザインの知見を深めるため、デザイン学校でUXUIデザインやユーザーテストについて学び、デザインエンジニアとしてUI設計から実装までのスピード感を高めていきました。
    また、webviewを使用したFlutterでのモバイルアプリ開発にも挑戦。モバイル開発は未経験でしたが学びと実践を繰り返して進めていきました。
    並行して、Nestjsやprismaを使用したバックエンド開発にも従事。フロントからバックエンドまでをTypeScriptで一貫した実装を経験することができました。

Philosophy

1. Emotion

サービスやプロダクトへの共感を大切にしています。

2. Team

開発の上で、チームの円滑なコミュニケーションが最も大切だと考えています。

3. Schedule

スケジュール感を常に意識しています。

4. Program

技術的負債を最小限に、将来を意識した開発を心がけています。

5. UIUX

最小工数で、ユーザーさんにとっても開発にとっても最適なアプリケーションにするために
デザインという共通言語を構築していくことが重要だと考えています。

6. Knowledge

日々、新たな学びを趣味としています。