Hello, I'm Haruki.

I take photos, write code, and learn languages.

Bilbao, Spain

Projects

undefined screenshot

Been-there Map of Spain

Interactive map builder that shows where you have been in Spain. Just select the autonomous communities you visited and share it with your friends. Made with Svelte + D3.

Interactive Web App

undefined screenshot

Dual Subtitles for TED Talks

While using this extension, you'll see a translated subtitle for a TED Talk along with the original transcript. It helps you follow the speaker and understand the context more clearly. Never want to be left behind by an audience laughing at a joke? Select your language and get started!

Chrome Extension

undefined screenshot

How fast is Tsukuba Express?

つくばエクスプレスの乗車時間は45分。決して短い乗車時間とは言えませんが、つくば・秋葉原間の距離が50kmを超えることを考えると、スピードの速さが想像できると思います。このコンテンツでは、主要な通勤電車との到達時間・到達距離を視覚的に比較します。

Interactive Web App

undefined screenshot

Who meets China's Foreign Minister?

北京五輪の外交的ボイコットなど、日本を含む西側諸国から中国が孤立しているかのような報道を見かけます。では、中国はどんな外交を展開しているのでしょうか?外相会合にスポットライトを当てることで、中国の外交的戦略を解き明かします。

undefined screenshot

Visualizing Edo Period of Japan

江戸時代の大名の配置や、関ヶ原の戦い前後の石高の変化を可視化して、それらに隠された幕府の深謀遠慮を解き明かす教育コンテンツ。本や教科書では見えてこなかった、近世日本の「実像」に迫ります。

Interactive Web App

undefined screenshot

Sause

テキストエディタのような見た目の画像を生成します。既存のウェブアプリケーション (carbon.now.sh) では出力画像のアスペクト比を調節できず、SNSでシェアする際などに勝手が悪かったため、類似のアプリケーションを自作しました。

Interactive Web App

undefined screenshot

Save the True North

カナダの新型コロナウイルス感染症(COVID-19)の感染とワクチン接種の状況を可視化したダッシュボード(制作中)。適切な視覚表現の設計を試行錯誤するための題材として制作を始めました。

Data Visualization

undefined screenshot

TEDxUTsukuba Website

留学生や外国人研究者も多数来場するというイベントの特性を踏まえ、コンテンツからUI要素、SNSでシェアした際のタイトルに至るまで、あらゆる部分を日本語・英語の2言語に対応させています。また、業務で使用しているGoogleスプレッドシートに接続しデータベースとして利用するなど、非エンジニアのメンバーでもウェブサイトを管理できるように設計しています。

Website

undefined screenshot

Sohosai Rebranding

部局横断組織を新しく立ち上げ、筑波大学学園祭「雙峰祭」のロゴおよびビジュアルアイデンティティを策定しました。

Design System

undefined screenshot

Graphic Design

グラフィックデザインやインフォグラフィックはこちらに掲載しています。

About

Education

2018.04 - 2022.03

BSc., 4 years

Information Media Science

2020.09 - 2021.04

Full-time Remote Exchange

Computer Science & Art History

Experience

2019.04 - 2019.12

VP

2018.04 - 2021.04

Tech / Public Relations

2019.01 - 2019.11

Head of Branding

2018.04 - 2018.11

Web Developer

2019.02 - 2019.10

Web Developer

Expertise

Web Development

  • JavaScript / TypeScript
  • R
  • Node.js
  • Vue.js / Nuxt.js
  • React.js / Next.js

Engineering

  • Internationalization / Localization
  • API Handling
  • GIS
  • Open Data

Creative

  • Adobe illustrator
  • Adobe XD
  • Adobe Lightroom

Speaking Engagement

2021-10-13

Information Session for Student Exchange Programme

University of Tsukuba Student Support Centre

Shared benefits of remote exchange studies based on my experience.

A bit more about me

🇯🇵

Hometown

Sendai, Miyagi

👨‍👩‍👦

Family Members

Dad, mom, and me

🌏

Language

Japanese, English, and Spanish

🚴

Wellbeing Activity

Morning bike ride

📸

Things I'm good at

Photography

👨🏻‍🍳

Things I want to be better at

Cooking

🍺

Favourite drink

Hazy IPA

🎧

🚞

Top of my bucket list

Travel across Canada - from Victoria to Halifax

Contact

harukikinoshita [at] outlook.com

Haruki Kinoshita

@harukikinoshita

Copyright © 2021. Haruki Kinoshita