Hello, I'm Haruki.

I take photos, write code, and learn languages.

スペイン ビルバオ

プロジェクト

undefined screenshot

スペイン版「経県値」

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

つくばエクスプレスはどのくらい速いのか?

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

Interactive Web App

undefined screenshot

誰が中国の外相と会っているのか?

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

undefined screenshot

ビジュアルデータで読み解く江戸時代

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

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 ウェブサイト

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

Website

undefined screenshot

雙峰祭リブランディング

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

Design System

undefined screenshot

グラフィックデザイン

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

プロフィール

学歴

2018.04 - 2022.03

学士課程

情報メディア科学

2020.09 - 2021.04

フルタイム・リモート交換留学

コンピュータサイエンス, 美術史

職歴

2019.04 - 2019.12

アシスタントリーダー

2018.04 - 2021.04

技術・広報

2019.01 - 2019.11

ブランディング専門部会長

2018.04 - 2018.11

ウェブデベロッパー

2019.02 - 2019.10

ウェブデベロッパー

専門技術

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

講演

2021-10-13

協定校留学説明会

筑波大学スチューデントサポートセンター

交換留学を希望する学生約40名に、リモート留学の魅力と経験談を伝えました。

A bit more about me

🇯🇵

出身地

宮城県仙台市

👨‍👩‍👦

家族構成

父と母

🌏

言語

日本語・英語

🚴

精神安定剤

朝のサイクリング

📸

得意なこと

写真撮影

👨🏻‍🍳

得意になりたいこと

料理

🍺

好きな飲み物

クラフトビール Hazy IPA

🎧

最近聴いている音楽

Passenger, John Legend, sumika

🚞

いつかチャレンジしたいこと

カナダ横断旅行

連絡先

harukikinoshita [at] outlook.com

Haruki Kinoshita

@harukikinoshita

Copyright © 2021. Haruki Kinoshita