About

このサイトについて

MK DevではHTML・CSS・JavaScriptのTipsや問題の解決方法などフロントエンドの情報を配信しています。

実際のプロジェクトで経験したノウハウやハマった時の対策などをアウトプットするサイトしてフロントエンドエンジニアの村上浩司が運営しています。

記事の内容はその時々で興味ある分野に偏りができます😂

サイト情報

  • サイト名:MK Dev
  • URL:https://mk-enginner.com

運営者について

フロントエンドエンジニアの村上浩司です。
Web制作会社3社で8年間経験を積んで2016年4月からフリーのエンジニアとして様々な企業のプロダクト制作に携わらせていただいています。

エンジニアになったきっかけは学生時代にブログに出会いHTMLとCSSを触るようになったことです。
徐々にWebの魅力を感じJavaScriptやWordPressにも手を付けるようになりました。
1日中コードを書いていても楽しさで溢れていたので大学を卒業してすぐにWeb制作会社に就職したのがスタートです。

Webに触れてから

2006
HTMLとCSSに出会う

ブログを触ったことをきっかけに学生時代HTMLとCSSを覚え始めました。

すぐにWebの楽しさに気づきPHPを覚えてWordPressでサイトを立ち上げたりエンジニアとして仕事をしたいと思うようになりました。

2009
フロントエンドエンジニアになる

大学を卒業してWeb制作会社に入りフロントエンドエンジニアとして仕事をスタートしました。

Web制作会社では8年間で3社で働き、Photoshopなどでデザインされたものをコーディングする業務からJavaScriptの実装、サーバーサイドの実装というようにシフトしていきスキルアップしました。

Backbone.jsを覚えたことをきっかけにKnockout.jsやReactive.jsなどにも触れ、Vue.jsやReact.jsでシングルページアプリケーションの開発を中心に興味を持つようになりました。

2016
フリーランスのエンジニアとして独立

2016年4月に独立してフリーのエンジニアになりました。独立して以降はHTML・CSS・JavaScriptの設計と実装を始め、Vue.jsやReact.jsを使ったシングルページアプリケーションの開発を中心にお手伝いさせてもらうことが多くなりました

フロントエンドが得意のフィールドですがRuby on RailsやNode.jsでバックエンドの実装まで担当し運用を含めて開発を進めているプロジェクトもあり日々経験を増やしています。

できること

  • デザインを元にHTML・CSSの設計と実装
  • jQueryを用いたサーバーサイドのテンプレートのJavaScrip実装
  • Vue.jsやReact.jsを用いたシングルページアプリケーション開発
  • webpackやgulpでフロントエンド開発環境の構築
  • storybookを始めとしたコンポーネントのスタイルガイドの構築
  • WordPressでのブログや企業サイト構築
  • Node.jsを用いたサーバーサイド実装
  • Ruby(Ruby on RailsやSinatra)を用いたサーバーサイド実装

開発依頼について

フリーのエンジニアとしてWeb開発のお手伝いをさせていただいています。
ご依頼を始め相談などContactよりお気軽にご連絡ください。

現在お引き受けしていないこと

  • PhotoshopやSketchでのデザイン作成
  • 企業へ常駐しての開発
  • リモートで参加できないプロジェクト
  • サーバーサイドのみの開発
  • デザインからHTML/CSSのみのコーディング
  • WordPressなどのCMSの組み込みと実装

単価

人日単価5万円からご依頼をお引き受けしております。
稼働する工数は0.5人月や0.7人月のような1人月に満たない工数も可能ですのでよろしければご相談ください。

原則として末締め翌月末払いよりも支払いのスパンが長くなるご依頼はお引き受けしておりませんのでご了承ください。

開発事例

フリーになってから半年以上お手伝いさせていただいた、もしくは現在も進行中プロジェクト中心にいくつか紹介します。

ECサイト
担当範囲
フロントエンド、サーバーサイド
規模
大規模案件のため人数不明、フロントエンドエンジニア4名

バックエンドチームが実装したAPIを利用してExpressでVue.jsを使いSSRしてUIを構築しました。webpackのビルド関係の環境の構築やstorybookでコンポーネントガイドの作成など運用面で必要な部分を多く担当したプロジェクトです。

CMS
担当範囲
フロントエンド、サーバーサイド
規模
ディレクター1名、デザイナー1名、エンジニア1名(他アプリエンジニア2名)

フロントエンドをVue.js + TypeScript、サーバーサイドをRuby on RailsでAPIまで一人で実装しました。Web上のCMSで登録されたコンテンツをAPIとして配信しモバイルアプリから使えるようにしたり運用まで含め多岐に渡る範囲を担当しました。

ECサイト
担当範囲
フロントエンド
規模
ディレクター2名、デザイナー1名、エンジニア2名

サイトリニューアルに伴いHTML/CSSの設計と実装を担当しました。運用ではサーバーサイドエンジニアもHTML/CSSを変更するということで、BEMをベースにECSSのコンテキストを合わせて過度な抽象化を避けメンテナンス性に重きを置いた実装をしました。

EC + コミュニティサイト
担当範囲
フロントエンド、サーバーサイド
規模
ディレクター1名、デザイナー1名、エンジニア3名

フロントエンドをNuxt.js、サーバーサイドをRuby on RailsでAPIを実装するチームで開発しました。メンバー全員がフロントとサーバーを実装するプロジェクトだったためスピード感よく進めました。その中でもCSSに強いエンジニアが他にいなかったため主にUI構築を担当しました。

紹介したプロジェクトの他にもVue.js(Nuxt.js)を使う案件は特に数多く参加しています。
ほかReactやTypeScriptを使う案件は力を入れていますのでマッチするようなプロジェクトありましたらお声がけいただければと思います。

お問い合わせはこちら

開発依頼

VueやReactを用いたSPAアプリケーションの開発を中心にフロントエンド開発のプロジェクトをお手伝いさせていただいております。
開発事例の詳細などはAboutの開発事例をご覧ください。

Contactよりお気軽に必要事項をご入力の上ご連絡ください。