hyte-art.com

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

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

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

ceez7.com

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

すべてサーバーサイドのNginx + PythonCGI で動作しています。

Link : https://ceez7.com/

app.ceez7.com

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

その後、新たにWebアプリを作る際の基盤となり、様々なアプリが追加されました。アプリからceez7アカウントのリソースを自由に使えるので、ユーザーごとの処理など効率的に開発できました。

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

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

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

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

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

手順

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

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

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

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

7drive

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

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

現在は脆弱性が多くあるため、閲覧のみ可能です。

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

マネログ - MoneyLog

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

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

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

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

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

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

Nexom Web Frameworks

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

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

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

gunicorn上で動作します。

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

Appera

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

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

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

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

aisaba.net

ceez7は、あまり拡張性のない構造に無理やりいろんな機能を増やしていたので、改修の度に修正に時間を多く費やしていました。

aisaba.netでは、Nexomをベースに設計の合理化、各サービスの依存度の軽減を行いました。ceez7のシステムより格段にセキュリティ面・機能・開発のしやすさで改善しました。

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

- ParallelStorage

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

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

- OAuth・OIDC対応

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