---
slideOptions:
theme: white
slideNumber: 'c/t'
center: false
transition: 'none'
keyboard: true
width: '93%'
height: '100%'
---

<style>
#doc img {
display: inline-block;
max-height: 20vh !important;
max-width: 45% !important;
object-fit: contain;
object-position: left top;
line-height: 1;
}
img[alt=small] {
width: 30%;
}
</style>

# 最近の作品

## プログラミング学習サービス Ripple

- 2019年
- 電気通信大学プログラミング教室でチーム開発
- 実装とデザインを担当
- Node.js, Typescript, GCP, Angular, Firebase, Judge0 API / Adobe XD
- “U☆PoC～UECアイディア実証コンテスト～” 企業賞受賞
- 公開中: https://ripple.uec-programming.com

     

## リモートビデオ授業システム Ripple LIVE

- 2020年
- 電気通信大学プログラミング教室で使用
- Angular, Typescript, Skyway(WebRTC), Firebase

 

<div style="page-break-before:always"></div>

## 鉄道ダイヤグラムエディタ CloudDia

- 2019年 - 現在
- Typescript, CSS
- 公開中: http://onemu.starfree.jp/clouddia/

   

## BIGBAND北極アプリ

- 2019年 - 現在
- JavaScript, CSS, PWA, Firebase
- 帰り道の山手線で友人から依頼。出欠管理や曲決め投票。
- 友人のサークル内限定公開。

     

<div style="page-break-before:always"></div>

# 過去の作品

## 芝吹奏楽部HP (初代)
- 2015頃
- HTML, CSS, JS / ライブラリなし
- 公開終了済
<!--
MBP: file:///Users/naoki/naoki/%E5%90%B9%E5%A5%8F%E6%A5%BD%E9%83%A8HP/
-->

## 芝吹HP (二代目)

- 2016頃
- HTML, CSS, JS / ライブラリなし
- JS+CSSアニメーションのページ遷移
- Googleカレンダー, ファイルダウンロード
- 公開終了済
<!-- <http://onemu.starfree.jp/shiba-bb/index.shtml> -->
 

<div style="page-break-before:always"></div>

## 吹奏楽部通信エディタ Suitsu

- 2014-2016頃
- Electron
- 部活内限定公開
- ブラウザ版, Electron版, Windows HTA版, iOS WebApp版
<!-- 場所 air/editor6 -->

## チャットアプリ おしゃべり

- 2015頃
- LINEのようなチャット
- Web版(JavaScript) / Android版(Java) / Nifty mbaas

<!-- 場所 air/Osyaberi -->

<div style="page-break-before:always"></div>

## 毎日メール配信 Secretary

- 2015 - 現在
- 天気, ニュース, 単語テスト, 占い等をHTMLメールで毎日配信
- Google Apps Script, 各種API


## 出席情報確認ツールカウント

- 2016頃
- CSS, JavaScript(Canvas)
<!-- 場所 air/attendChecker -->

 

<div style="page-break-before:always"></div>

## ぴょんぴょんゲーム

- 2016頃
- Three.js(WebGL)
<!-- 場所 air/game1 -->

 

## 帰宅時刻検索と連絡

- 2018年
- Android(Java)
- タップでLINE送信
- 自分専用
 

<div style="page-break-before:always"></div>

## 中国語小テスト対策(1代目)

- 2018年
- PWA, CSS, JavaScript
- 限定共有

    

## 中国語小テスト対策(2代目)

- 2019年
- JavaScript, CSS, PWA, SVGアニメーション, Adobe XD
- 限定共有