Kabulte

Kabu STATION API svelte test

Need a Svelte website built?

Sveltekit を使ってみるテスト
Kabu Station API を使ってみるテスト
API を通じた取引手数料が無料になるのを楽しむテスト
- 一覧を表示するだけなら Kabu Station が起動するだけで可能です。
- 発注を行うためには、au カブコム証券側で有効化されている必要があります。
- 有効化の条件のひとつは前月に一度は信用取引を行っていること、があります。

無保証です。

コードはとても小さいので、詳しくは読んでください。

できるよりできないことの方が多いので、できることを書きます。

やりたいことただし、通常の取引画面から行えるので、やる気は少なめ

やらなさそうなこと

https://kabu.com/company/lp/lp90.html au カブコム証券での API インターフェイスです。

API 使用者はクライアントソフト(kabu ステーション)を PC で起動し、そのクライアントソフトの起動・ログインで証券会社への接続を確立します。 API はこのクライアントソフトへの接続して利用します。

つまり、このプログラムで用いられる API Key は、手元の PC で動作している kabu ステーションへの接続のためのものです。

このテストコードは、上の仕組みを前提としています。html 自身はどこでホストしても構いませんが、API は localhost へと通信しています。 (同じ PC がホストしているとは限らないため CORS としています)

OpenAPI の定義ファイルはありますが、TypeScript の良さが感じられるコードが出力されなさそうなので、使っていません。手作業で定義したものが lib/api にあります。意外と分量が増え、後悔しています。

ログイン状態の保持・購読を login_state.ts で writable (Svelte ストア)を使って実現しています。
未ログイン状態の場合は、__layout.svelte で Login.svelte を用いログイン用 Modal Popup を表示します。
ログイン状態は login_state.ts で subscribe して各ページで取得しています。
- ログイン状態の場合は API を呼び出しています。
- API を呼び出した結果 API Key が無効だと判断できた場合は、login_state.ts の logout を呼び出し、未ログイン状態にします。
- 未ログイン状態の場合は前述のように Login.svelte はログイン用 Modal Popup を表示します。

開発中に SSR でサーバーでの実行を防ぐために、import { browser } from '$app/env'; からの if (browser) で分岐しています。
もっと良い方法があれば教えてください。

adapter-static を使いました。最初混乱したのですが、.svelte-kit/output/ ではなく、build ディレクトリに出力されます。ディレクトリとドキュメント読んでればすぐ気がつくのにね...。

小さい httpd ないかな、と思ってぐぐってたら
https://devopsdirective.com/posts/2021/04/tiny-container-image/
面白い記事でした。

https://github.com/nemasu/asmttpd
アセンブラでかかれた httpd。6.3kB の Image すごすぎて笑う。

npm run build した後、docker image をビルドすると SSG されたものを動作させるコンテナが生成されます。

ghcr.io/bugfire/kabulte:latest