Portfolio0000 m — Surface
tekubi
Web & App Development with AI｜Workflow Automation
AIを活用して、Webアプリと業務を自動化する仕組みをつくっています。学習を支える小さなツールや、AIエージェントに任せるワークフローの設計にも取り組んでいます。
つくったものから、その奥へ。
Layer 01表層 — 作品
Projects
つくってきたものを、地層から。
No.01
Listening
Trainer
英語リスニング学習アプリ
Personal tool — 自分の学習用（非公開）
Fig.01 — HomeActual UI
Feedback
Weakness Analysis
No.02
AI Task
Starter
AIタスク管理スターター
Distribution kit — 自分の運用を配布版に
Fig.02 — DashboardSample data
Layer 02中層 — 制作の裏側
Process
Case Study — このサイトのモバイル最適化
01 — 課題
Problem
スマートフォンでのスクロール時に、地層の背景がカクつく。負荷の高い背景を毎秒60回描き直していたため、描画が追いつかず本文とずれていた。
02 — 工夫
Approach
モバイルでは背景を区切りごとに一度だけ描画し、本文と一緒にスクロールさせる構成に変更。縞が割れる・光が満ちる演出の間だけ、見えている範囲を描き直す。
03 — 結果
Result
スクロールに合わせた背景の再描画をなくし、本文とのずれを解消。デスクトップと同じ地層の表現を保ったまま、動きだけを軽くした。
Layer 03深層 — 得意なこと
Skills
制作の記録から見えた、3つの強み。
-
C—01
Learning Design
学習の目的を、ツールの機能に落とし込む
Listening Trainer
-
C—02
AI Integration
AIを、機能の一部として組み込む
Listening Trainer
-
C—03
Workflow Automation
複数の作業をつなぎ、自動化する
AI Task Starter
InterestsAI & Automation ／ Small Tools ／ English ／ Information Security ／ Reading
Layer 04Bedrock — これから
学びながら、小さなツールやWebアプリを形にしてきました。
次は、プログラミングとAI活用の専門性をさらに深め、制作の過程も発信していきます。