makoto-developer's テックブログ

ポートフォリオ

これまでに作ったものの一覧です。

  • 数式のままでは見えない性質を、ブラウザ上で動かして確かめる285点の図形

    多面体・フラクタル・カオスの軌道・確率・整数論など15分野の図形を、1ページにまとめたものです。 読んで納得する形ではなく、その場でさわって確かめられる形にしたくて作りました。 どの図も、絵を出すだけでなく主張が本当かをページ上で数え直します。 四色定理なら毎回ちがう地図を作って隣り合う点をすべて見に行き(同じ色が接する所は0か所)、 フック長公式なら式の答えと総当たりで数えた個数を並べ、 曲線短縮流なら面積の減り方が理論値の −2π と合うところまで出します。 画像は1枚も置かず、すべて canvas にその場で描いています。外部ライブラリなし・通信なしで、 計算は端末の中だけで完結します。マンデルブロ集合は多倍長と摂動法を入れてあるので、 倍率 1e100 を超えても粗くなりません。

    Elixir Phoenix Canvas JavaScript 数値計算 可視化
  • マイクロサービスの依存関係とコールグラフを可視化するツール

    gRPC・REST・GraphQL をまたいで、関数レベルで処理の流れを追える静的解析ツールです。 「この処理どこ通ってる?」「この API は誰が呼んでいる?」に答えられない状態を解消するために作りました。 循環依存とレイヤー違反を CI で検査できるので、決めたアーキテクチャがレビューをすり抜けて崩れるのも防げます。 サービスを起動せずトレース基盤も要らず、静的解析だけで完結します。 実行時依存ゼロ・ビルド不要・完全ローカル動作で、社内コードを外に出しません。 1,050ファイル / 1,644ノードのモノレポを 0.26 秒で解析します。

    TypeScript 静的解析 gRPC GraphQL マイクロサービス CLI 可視化
  • エンジニア向けのIT英会話学習アプリ

    開発の現場で実際に使う英語に絞って練習できるWebアプリです。 汎用の英語学習サービスだと業務で出てくる語彙や言い回しが手薄になるため、 エンジニアが必要とする場面に的を絞って作りました。