Profile

Name:
Akiya Yamamoto
Born:
1991/10/06
Birthplace:
Japan Osaka
Live in:
Hamamatsu
Family:
wife, daughter, cat
Belong to:
CYBRiDGE GROUP CORPORATION.
Skill:
HTML, CSS, Javascript, THREE.js, babylon.js, GLSL, Vue.js, Nuxt.js, PHP, Python, java, MySQL, Linux, Xd, Photoshop, Illustrator, After Effects, Touch Designer
Pastime:
create a song, making sweets, drawing, taking care of houseplants, tarot reading, Old 8-bit Computer(BASIC), Arduino, Raspberry Pi, electronics, Cat
人となり:
素直、温厚、優しい、冷静、マイペース、積極的、忍耐力、実行力、自律、理論的、好奇心、向上心、個性的、負けず嫌い、義理、バランス感覚
抱負や意気込み:
これまでの経験を通じて、様々なサービスやウェブコンテンツの制作に携わり、多種多様なクライアントの文化や風土を感じながら仕事をしてきました。その中で、特にWebGL技術を活用したインタラクティブコンテンツの制作に力を入れており、この分野での専門知識を深めてきました。
次のステージとして、ウェブアプリケーションサービスの開発やデザインに取り組むことを目指しています。UI・UXデザイナーとして、インタラクティブデザインの経験を活かし、デザインとエンジニアリングの融合を図ることで、より優れたユーザー体験を提供することができます。
デザインと技術の橋渡し役として、御社のプロジェクトに貢献し、より高度なウェブ体験を実現するために全力を尽くしたいと考えています。ご一緒に新しい価値を創造できることを楽しみにしています。

Works

Webサイト
美的バーチャルベスコスツアー

In DESIGN, UI・UX, SMARTPHONE, WebGL, WEB SITE開発期間:2021年06月 〜 2021年12月
〜『美的』バーチャルイベント第二弾〜「美的ベストコスメ2021 バーチャルツアー」開催

私は主にWebGL、デザイン、UIを担当しており、ユーザーがバーチャル空間を自由に回遊しながらコンテンツに触れることができるインタラクティブな体験を提供しています。特に、SNSツリー機能では、特定のハッシュタグの最新投稿を3D空間上にツリーのエレメントとして表示させる技術を開発しました。
このプロジェクトでは、多くのユーザーがSNSに投稿し、一時的にトレンド入りを果たすという大きな成功を収めました。この経験を通じて、ユーザーエンゲージメントを高めるデザインと技術の重要性を学びました。
御社のプロジェクトにも、このような先進的な技術とデザインを取り入れることで、より魅力的なユーザー体験を提供し、注目を集めることができると確信しています。新しい挑戦を一緒に乗り越え、さらなる成功を共に実現できることを楽しみにしています。

AR
CanCam REAL SNAP

In DESIGN, UI・UX, Machine Learning, html, CSS開発期間:2022年08月 〜 2022年09月中条あやみ、アバターも異次元のかわいさ…。メタバース空間「S-PACE」で本日より公開!

私はコーディングとデザインを担当し、中条あやみさんとのスナップショットを撮影し、SNSでシェアできるWebアプリケーションを開発しました。このプロジェクトでは、顔エフェクト(顔追随)を導入するために、JavaScriptを用いて機械学習データを読み込み、ブラウザのカメラを許可することでカメラ画面にエフェクトをかける仕組みを実現しました。
このWebアプリケーションには、顔エフェクト効果のオンオフ、中条あやみさんのポーズ変更、取り直し機能、最大5枚までの画像保存機能など、プリクラの機能をウェブ上で模倣し、多くのユーザーに楽しんでいただきました。
この経験を通じて、インタラクティブなユーザー体験を提供するための技術とデザインのスキルをさらに向上させました。御社のプロジェクトでも、ユーザーを引き込む魅力的なアプリケーションを提供するために、私のスキルと経験を活かして貢献できると確信しています。新しい挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

インタラクティブコンテンツ
ゼミする東経大 回遊式ゼミナール

In DESIGN, UI・UX, interactive, Python, Social開発期間:2020年06月 〜 2020年9月
ゼミする東経大(回遊式ゼミナール)ゼミする東経大WordCloudサンプルプログラム(google colab)

ワードクラウド生成のためのPythonコード・デザイン・画像処理・イベント進行の技術的サポートを担当しました。回遊式ゼミナール期間中、SpatialChat内でスタッフとして監視を行い、Speech to Textで取得されたテキストデータをリアルタイムでワードクラウドに生成し、デザインに落とし込みました。生成されたデザインは教授や生徒にSlackで配布され、印刷されて生徒に配られました。

コロナ禍の中で、リモート環境下でも現実を拡張し、インタラクティブなコミュニケーションをどこまで実現できるかを追求し、新鮮なアウトプットを提案しました。その結果、先生だけでなく生徒同士の会話も活発になり、教授との討論について情報共有が行われ、新しいオンライン授業の形を実現しました。

このプロジェクトを通じて、リモート環境での技術とデザインの融合により、より豊かな教育体験を提供することができました。御社のプロジェクトでも、インタラクティブで魅力的な体験を提供し、新たな価値を創造するために貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を実現することを楽しみにしています。

WebGL
東京経済大学創立120周年記念展示

In DESIGN, UI・UX, WebGL, Touch Designer開発期間:2020年06月 〜 2020年11月
東京経済大学創立120周年記念展示「東京経済大学120年と創立者大倉喜八郎」東京経済大学創立120周年記念展示「東京経済大学120年と創立者大倉喜八郎」(国分寺キャンパス会場)開催120周年記念WebGLコンテンツサンプルページuser: achiyochi Pass: 1006

私は主にウェブコンテンツの開発を担当し、教授や喜八郎さんの発言内容を単語解析してリアルタイムで視覚的に表示する3Dコンテンツを開発しました。また、大倉集古館に実際に赴き、舞台設置やネットワーク設定などの技術的なサポートも行いました。

「考え抜く実学」「デジタル喜八郎」「着せ替えAR」などのプロジェクトでは、技術的なナレッジ共有やテストサポートを実施し、スムーズな運用を支援しました。

この経験を通じて、リアルタイム解析や3Dビジュアライゼーション、現場での技術サポートのスキルを培いました。御社のプロジェクトでも、これらのスキルを活かして革新的で魅力的なウェブコンテンツを提供し、プロジェクトの成功に貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

AR
TKU AR NAVI

In DESIGN, UI・UX, aframe, html, CSS開発期間:2021年03月 〜 2021年04月TKU AR NAVIスマートフォンのみの閲覧となります。

コーディングとデザインのサポートを担当し、A-Frameライブラリを利用してGPS対応のARマップを制作しました。このマップは、大学のキャンパス内で学部の場所、図書館、食堂などをAR空間で表示し、新入生が迷わないようにナビゲーションを提供します。

開発に際しては、正確な緯度経度を測定するために実際にキャンパス内で測量を行い、動作確認を実施しました。また、キャンパス内に存在しないオブジェクトとして、モデリングされた喜八郎の像を正門付近に配置し、ユーザーが楽しめる要素を加えました。

このプロジェクトを通じて、AR技術を用いたナビゲーションシステムの設計と実装に関するスキルを深めました。御社のプロジェクトでも、革新的なARコンテンツを提供し、ユーザー体験を向上させるために貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を実現することを楽しみにしています。

Webサイト
株式会社マーキュリー

In WEBSITE, DESIGN, javascript, WebGL開発期間:2021年01月 〜 2021年03月
https://mcury.jp/

ファーストビューのWebGLアニメーションを担当し、モーフィングを利用してパーティクル(頂点)がさまざまな形に変形するコンテンツを制作しました。このアニメーションでは、ビッグデータ・テクノロジーを「最小のデータの集合」と「秩序」というイメージで表現しました。

このプロジェクトを通じて、WebGL技術を駆使し、ビジュアルインパクトのあるアニメーションを設計・実装するスキルを磨きました。御社のプロジェクトでも、このような高度な技術を用いて魅力的なコンテンツを提供し、ユーザーの興味を引きつけることができると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

Webサイト
ナブテスコ株式会社 風力発電機用CMFS機器事業

In WEBSITE, DESIGN, javascript, WebGL開発期間:2023年03月 〜 2023年06月
製品紹介 - ナブテスコ株式会社 風力発電機用CMFS機器事業

WebGLアニメーションとデザインを担当し、風力発電機の風車の挙動シミュレーションをウェブ上で実現しました。洋上バージョンも開発し、リアルな海面の表現を希望されましたが、ユーザーの平均PCスペックを考慮してワイヤーフレーム表示でのイメージシミュレーションを提供しました。

このプロジェクトを通じて、ユーザーの環境に適応した高度なシミュレーションを実装するスキルを培いました。御社のプロジェクトでも、技術とデザインのバランスを考慮し、効果的なシミュレーションを提供することで貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

Webアプリ
Model Builder

In DESIGN, javascript, WebGL開発期間:2022年01月 〜 2022年04月
Model Builder「Model Builder」ベータ版をWebサービスとして正式リリース

WebGLとデザインを担当し、three.jsを用いて開発を行いました。このプロジェクトでは、3Dから正確な測量ができるアプリの開発において、UI面の改善や実測値の取得方法に関する課題を解決しました。

開発動画はベータ版ですが、基準となる測量値を入力すると、それに応じた実測値が表示される機能を実装しました。主にレイマーチング技術を使用しており、高精度な測量シミュレーションを実現しました。

この成果により、Cellid株式会社は資金調達を達成しました。このプロジェクトを通じて、先進的な技術とデザインの融合により、ビジネスの成長をサポートするスキルを培いました。御社のプロジェクトでも、革新的なソリューションを提供し、ビジネスの成功に貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を実現することを楽しみにしています。

Webサイト
株式会社インテリジェント ウェイブ

In DESIGN, javascript, GLSL開発期間:2021年04月 〜 2021年07月
株式会社インテリジェント ウェイブ

GLSLとデザインを担当し、背景画像の遷移アニメーションと波のアニメーションを制作しました。GLSLを用いて、ロゴの波のようなフォルムに合わせて画像がスムーズに遷移するアニメーションを実現しました。さらに、波のアニメーションはp5.jsを使用して制作しました。

このプロジェクトでは、複雑なビジュアルエフェクトを効果的に活用し、デザインに動的な要素を加えることで、より魅力的なユーザー体験を提供しました。御社のプロジェクトでも、先進的な技術を活用して視覚的に優れたコンテンツを提供し、プロジェクトの成功に貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

Webサイト
相模コンベヤー工業/アルミフレームベルトコンベヤー

In DESIGN, javascript, WebGL, wordpress開発期間:2020年12月 〜 2021年07月
相模コンベヤー工業アルミフレームベルトコンベヤーベルトエンドレス

サイト全体の制作を担当し、ファーストビューにマウス操作で波が動くインタラクティブなアニメーションを実装しました。特設サイトでは、アルミフレームコンベヤの動作をblenderを使用して物理演算でシミュレーションし、そのアニメーションをサイトに統合しました。

このプロジェクトでは、革新的なインタラクティブ体験と物理演算を活用したリアルなアニメーション表現を実現しました。御社のプロジェクトでも、技術とクリエイティビティを融合させたユーザー体験の向上に貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

Webサイト
ugo株式会社

In DESIGN, javascript, wordpress開発期間:2020年12月 〜 2021年06月
ugo株式会社

サイト全体の制作を担当しました。特筆すべき点は、有料テーマテンプレートを組み合わせてデザインを起こさずにサイトを構築したことです。これにより、デザインディレクションの要素を介入させつつ、チーム全体の負荷を軽減することができました。

このアプローチにより、迅速かつ効率的にサイトを完成させることが可能となりました。御社のプロジェクトでも、有料テーマテンプレートの活用により、デザインと機能性の両面で高い満足度を実現し、プロジェクトの成功に貢献できると確信しています。新たな挑戦を共に乗り越え、さらなる成果を目指していきたいと考えています。

WebGL
アコマ医科工業株式会社/麻酔システム

In DESIGN, javascript, WebGL開発期間:2021年05月 〜 2021年10月
アコマ麻酔システム特設3Dショールーム

WebGLエンジニアリングを担当し、専門分野の設備を3次元で閲覧できるシステムを開発しました。このシステムは、クライアント向けの商品紹介やプレゼンテーションにiPadを使用して活用されています。

このプロジェクトにより、先進的な技術を活用した視覚的なコミュニケーション手段を提供しました。御社のプロジェクトでも、顧客とのインタラクションを強化し、商品やサービスの理解を深めるための新たなソリューションを提供できると確信しています。新たな挑戦を共に乗り越え、さらなる成功を目指していきたいと考えています。

Webアプリ・サービス
ソニー マルチファンクションライト 見守りサービス

In Vue.js, Nuxt.js, Type script開発期間:2021年08月 〜 2021年9月
ソニーの物件みまもり

当社では、Vue.jsとNuxt.jsアプリの改修を成功裏に実施しました。このプロジェクトでは、シーリングライトが人の動きを24時間以上感知しなかった場合に物件管理者に警告を発する機能を追加するソースコードを開発しました。過去数年間、個人で仮想通貨送金アプリなどの開発をテストするなど、Vue.jsの実務経験を積んできました。当時はTypeScriptの理解が浅かった時期でしたが、プロジェクトを成功裏に納品しました。

特に高齢者向けの高級マンションでは、IoTシーリングライトが一般的に導入され、一人暮らしの高齢者の安全管理に不可欠な役割を果たしています。

当社の技術力と経験を活かし、貴社のプロジェクトにおける新たな挑戦にも積極的に取り組みます。技術革新と使命感を融合させたソリューション提案を通じて、貴社のビジネス成功に貢献できることを楽しみにしています。

DTP
ルミネ新宿 夏の。私の!Summer sweets

In DESIGN開発期間:2020年05月 〜 2020年07月

ルミネ新宿での販促ポスター制作実績をご紹介します。私たちはルミネ新宿にて、効果的な販促ポスターを多数制作しました。これらのポスターは、目を引くデザインと効果的なコピーを組み合わせ、イベントの認知度を大幅に向上させました。特に、ビジュアルとストーリーテリングが一体となったアプローチは、消費者に強い印象を与え、長期間にわたり効果を発揮しました。

私たちのポスター制作では、ブランドのアイデンティティと一貫性を重視し、各キャンペーンに最適なデザインを提供しています。

Personal works/sample

イラスト

動画

  • MISCH/38℃ リリックビデオ
  • ハム♡洗脳どーず MV
  • ネットミーム個人制作ビデオ
  • walacollective/chilly 告知動画(背景動画にGLSL使用)
  • greeting life タイトルロゴ(渋谷にて上映されました)
  • ドカロボティクスFV
  • IoT製品広告動画
  • IoT製品広告動画
  • IoT製品広告動画
  • IoT製品広告動画
  • 社内用脆弱性の説明動画
  • ずんだもん動画制作例

音楽

GitHub

Githubリンク

現在はマインクラフト向けプラグイン自作のリポジトリを作成することにとどめております。

電子工作

むにゅむにゅドレミファ
すみっコぐらしMIDIキーボード

むにゅむにゅドレミファすみっコぐらしMIDIキーボードの制作を手掛けました。このキーボードは、ライブや動画配信でのユニークな演出を可能にするために開発されました。

また、東京経済大学のインタラクティブイベントでは、Arduinoやセンサを使用したギミックも制作しました。キネクトを用いた来場者向けのインタラクティブアートや、階段を降りると音が鳴る仕掛けなども開発しています。

これらのプロジェクトにより、当社は技術力とクリエイティビティを活かして新しい体験価値を提供してきました。貴社の次のプロジェクトにおいても、革新的なアイデアと実装力でお手伝いできることを楽しみにしています。

Z80 CPU
CP/Mコンピュータ構築

海外のZ80-MBC2というプロダクトを組み立てたものをさらにサーバーを利用してカスタムしたものです。CP/MというMS-DOSの前身となったOSが動作し、ネットワークを通して家の中であればどこでもCP/Mを操作することができます。

ブラウン管テレビは古いPCモニター風に塗装されたものです。VT100端末エミュレーター基板を経由してブラウン管テレビに表示しており、その途中で透過的なUSBシリアルピンがあり、このピンは部屋のホームサーバーに接続されています。

最後の画像はLinux機からサーバーへssh接続、Z80-MBC2へのシリアルポートに接続し、ROGUEをプレイしている様子です。ROGUEというのはいわゆるROGUE系RPGの元祖で、Netflixドラマ「ストレンジャーシングス」に登場するボードゲーム「D&D」が元になっているゲームで、日本ではトルネコシリーズが代表作です。

touch designer
インタラクティブ参考動画

タッチデザイナーの制作例です。単純なものですが、ウォーターセンサーの数値をタッチデザイナーへ受け渡し、画面上に表示される炎の強度を変動させることができます。センサーを水に晒すと、炎は消滅します。

スキルシート

スキルシート(スプレッドシートへ飛びます。)

その他の実績や職務経歴はこちらをご覧ください。