Been-there Map

地図上でタップするだけで、あなたの訪問履歴を地図にします。これまでに行ったことのある国や州が一目瞭然。Svelte + D3 で制作。

Interactive Web App

TEDトーク2言語字幕表示プラグイン

TEDトークの翻訳字幕と原文のトランスクリプトを並べて表示させるChrome拡張機能です。スピーカーの話に付いていき、文脈をより明確に理解することができます。ジョークで笑っている聴衆に取り残されたくないですか？言語を選択して、さっそく始めましょう！

Chrome Extension

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

つくばエクスプレスの乗車時間は45分。決して短い乗車時間とは言えませんが、実は日本国内で最も高速で走る在来線のひとつなのです。このコンテンツでは、主要な通勤電車との到達時間・到達距離を視覚的に比較します。

Interactive Web App

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

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

Interactive Web App

Sause

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

Interactive Web App

TEDxUTsukuba ウェブサイト

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

Website

雙峰祭リブランディング

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

Design System

グラフィックデザイン

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