かつたに げんき

自己紹介

かれこれ二十数年間、主にWebサイトを主軸として関連するデザインワークや・実装を受託制作で行なう仕事に関わってきたデザイナー・エンジニア（主にフロントエンド）です。 得意分野は CSS 設計、Webフロントエンド開発、ロゴデザイン・UI デザインなどで、2000年代からキャリアとして一番長く続けた制作会社時代はディレクション・デザインから実装まで一人で行なうことも多く、現在はKODANSHAtech合同会社という会社でデザインエンジニアという肩書きで、Webメディアや社内ツールなどのUIデザイン・フロントエンドの実装など、制作実務周りでいろいろ幅広くお仕事しています。 （2024年ころまでは、ちょくちょく副業でフリーランスのお仕事を行っていましたが、現在は上記の本業での稼働がほとんどです） 個人的には、2010年後半からRiot.jsというJavaScriptライブラリを仕事でも利用していた縁で、現在は自分も公式のコミッターとしてマニュアルの翻訳などライブラリ管理にも少しコミットしていました。 （現バージョンのロゴのデザインも担当しました） https://riot.js.org Web の黎明期から「コードも書けるデザイナー」、近年は「デザインもやるフロントエンドエンジニア」として、開発と（主にUIの）デザインの仕事をする中で、デザインと実装の間にある課題をどう効率的に解決するかという興味を持って取り組んできました。 だいぶ古い記事（2018年）ですが、CSS の書き方についても自分なりの考えを記事に書いておりますのでもしご興味あればご覧ください。 https://qiita.com/nibushibu/items/1c56a1e7b3f6d6c22615 現在は Web の開発技術としては CSS Variables（CSS 変数）を使った https://open-props.style のようなデザイントークンの運用、デザイン面では OOUI などに基づいた UI の設計や実践に興味をもっており、現在の主な個人学習の対象になっています。 なお、これまで開発とデザインの両方に関わる時間が長かった事から、実装負荷の少ないデザインデータの作成を模索するようになり、UI デザインに特化したデザインツールに黎明期から色々手を出していて、現在の UI ツールの潮流を作った Sketch は前身ソフト（Drawit）から、現在メインで使っている Figma は2017年あたりからずっと利用しています。 その他、グラフィックのデザインツールであるAffinityは、リリース当初のAffinity Designer / Affinity Photo / Affinity Publisher という3アプリにわかれていた初期から長く愛用していた流れで Affinity ユーザーの有志の方にインタビュー動画を作成していただいたことがあります。 （手前味噌ですが） https://www.youtube.com/watch?v=1gz8xtEE4V0 また、業務と関係ない話題ですが、もうひとつインタビューつながりで、 Vivaldi というノルウェーで開発されているブラウザもリリース初期から愛用していて、公式のユーザーインタビュー企画で取材いただいた経験があります。 https://vivaldi.com/ja/blog/why-i-choose-vivaldi-05-genki/ （Vivaldi 良いブラウザなので是非使って見てください😉 週末は子供や家族と過ごすことが多く、Little Martin という小さめのアコギを片手に自作・カバー曲を歌ったりしながら、日々 Design と Code と Chord をあやつったりあやつられたりしています。 https://nibushibu.com 2023年からは地元の3人で慎ましくバンド活動 🎤 🎸 をしています。 https://nibancha.com 生成AIがデザインやWeb開発といった自分の業務領域に浸透して以降、最近は哲学に興味を持っていて、古田徹也さんという哲学者の方の本を読んでいます。 直接的に仕事やの関わりを作りたいと言うよりは、なにかしらの共通の話題をお持ちの方と知りあうきっかけになればよいかなと思い、こちらの Yenta もユルく続けています。 （以上、2026年10月現在）

職歴・学歴

KODANSHAtech合同会社

スキル・経験

• CSS
• CSS設計
• HTML
• JavaScript
• UIデザイン
• UXデザイン
• グラフィックデザイン
• ギター弾き語り
• ロゴデザイン
• Figma
• Riot.js