リンク
個人開発
| 使用技術 | DockerDev ContainersReact.jsTypeScriptViteChart.jsTailwind CSSBiomeVitestGitHub ActionsGitHub PagesGoogle Analytics |
|---|---|
| 概要 | 10種類の確率分布をスライダー操作でリアルタイムに体感できる！ 理論のグラフに標本シミュレーションを重ねて、「理論と実データのズレ」や大数の法則まで目で見て学べる。 英語・日本語、ダークモードに対応。表示中の状態はそのままURLで共有できるので、授業や資料への引用もかんたん。 |
| 技術アピール | ①数学ロジック（純TypeScript）とUIを分離するレイヤードアーキテクチャ。確率計算はlog空間で行い階乗・ガンマ関数のオーバーフローを根本回避 ②「URLが共有可能な状態のすべて」という設計。パラメータ・並び順・言語・テーマをクエリ文字列に常時同期し、共有ボタンなし で状態共有を実現 ③npmサプライチェーン対策として依存を最小限・完全固定し、GitHub Actionsもコミットハッシュ固定。全分布を自動掃引するテスト（確率の総和≈1・サンプラー収束）で品質担保 |
| 使用技術 | DockerDev ContainersReact.jsTypeScriptMantinei18nextGoogle AnalyticsVitesthusky |
|---|---|
| 概要 | 図とアニメーションでアルゴリズムを視覚的に理解できる！ 複数アルゴリズムを同時に見れるので処理速度を比較してみよう。 英語・日本語に対応していて、操作はスライダーとボタンクリックだけなので誰でも簡単に学習可能。 アルゴリズムの学びがぐっと身近に！ |
| 技術アピール | i18nextで多言語対応（英日）による言語自動切り替え機能を備える。 UI描画部分とアルゴリズムのロジック実装部分を分離する疎結合な構成を作成。 React + TypeScript + Parcelを使って軽量シンプルで型安全な開発を実現。 Docker + Dev Containersで開発者ごとの環境差を排除し、スピーディな開発環境構築が可能。 |
| 使用技術 | DockerReact.jsMaterial UIRechartsTypeScriptGraphQLViteGoogle Analytics |
|---|---|
| 概要 | investee Chrome拡張で、いつもの株情報サイトに企業の財務グラフを即表示します。 面倒なタブ移動ナシで、投資判断がもっとスムーズに！気になる企業の分析が、もっと直感的に。 |
| 技術アピール | ①株探やYahoo!ファイナンスとのシームレス連携 既存の株式情報サービスの優れた企業検索性をそのまま活かし、拡張機能側で独自の財務グラフ表示を実現。ユーザーは普段使いのサイトから離れることなく、財務データの“横断的な閲覧”が可能に。 ②「既存サービスの強み&自社データの独自可視化」を両立するため、最低限のUI導線で機能を融合 |
| 使用技術 | DockernginxReact.jsMaterial UIRechartsTypeScriptGoogle AnalyticsRubyRuby on RailsSidekiqGraphQLPostgreSQLRedisUbuntuさくらVPS |
|---|---|
| 概要 | 上場企業の財務データをグラフで一発チェック！自動切り替え機能つき！ 難しい数字を見やすく可視化し、株探リンク付きで株価チェックもすぐOK。 ROE・ROA表示やお気に入り登録など新機能も続々追加予定。 投資判断の「今知りたい！」をサクッと解決。 |
| 技術アピール | ①Carouselを使用した自動データ切替・自動スワイプUI ②EDINET APIを使った財務諸表の自動反映 ③GraphQLによる柔軟なデータ提供 フロントエンドが必要とするデータのみを効率的に取得できるGraphQL APIを実装することで、レスポンスの無駄を省き、パフォーマンスと開発生産性を両立。 |
| 使用技術 | DockernginxVue.jsVuetifyNuxt.jsTypeScriptGoogle AnalyticsNode.jsExpress.jsFirebase (Authentication, Functions)PostgreSQLUbuntuさくらVPS |
|---|---|
| 概要 | あなたの知らなかった福井のスゴい企業が見つかる。驚きや発見が、情報発信や地域の新しいつながりのきっかけに。地元の魅力を再発見して、福井をもっと元気に！ |
| 技術アピール | ①低結合設計の実現（DI導入）DIを導入し将来的な保守性や拡張性を見据え、モジュールごとの独立性を高める設計 ②画像メタデータのバッチ取得＆最適化 登録された企業ホームページの最新の og:image を日次バッチでDB保存し、結果、画面表示速度が約1秒短縮してユーザー体験とシステム効率を両立。 |
| 使用技術 | DockernginxVue.jsJavaScriptGulpwebpackGoogle AnalyticsFirebase (Authentication, Firestore)UbuntuさくらVPS |
|---|---|
| 概要 | 全打席が満塁の野球バトル！ランキング機能で全国の野球好きと腕試し。シンプル操作×ハイテンションなプレイ感！ |
| 技術アピール | ①リアルタイムランキング機能 今週分・歴代分のランキングを実装し、ユーザー同士の競争や交流を促進。シンプルな1人用ゲームでも“他者との関わり”を生み出す仕掛けに。 ②物理演算による精密な当たり判定 バットとボール、ボールと盤面の当たり判定には三角関数やベクトル演算を用いて、直感的かつリアルな挙動を追求。 これにより「遊んでいて納得感のある」ゲーム体験を実現。 |
| 使用技術 | C#AWS LambdaTwitter APIGitHub Actions |
|---|---|
| 概要 | MLB順位、試合があった日に自動お知らせ！今日の試合結果を即チェック。MLBファンのための自動順位表X（Twitter）Bot。 |
| 技術アピール | “Push型”情報提供で手間いらず フォローするだけで、ユーザーが自分で「メジャーリーグ 順位」と検索しなくても、最新順位表が自動で届く仕組みを実現。 |
| 使用技術 | LINE Messaging APIPythonHeroku（リリース当時）Render（Heroku無料枠廃止に伴い使用）Google Vision APIGoogle Places APIFirebase (Firestore)Google Apps ScriptGoogle Analytics |
|---|---|
| 概要 | 便利な2機能！①今すぐトイレ付きコンビニをLINEで検索②画像を送るだけでテキスト翻訳もLINEで完結 |
| 技術アピール | 画像内テキスト翻訳を独自APIで無料化。画像翻訳サービスが一般化する前から独自実装。Google翻訳APIを直接使わず、Google Apps Scriptで自作API化し、翻訳コストを“無料”で実現。 場所検索や文字起こしではGoogle系のAPIを使用して、開発効率を高めた。 |
| 使用技術 | JavaScriptRender |
|---|---|
| 概要 | 1分間、弾を避け続けるシンプルなゲームで手軽に遊べる。 |
| 技術アピール | Renderで無料ホスティングし低コストで開発した。 |
開発経験
2025/09/21 現在
業務で扱ってきた主な技術スタック
★★★★★
SalesforceApexLightning Web ComponentAura ComponentVisualforceプロセスビルダーフロー第2世代管理パッケージ
★★★★★
Node.jsTypeScript
★★★★★
C#Vue.jsRuby on Rails
★★★★★
Google CloudBigQueryTerraformGitHub ActionsSQL ServerJenkinsDatadogRedis
※Salesforceに関して
Apex...JavaライクなSalesforce独自のプログラミング言語
Lightning Web Component...Vue.jsライクなSalesforce独自のUIフレームワーク