前略プロフィール

基本情報

名前 千葉 弘太郎 (Chiba Kotaro)
Twitter @ur_uha
Facebook Kotaro Chiba
Qiita uruha - Qiita
SoundCloud ur_uha
Zenn uruha
Speaker Deck uruha
- 連絡は Twitter または Facebook がレス早いです
- SNSなどであまり技術的なつぶやきはしてません(たまにする)
- なんで「うるは」なのっては秘密です
- この業界に来た理由はこちらから 👉 https://zenn.dev/uruha/articles/a34e500370ec5a96a5f3

職務経歴

2024.02 - 現在: 合同会社DMM.com

  • VPoE室 エンジニア
    • 組織運営その他に付随する業務一貫の対応

2022.03 - STORES 株式会社(旧 ヘイ株式会社)

2021.07 - 株式会社MICIN

  • 新規事業のプロダクト立ち上げに TechLead 及び EngineerManegaer として仕様策定・技術選定から人員計画・採用まで幅広く対応
    • PdM とともにカスタマージャーニーから企画しワイヤーフレームやアプリケーション全体の基礎理論を構築
      • シングルテナントになる想定で考えられていたサービスをマルチテナントでやりきれる形に修正
    • マイルストーンとの関係フロントエンド/バックエンドともにサーバレス(Amplify, AppSync)などを使用し、インフラの構築の工数など大幅に下げた状態でアプリケーション開発に集中
      • 言語も TypeScript に統一することで FE/BE 関係なくコードを読める状態に
    • FE/BE の PR レビュー、開発メンバーの 1on1 なども行い常に開発メンバーが開発しやすい環境を目指した

2018.05 - 合同会社DMM.com

  • 横断部署(CTO室/VPoE室兼任)にて会社全体のフロントエンドにおける評価制度・採用(新卒・中途)・事業支援(設計相談・ソースコードレビューなど)を担当
    • リファレンスアーキテクチャ 策定
    • 新卒・中途採用支援(2021年2月現在 200件以上対応)
    • 評価制度立ち上げ・運用
    • 新卒研修のフロントエンド・Webの基礎知識担当
    • 社内フロントエンドのガイドライン立ち上げ・運用
    • 技術支援
      • アーキテクチャ設計レビュー
      • ソースコードレビュー
    • 事業部を横断したエンジニアのメンタリング/コーチング(1on1)
    • Think ! FrontEnd by DMM 立ち上げ
  • DMMのトップページの開発・保守運用
    • チームメンバー 8名(PO, SM, DEV 6名)のDEVとして参画
  • PUSH通知基盤開発の管理画面及び、通知機能の設計・開発
    • 主としてフロントエンド担当
      • 社内で初めて next.js のプロダクトとして導入
    • 別途 AWS/Golang なども対応
      • ECS/Fargate がオレゴン/バージニアでしか使えない時に使っていました
    • また、スクラム開発のDEV兼SMとしてチーム開発運用にコミット

2015.10 - インターリンク株式会社

  • オウンドメディア・サービス(会員300万規模)の大規模リプレイス・運用
    • 自社CMSの全体設計
    • 管理画面・コンシューマー向けUIのCSS及びコンポーネント設計・実装担当
  • 社内教育(フロントエンド)担当
  • CDN設置作業
  • DevOps 周りの基盤開発導入
    • オンプレミス50台ほどのWebサーバに NewRelic、Elasticsearch の導入及び保守・運用

2014.08 - 株式会社イーエックス・パートナーズ

  • Web制作受託による上流(クライアントヒアリング)からデザイン・開発・運用
    • SEO に関するスマホ対応をするため、100以上のクライアントのWebのスマホ対応などもしました
  • 自社サービスのデザイン・保守・運用

2014.07以前

もともと薬学業界出身のため、製薬企業で生薬・漢方に関する薬事法・安全保障・基礎研究をしていました。
この業界に入ってからも ミナカラメドレー にて医療関係の記事を書いてました。

製薬業界で主に行っていた仕事は以下

  • 薬事申請対応
  • 生薬の品質検査・研究開発

社外活動

OSS

いくつか開発途中にバグを踏んだりして、issue として投げています(解決に進んだものは少ないです)。

登壇

2021

2020年

2019年

2018年

執筆

2018年

仕事に於けるスキル

要約

  • エンジニアリング
    • Webに於けるUI設計からアプリケーション実装まで
      • フロントエンド周りの設計が得意
        • インフラ・ネットワーク周りの設計もできます
        • 2019年以降はアーキテクチャの壁打ちやレビュー(ソースコードも含む)が多いです
      • バックエンドは必要ならば喜んでやります
      • DBの設計は業務上行ったことがまだ無いです
  • デザイン
    • 名刺
    • ステッカー
    • ポスター
  • その他
    • メンタリング/コーチング
      • 直属のメンバーだけではなく事業部を横断したエンジニアの対応の実績が多数あります
    • 採用(面接時のアトラクトなど)
      • 採用においては新卒・中途・SESなどの面接・面談の件数は200件以上2019-2021年の間にこなしています
      • 毛色の違う事業部で内定の実績があり、フェーズに合わせた柔軟な採用をすることが強みと感じています
    • アジャイル・スクラムの進行・管理
    • コミュニティ立ち上げ及び運用

基本目的達成のためなら普段触らない技術も積極的に触っていきます。
DMM では tech vision のインナーブランディングのデザインもやっていました。

言語

詳細はこちら
  • HTML(html4.1, html5)
  • CSS (2.1, 3)
  • AltCSS
    • SASS(ruby sass, node sass)
      • Compass
    • LESS
    • CSS next(postCSS)
  • JavaScript(ES5, ES6-babel, Node.js)
    • TypeScript
  • JavaScript Template Engine
    • EJS
    • Haml
    • Slim
    • Pug
    • Handlebars
  • PHP
  • ShellScript
  • C#
  • Golang
  • Python
  • Regular expression

フレームワーク

詳細はこちら

※ 仕事や個人開発で触ったことのある主要なもののみ列挙しています。

JavaScript

Node.js
  • Koa
  • Express
  • Casper
  • Cheerio-httpcli
  • Puppeteer
Client
  • jQuery
  • Tween
  • Chart.js
  • Konva
UI/Component
  • React
    • next.js
    • gatsby.js
  • Vue
    • nuxt.js
  • Angular
Task Runner/Bundler
  • Gulp
  • Webpack
  • Rollup.js
  • Parcel
  • Fusebox
Utility
  • Underscore
  • RxJS
Testing
  • Jest
  • Mocha
  • Karma
  • Enzyme

PHP

  • Slim
  • Wordpress
    • WordPress はオリジナルテンプレート作成まで可能

Python

  • Flask

C#

  • .NET
    • Framework
    • Core

CSS などの UIライブラリ も経験はありますが、フルスクラッチである程度のUIは構築できるのであくまで工数削減などの手段でしか導入をしていません。
技術的なハックは面白い且つ場面によっては大事ですが、まずどの技術も何故使うのかを重きに置き、特定の言語やライブラリに凝って開発するスタイルではありません。

Webサーバ

  • Apache
  • (Nginx)

別途 DBサーバ(Windowsサーバ)の筐体を作成経験あり。

OS

  • MacOS
  • CentOS (6.9, 7)
    • Webサーバの構築・運用経験
  • Windows

監視

  • Kibana
  • Fluentd
  • Elasticsearch
  • NewRelic

CentOS, Windows サーバに fluentd を設置して kibana, elasticsearch アクセスログ等のロギング基盤構築・運用経験あり。
同様に NewRelic も CentOS, Windows サーバに導入経験あり。
Elasticsearch のメモリのチューニング経験あり。
監視対象の閾値より Slack LINE などにアラートを送る障害フローの簡易設計経験あり。

CDN

  • Akamai Edge
  • IIJ

既存のネットワーク構成にCDNを追加設置する業務。

クラウドインフラ

  • AWS
    • ECS, CF, WAF の運用経験
    • Lambda, S3 の構築・運用経験
    • Claud Watch を使用した監視経験
  • Terraform
    • 運用経験のみ
    • terraform のコードからインフラがある程度何をしているかは読み取れます

UI/デザイン/画像編集ツール

  • Adobe CC
    • Photoshop
    • Illusrator
    • DreamWeaver
    • Adobe DX
  • Figma
  • (Sketch)

自然言語

  • 日本語
    • ネイティブ
  • 英語
    • 基本的な読み書き