Portfolio ポートフォリオ

About

私はフロントエンドが強みのウェブクリエイターです。
あなたのチームが抱える課題を現場に入ってサポート。
継続的に技術面の勉学に努め、チームと共に成長していきます。

Product

楽天生命保険株式会社サイトリニューアル: リニューアルに伴うCSSフレームワークの作成及び制作環境の構築、ガイドラインの作成、レクチャー、外部制作会社との連携を実施。; 関連ページ 20181221リニューアル

株式会社UNIQLO サイトリニューアル: リニューアルに伴うCSSフレームワークをギリシャ人PM指導の下作成。UI設計はAtomic Design、CSS設計はOOCSSを採用。カナダ(スマートフォン版)先行リリース。; 制作ページ

Yahoo! JAPAN 社内位置情報システム: 会社の貸出端末から位置情報を取得し、マップ上に描画するシステムです。初期リリースはコーダー、以降の機能追加はディレクターでアサインしました。; 関連記事プロトタイプ

Yahoo! JAPAN サポーターズクラブ: 静的なコーディング及び、CMS(Movable Type)へのタグの埋め込みに加えて、ドキュメントを作成し、先方への運用面のレクチャーを行いました。; 関連記事制作ページ

株式会社マチスデザイン: 渋谷にある建築会社のコーポレイトサイトのコーディングを担当しました。実績紹介のギャラリー部分は見せ方・実装含め、こちらから提案しました。; 制作ページ

Study

このページのソースコードと制作環境: gulp依存を無くす為に、npm + webpackでの制作環境を構築。css設計にflocssを採用しています。レスポンシブ対応。; github

Union.js jQuery plugin: グラフィックソフトで作成したsvgデータを一度パス単位で分解して、任意のタイミングで合体させるプラグインです。ページ内は広範囲の需要を想定して英表記に。; github 制作ページ

CodePen: 今後の案件で使える・使えない問わず、面白いと思った技術に対する演習をこちらにて行なっております。直近ではcanvasやWebGLを中心に学んでいきます。; CodePen

Cording

エンジニアが関わるシステム要件に定評があります。
広告向けのリッチな演出も得意です。

HTML

レイアウト・文章構造に基いた、セマンティックなコードを提供します。
CSS

プロジェクトに最適なcss設計で構築。
レスポンシブ・sassにも対応します。
Javascript

演出はライブラリ・プラグインに依存し過ぎないのがポリシーです。
CMS

WordPress・MovableTypeのテンプレートを要件に合わせて作成します。
タスクランナー・ビルドツール

gulpやwebpackを使用し、
効率的な作業環境を構築します。
バージョン管理

gitを使用し、git flowをベースに最適なソースコードのやり取りを行います。

Direction

前職ではフロントエンジニアとの兼務で行なっておりました。
コミュニケーションを円滑にし、チーム全体の生産性・品質が向上させます。

コミュニケーション

チーム内外・職種を問わず、コミュニケーション能力を発揮します。
リーダーシップ

率先してチーム・プロジェクトを
成功に導きます。
情報整理

議事録・マニュアルを整備し、
チームの生産性を向上させます。
要件定義

要望と目的のヒアリングの上、提案と判断をしながら要件を明確にします。
ワイヤーフレーム

実現性の高さ・パターンが想定された、ワイヤーフレームを作成します。
進行管理

ガントチャート・カンバンなどを活用の上、最適な稼働状況を実現します。

私のアサインは、
組織の発展に繋がります。

私が提供させて頂く制作環境構築スタイルは、組織・個人の成長を促します。
レガシーな環境を一新し、トレンド技術を導入。段階的にルールを整備し、「この職場で何が出来るか？」を明確に。
グラフは過去に常駐したチームの事例です。3ヶ月ごとの人員数を指標とした組織の発展推移になります。
積み上げた実績の結果、クライアント側より委託側チームの増員要請※を頂けました。

入社時人員数

2人
1年半後の人員数

13人
人員増加倍率

6.5倍