リンク
個人開発
| 使用技術 | ReactTypeScriptViteChart.jsTailwind CSSVitestDockerDev ContainersGitHub ActionsGitHub Pages |
|---|---|
| 概要 | 確率分布の形やばらつきが、条件によってどう変わるかを動かして学べます。身近な活用例やシミュレーションを通して、数式だけではつかみにくい分布の特徴を確かめられます。 |
| 技術アピール | 確率計算と画面の処理を分離し、計算結果を自動テストで検証。大きな数でも計算が破綻しにくいよう工夫し、分布の設定や表示順をURLに保存しています。 |
| 使用技術 | ReactTypeScriptParcelMantinei18nextVitestDockerDev Containers |
|---|---|
| 概要 | データを並べ替えるアルゴリズムを、アニメーションで学ぶツール。同じデータを使って動きを見比べることで、手順や処理の多さの違いがわかります。速度調整や一時停止で、気になる動きもじっくり追えます。 |
| 技術アピール | 画面とアルゴリズムの処理を分け、機能を追加しやすい構成に。ブラウザの言語に合わせた表示切り替えと、Dockerによる開発環境の統一にも対応しています。 |
| 使用技術 | ReactTypeScriptChrome Extensions APIRedux ToolkitGraphQLApollo ClientMaterial UIRechartsViteDocker |
|---|---|
| 概要 | 気になる銘柄を見つけたら、その場で企業の財務も確認。普段使う株式情報サイトを開いたまま、資産や利益、お金の流れをグラフで見られます。別のサイトで企業を探し直す手間を省けます。 |
| 技術アピール | 閲覧中のページに合わせて、企業の財務データをGraphQLで取得。Redux Toolkitで拡張機能の状態を管理し、グラフの自動切り替えにも対応しています。 |
| 使用技術 | ReactTypeScriptMaterial UIRechartsRuby on RailsGraphQLSidekiqPostgreSQLRedisEDINET APIXBRLDockernginxさくらVPS |
|---|---|
| 概要 | 企業の資産や利益、お金の流れをグラフで把握。数字の表だけでは見えにくい財務の特徴をつかめます。キャッシュフローの特徴から企業を絞り込み、気になる投資先を探すこともできます。 |
| 技術アピール | EDINETから財務データを定期的に取得し、XBRL形式の書類を解析して保存。Sidekiqで定期処理を実行し、GraphQLで画面に必要なデータを返しています。 |
| 使用技術 | Vue.jsNuxt.jsTypeScriptVuetifyNode.jsExpress.jsFirebase AuthenticationCloud Functions for FirebasePostgreSQLDockernginxさくらVPS |
|---|---|
| 概要 | 名前を知らなかった地元企業の、意外な強みを知るきっかけに。さまざまな分野でNo.1を持つ福井の企業を、みんなの投稿から探せます。自分が知っている企業の魅力も共有できます。 |
| 技術アピール | 処理の依存関係を外から渡す設計（DI）で、機能を変更しやすい構成に。企業サイトの画像を定期的に取得・保存し、投稿取得の処理時間を約1秒短縮しました。 |
| 使用技術 | Vue.jsJavaScriptFirebase AuthenticationCloud FirestoreDockernginxさくらVPS |
|---|---|
| 概要 | 毎球が満塁で、打つたびに大量得点を狙える野球盤ゲーム。タイミングを見極めて打ち返し、ランキングのハイスコアに挑戦できます。 |
| 技術アピール | 三角関数とベクトル計算で、バット・ボール・盤面の当たり判定を実装。Firebaseでユーザー認証とスコアの保存を行い、ランキングを表示しています。 |
| 使用技術 | C#.NETAWS LambdaAmazon EventBridgeTerraformX APIGitHub Actions |
|---|---|
| 概要 | いつものタイムラインで、MLBの順位をチェック。フォローしておけば順位表が届くので、専用のサイトを開いて検索する手間なく、順位争いを追えます。 |
| 技術アピール | EventBridgeとLambdaで定期実行し、TerraformでAWSの構成を管理。GitHub Actionsでテストとデプロイを自動化し、投稿前に、Xへ送る文章を手元のPCで確認できるようにしています。 |
| 使用技術 | PythonFlaskLINE Messaging APICloud Vision APIGoogle Places APIGoogle Apps ScriptCloud FirestoreRender |
|---|---|
| 概要 | LINEから、近くのトイレ付きコンビニの検索や写真の文字の翻訳ができます。位置情報や写真を送るだけなので、外出先でも場所を入力したり、読めない文字を書き写したりする手間がかかりません。 |
| 技術アピール | FlaskでLINEのメッセージを受け取り、場所検索・文字の読み取り・翻訳のAPIを連携。翻訳はGoogle Apps ScriptでAPI化し、言語設定はFirestoreに保存しています。 |
| 使用技術 | HTMLCSSJavaScriptRender |
|---|---|
| 概要 | 飛んでくる弾をかわして、1分間生き残るゲーム。ルールはシンプルで、ブラウザからちょっとした合間に遊べます。 |
| 技術アピール | JavaScriptでゲームの動作を実装。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フレームワーク