tabe's portfolio site

作品と自分についてまとめたサイト

Works

Unity

ボイロとおバイク!!

はじめて世に出したアプリ

同人アプリは伸びて50DLがいいところと言われる中、1年足らずで9000DLを突破

バイクのキーと連動させることができる。車モードも搭載されている
3Dゲームエンジンで作成していることを利用して車と徒歩モードでは立体音響を利用することができる

プログラミングの経験がごく浅いときに作成したので保守性が非常に悪い
ただ、それらを考慮しながら作らなくてはならないということを教えてくれたアプリでもある

現在は、UIの大幅改善、新規ボイス追加、新規モード追加とARコンテンツの追加をするべく、一から作り直している

Data of this app

RealTimeVRTrip

3年生になったばかりの頃、友人を巻き込んで立ち上げたプロジェクト
自宅でVR機材を使うだけで遠隔旅行が可能になる

ロボット本体は完成している. 遠隔動作テストをしてみたところ動作した
ロボット遠隔制御通信にはオンラインゲームエンジンのphotonを用いた

もしかしたら、ロボットを中継機としてドローンを遠隔操作するものへと変わるかもしれない
あとは映像転送方法をどうするか検討中

Data of this app

  • Made With Unity
  • Programing Language Used
    • C#
  • Supported Platform
    • Windows
    • iOS
    • Android
  • Online Realtime Network Engine
    • Photon

きりたんとラバーダッキング

えもふりを導入したラバーダッキング用アプリ

えもふりを使用することにより、キャラクターが常に動く
また、話の途切れ目にNODボタン(頷きボタン)を押すことでボイスと、頷きモーションが再生される

Android版CeVIOとおバイクの製作中にハマり、モチベが地に落ちた時に製作された

自分でもラバーダッキングアプリとかで調べてみたが、
AppStoreでは正式な(?)ラバーダッキング用アプリはこれだけかもしれない

Data of this app

  • Made With Unity
  • Programing Language Used
    • C#
  • Supported Platform
    • Android
    • iOS
  • Downloads
    • over 200
  • Store Links

とっかかりToDo!

目の前のタスクに対してやる気がでない時に、そのタスクをこなすための最初の「とっかかり」をサポートする。
AdMobを初めて導入した作品でもある。

Data of this app

  • Made With Unity
  • Programing Language Used
    • C#
  • Supported Platform
    • Android
  • Downloads
    • over 5
  • Store Link

Flutter

VOICEROID & CeVIO にゃーんあぷり

インターン先のホテルで、ノリと勢いだけで作られたアプリ。
作業中、Flutterは神だったと感じた気がする。

このアプリを使うと、ボイロとCeVIOが「にゃーんと」言ってくれる。
デバッグ時の精神状態が半端なく良かった。
kirinya.mp3とかクソかわええみたいな感じになっていた。

初めてQiita記事を書くきっけかとなったものでもある。(ローカル音声再生系)

Data of this app

  • Made With Flutter
  • Programing Language Used
    • Dart
  • Supported Platform
    • Android
  • Downloads
    • over 10
  • Store Link

Flutter Todo List for Web

WebでFlutterが動くということで、UI, ロジックの練習を兼ねて作ってみた。

結構いきあたりばったりな開発であったため、コードが大変よろしくない組み方になっている。
余裕ができたらリファクタリングしていきたい。

FlutterSDKのWebビルドはまだベータ版であるため、画像にブラーがかからなかったり、"flutter run"をすると永遠にビルドが終わらなかったりといろいろあったが楽しかった。

Webで動くため、学校でも積極的に使っていきたい。

Data of this app

  • Made With Flutter
  • Programing Language Used
    • Dart
  • Supported Platform
    • Web browser
  • Store Link
  • Repository

タイマー付きTodoリスト

Inherited Widgetを使ったデータの取り回しの学習と、定期テストに向けてタイマー付きTodoリストが欲しかったので作った

Flutterにおけるデザインパターンの代表例であるBLoCを学ぶ前に、とりあえず基礎から学ぼうと思いInherited Widgetを取り入れた。結果としてあまりメリットがないような組み方となってしまったが、過程のなかでは理解をしながら制作を進めたので理解自体は深まった

今後はもう少し InheritedWidgetを使ったものを作っていき、煩わしさを感じてきたらProvider, その他デザインパターンに取り組みたい

このTodoリストは取り組んでいるものを可視化、タイマーを設置して効率化を図ったが向いている人には向いているんだなと思った

Data of this app

  • Made With Flutter
  • Programing Language Used
    • Dart
  • Supported Platform
    • Web browser
  • link
  • Repository

IoTみたいなもの's

ニコ生コメントネギ振りシステム

ニコニコ生放送のコメントを取得し、Arduino経由で接続されたはちゅねミクにネギを振らせる

前々から、ニコニコ技術部ではちゅねにネギを振らせる文化に自分も参加したいと思っていた。そしてとある日の深夜1時、唐突にゾーンに入り作り上げた

リアルタイムにインターネットを介してハード制御をすることの楽しさを知った

IoTって楽しいのではと気がつき、ノリと勢いでESP32とセンサーを買い込んだので、FlutterとFirebaseを組み合わせたIoTデバイスを作っていく予定

完全に余談だが、これの作ってみた動画がニコニコニュースで紹介されたり、運営にタグホームへ貼り付けられたりした結果1.3万再生を達成した

Data of this app

  • Made With node.js
  • Programing Language Used
    • JavaScript
  • Supported Platform
    • Windows, MacOS, Linux
  • Views
    • over 13k
  • Store Link

Processing

SoundCircle

円形のビジュアライザ。音を可視化する。
歌ってみた、弾いてみたなどの動画の背景にも使えると思う。
VJに興味があることからこれからも作っていく予定
p5.jsに移植するかもしれない。

Data of this app

  • Made With Processing
  • Programing Language Used
    • Java
  • Supported Platform
    • Windows, Mac, Linux
  • Link

某有名ブラクラの再現

Processingの練習として作ってみた
画像を使用することなく、すべてコーディングして作成した
githubにて公開しようと思ったが、このご時世に何があるかわからないので取りやめた

Data of this app

  • Made With Processing
  • Programing Language Used
    • Java
  • Supported Platform
    • Windows, Mac, Linux, iOS, Android etc...
  • Link

Native iOS

CeVIOとおバイク for iOS

初めてネイティブで作ったアプリ
IAちゃんとおバイクすることができる
ネイティブのアプリ制作に興味があったのと、Twitterでの深夜テンションにより作成された

基本的にはボイロとおバイクと機能は同じ

せっかくMacMiniがあるのでARkitを使ってなんか面白いことをしていきたい.

Data of this app

  • Made With Unity
  • Programing Language Used
    • C#
  • Supported Platform
    • Android
  • Downloads
    • over 150
  • Store Link

Native Android

CeVIOとおバイク for Android

Unity版ボイロとおバイクで不満だった、バックグラウンド動作機能の追加
そして新規機能としてナビを搭載するためにネイティブ開発された

Fragmentの理解をせずにActivityでほとんどの画面を作成するという愚行をなしたので
次回ナビの実装時にリファクタリングをする予定でいる

Data of this app

  • Made With Unity
  • Programing Language Used
    • Java
  • Supported Platform
    • Android
  • Downloads
    • over 150
  • Store Link

Bot

js DiscordBot

近々、Javascriptを触らないといけないっぽかったので、練習として作成した。

今回は世界に挨拶するように天気API叩いても仕方ないので、Processingと連携させてみた。

/proというコマンドとともに、ソースを投げると画像を生成して返してくれる。

一応、他にもいろんな機能がある。(meme投げるとか、デプロイすると褒めてくれるとか、発狂するとか)

実装方法をゴリ押しにしてしまい、セキュリティ的に大変よろしくないものとなったので身内サーバーで使う予定。

割と楽しかったので、TwitterBotも作りたい。

Data of this app

  • Made With node.js
  • Programing Language Used
    • JavaScript
  • Supported Platform
    • Anything
  • Downloads
    • private

nuko bot.

友人がTwitterBotを動かしているのを見て羨ましくなりなんとなく初めた。

どこかでねこの画像を見ると眠気ざましになるという話を聞き、APIを叩いてぬこの画像を取得して返すボットを作成した

#give_me_nukoとツイートするとリプライをくれる。よく鯖落ちしているので必ず返ってくるとは限らない。

herokuなどにデプロイしても良かったが、お部屋にCPU: Centrino, RAM: 2GBのつよつよパソコン()が余っていたので、それでサーバを運用をしている

同時にサーバPCに入れたkona Linuxがものすごく軽く、パッケージの更新がubuntuよりも異様に早く驚いた。

Data of this app

  • Made With node.js
  • Programing Language Used
    • JavaScript
  • Supported Platform
    • Anything
  • Downloads
    • private

HTML&CSS

ポートフォリオサイト

とりあえず、だらだらチュートリアルをやっても仕方がないということで形にするということでやってみた
前のサイトがmarkdownで書かれたサイトでなんともまぁ味気ないというか、寂しさがすごかったので作ったみた
いろいろな企業を調べていると、割と何をやるにせよ身につけておいて損はないと感じたのでこれからも続けていく

Data of this app

  • Made With Visual Studio Code & Google Chrome
  • Programing Language Used
    • HTML&CSS
  • Link

About meページへ!