Portfolio::
AI Systems Technical school student

AboutMe

TouriAida

2005年生まれ。現在都内の4年制IT系専門学校に通っています。学校では、AIやWEB関連技術の実践的な内容を勉強・実習しています。

Skills

Python
JavaScript
TypeScript
C
PHP
Java
FastAPI
Sqlite
etc..

History

Works

今まで作ってきたプログラム・Webサイトを紹介します

最初の方の作品はgitも何も知らないまま開発を進めてきたので、ソースコードなど準備できていないものがあります。ご了承ください。

hyte-art.com

このサイトは、グラフィックデザインにハマっていた時に、自分の作品をまとめていたPortfolioサイトです。特にhtmlもcssも書くのが初めてだったので、中身は少しひどいかもです。

このサイトを通じて、実際にX(twitter)上のゲームのクランから依頼が来ていました。

過去作のサムネイル画像

Link : https://dev8.aisaba.net/

HTML
CSS

ceez7.com

このサイトは、当初zennや他のブログサイトのような記事を投稿し、閲覧できるサイトとして制作、後にグラフィックデザインのようなビジュアル作品も投稿できるよう機能追加しました。

まだjs等は学習していなかったので、すべてサーバーサイドのNginx + PythonCGI で動作しています。

過去作のサムネイル画像

Link : https://ceez7.com/

HTML
CSS
Python

app.ceez7.com

このサイトは、当初aisaba.netのユーザーごとに記事を作成、管理できるように立ち上げられました。

ですが記事投稿のモチベが下がり、最終的には「こういうアプリ欲しいな」と思ったり作りたいと思ったWebアプリを開発する基盤になりました。これによりceez7内のアプリは一つのアカウントで管理でき、開発時もそのリソースを自由に使えるので、長い間僕の開発のベースとなっていました。

このプロジェクトで開発した主な機能

  • アカウントのログイン機能。当初はjson管理、途中でsqlite管理に改修

  • 全ページ決まった規律で表示されるよう標準化したHTML Render

アプリの中には"未来の出費を記録できる家計簿"アプリなどがあり、自分でいつも使用しています。2024年に立ち上げてから364日で稼働しています。

過去作のサムネイル画像

この作品はゲストアカウントで実際に操作することができます。

手順

  • app.ceez7.comへログインします。

  • ユーザーID : guest、パスワード : ceez7account でログインできます。

この中で使用できるアプリについては、次で紹介します。

Link : https://app.ceez7.com/

HTML
SCSS
Python
JavaScript
FastAPI
Sqlite

7drive

このドライブは、友達にファイルを共有する時、既存のドライブだと招待用リンクを作成しなければいけなかったら、何かとすんなり渡せないことが多くありました。

そこで、簡単に共有できて、閲覧の権限管理もシンプルなファイル共有サービスを制作しました。

現在は脆弱性が多くあるため、基本操作は封鎖しています。

過去作のサムネイル画像

Link : https://drive.ceez7.com/

HTML
CSS
Python
JavaScript

マネログ - MoneyLog

この家計簿は、未来の出費を計算できる家計簿です。

例えば、給料日が25日、クレジットカードの支払いが27日だった場合月末にはいくら残るのか、現在はいくら使ってもその支払いは足りるのか、と言った場合。

マネログならそう言った出費も「未確定」として登録することで、月末までにいくら残っているのか自動で表示してくれます。

また、「収入」「支出」などのジャンルを「カテゴリー」と名付け、他のカテゴリーも自由に追加できる、汎用性の非常に高いDB設計になっています。

自分の場合、貯金のためにお金を下ろした時用に「貯金」というカテゴリーを設けています。こうすることで、純粋に外へ出て行った「支出」と区別することができます。

過去作のサムネイル画像

Link : https://app.ceez7.com/moneylog/

HTML
CSS
Python
JavaScript

Nexom Web Frameworks

これは、ceez7のプラットフォームを新しいものに置き換えるために、そのベースをフレームワーク化しようと始めました。

設計思想「Nexomは短いコードで最低限動作し、シンプルで理解のしやすい設計・構造を目指しています。 また細かい仕様も変更でき、多様な処理に対応。」

現在このサイトもNexomプロジェクトを使用して稼働しています。

gunicorn上で動作します。

GitHub : https://github.com/ait913/Nexom

Python
Sqlite
HTML
CSS

Appera

jsで document.getElementById();等DOM操作が面倒なので作ったts制のフレームワークです。

現在開発しているのはv2で、v1はceez7のサイト全てで使用されています。

仮想エレメントで操作でき、クラスやIDなどの宣言が一発でできます。new aElement({ id: "elID", classNames;["container"]});

GitHub : https://github.com/ait913/Appera

TypeScript

aisaba.net

このドメインは高校2年生から所有していましたが、長い間ceez7.comをメインで開発してきました。ただ、ceez7かかなり昔に作ったシステムがベースなので、改修・エラーが出る度に修正というのが問題でした。

最終的には、ceez7の機能を全てこちらに移籍したいと思っています。ログイン、認証など基本的な機能はすでに終わっており、現在開発中で、今はユーザーの設定ページを作っています。

ceez7のシステムより格段にセキュリティ面・機能・開発のしやすさで改善しました。

このプロジェクトで開発する主な機能

- ParallelStorage

ceez7でv1が稼働中。速度の課題があるので、v2も作成。

ファイルのアップロードとダウンロードを一元化。ダウンロード時に ?width=720 などのクエリをつけるとwebpに変換。次回以降はキャッシュで高速化

- OAuth・OIDC対応

外部からAisabaアカウントを使用してログインができるように対応。

HTML
CSS
Python
JavaScript
FastAPI
Sqlite