million人が利用する働く人のためのネットワーキングサイトです。introductionコーダーです。JavaScriptを書き、ウェブサイトを作成しています。ウェブディレクターの経験があるため、顧客との折衝に駆り出されることもたまにあります。その場合はテクニカルディレクターと呼ばれます。animation、Canvas2D、SVG、WebGLなどをよく使用します。ウェブアプリケーションの開発に携わることはほとんどありませんが、ウェブサイトのUI開発のためにJavaScriptフレームワーク(vue.js)を利用することもあります。現在はWebGL、GLSL、vue.jsの学習を進めています。ウェブサイトの構築で得たナレッジを元に各種Web系のAPIの習得に励み、従来のウェブブラウザ以外のインターフェースにも対応し得る技術を身につけていきたいと考えています。ディレクタースワンク時代に上司だった方との縁により、コーダーとして入社します。フリーランスとしての活動はこの時点でほぼ終了することになります。中小規模の企業サイトとキャンペーンサイトのコーディングを主に担当しつつ、JavaScriptの学習を続けました。2014年冬頃からCanvas2Dを使ったインタラクティブコーディングに目覚め、CodePen上での活動を開始します。Experimentsへの初掲載を果たしました。2015年までは受託制作と自社サービス「Filmarks」の開発を掛け持ちしましたが、2016年からはあらためて受託制作に専念しています。時を同じくして受託制作専業の事業部であるUIUX事業部の次長に就任し、組織運営や採用活動にも少しだけ関わるようになりました。2017年5月より、受託業務の開発者のみを集めたチーム「インターフェース開発室」を新設し、その室長を務めています。インターフェース開発室では従来のウェブサイトの受託業務を続けながら、ウェブUIの可能性を、WebGLやvue.jsなどを用いて開発者の目線で模索しています。Typeを使用した中小規模の企業サイト構築を主に担当しました。業務委託契約を交わしていたデジパのメンバーとしての業務が主でしたが、個人の屋号での業務も併せて行っていました。高品質なHTMLとCSSのコーディングというものを本格的に習得しはじめたのはこの頃です。HTML5が勃興した2011年頃を契機に、デジパの仕事が減少し個人の業務が増えたためデジパの業務委託契約のメリットが減少しました。過去に類を見ないほどJavaScriptが隆盛しはじめた業界の情勢と自身の業務内容にギャップを覚え、JavaScriptメインのコーディング業務を必要とする制作会社への転職を意識するようになります。ディレクターコーダーに専業できる職場であるという理由で前職から転職しました。入社後わずか三ヶ月の頃に、「社員ではなくフリーランスとして業務委託するように契約を変更する」という会社の方針変更により、フリーランスの活動を開始することになります。2008-08株式会社スワンクアシスタントディレクター、コーダーウェブ業界にはじめて足を踏み入れたのがこの会社です。前職の営業経験と、個人サイトの制作経験を踏まえ、アシスタントディレクターとして起用されました。自動車メーカーをはじめとする企業の公式サイトやキャンペーンサイトのディレクションを主に担当しました。当時はウェブ標準対応がにわかに盛り上がりをみせており、それに準じたHTML/CSSコーディングを独学で習得しました。この頃から、会社の業務としてもコーディングを担当するようになり、専門職としてのコーダーを志すようになります。コーディングの実績が増えて来た頃に会社に対してディレクターからコーダーへの異動を申請しますが、まだコーディングに特化した役職は会社には不要という判断から却下され、そこから転職を意識するようになります。卒業後、新卒で入社しました。高周波機器という専門性の高い製品を取り扱うのには経験も知識も足りず、1年半で依願退職することになります。「商品を売り込むには、自分自身がその商品のことを十分に理解しないといけない」ということを思い知り、当時独学で習得を続けていて商品の知識を深めることができる見込みのあったウェブの世界を目指しはじめました。EX」のWebサイトリニューアルを担当しました。20182018-12https://best2018.filmarks.com/つみきの自社サービス、Filmarksのデータを使用した特設マイクロサイト。サイトのコンセプトをもとにthree.jsを用いてリッチさを演出。CSS、WordPress、Vueなどフロントエンド全般の開発を担当しました。オフィシャルサイト2018-4https://hassyadai.com/学歴や地方格差によって可能性に気付けない若者たちに「東京での食・職・住」を無償で提供することで「選択格差」のない社会の実現を目指すエシカルカンパニー(倫理的企業)。スペシャルサイト2018-1https://www.denso.com/jp/ja/innovation/technology/maas/WebGLの構築を担当しました。オフィシャルサイトリニューアルのフロントエンド開発を担当しました。演出とWordPress構築は過去の実績の流用をしスピーディに対応しつつ、コンバージョンに直接...株式会社プロレドパートナーズ2017-10https://www.prored-p.com/フロントエンドとCMSの開発を担当しました。ページ間の遷移を非同期にすることで演出面だけでなくパフォーマンス面での向上を図っています。ひっぱれ!ポイント畑2017-7http://ecnavi.jp/game/vegetable/既製のFlashゲームを、JavaScriptベースで再開発する業務を担当しました。Vue.jsによる基礎設計を行い、またマルチデバイス対応のためにリキッドレイアウトを採用しています。株式会社CRAZY2017-7https://www.crazy.co.jp/フロントエンドとCMSの開発を担当しました。スクロール演出を、デザインのコンセプトを伺いながら、実装主導で行っています。採用サイト2017-4https://careers.amt-law.com/フロントエンドの開発を担当しました。CMSを介さないページを数十点ほど組む必要があったため、テンプレートエンジンのpugを使用し、デザインにおいてもコンポーネント単位でも設計を行うために初期段階...株式会社ハッシャダイ2016-12https://hassyadai.com/コーディングを担当しました。animationを多用したUI演出、SVGアニメーション、vuejsによるUI構築、three.jsによるパーティクル演出が特徴です。R&C株式会社様のオフィシャルサイトのコーディングを担当しました。レイアウトにはレスポンシブウェブデザインを、CMSにはWordpressをそれぞれ採用しています。ESTIMAのスペシャルコンテンツ。スマホ版の、WebGLやCanvasを用いたインタラクティブ・コンテンツの実装を一部担当しました。(仙台市観光・旅行ガイドサイト)2016-4http://weekend-sendai.com/コーディングを担当しました。Animationを用いた演出を多用しています。システムエンジニア能力診断2016-3https://amg-solution.jp/se_shindan/フロントエンドのコーディングを担当しました。JavaScriptアニメーションにこだ...IMAGO2016-2http://hiroshi-yoshida.noor.jp/imago/アーティスト・吉田博氏の作品サイトの制作全般を担当。three.jsを使用して、3D空間上に作品が浮かぶウェブギャラリーを構築しました。three.js2015-12http://ykob.github.io/sketch-threejs/個人のポートフォリオサイト。three.jsの実験作を随時追加していきます。