静止図: 入力から、人の確認を経て通知へ。 実APIには接続しません。
FACTORY FLOOR入力から通知まで。人の確認を、回路に残す。
01 / SERVICE
画面だけで終わらせない。
業務の裏側までつくる。
入力、連携、集計、確認。
毎日の仕事を、動く仕組みにします。
- 01
SYSTEM DEVELOPMENT
業務をほどく。システムにする。
番組管理などの社内業務システムを開発してきた経験を活かします。入力画面から、裏側のデータ処理までつくります。
構成例 / 提供する設計役割ごとの入力・確認・引き継ぎを設計します。
- 02
DATA & MEASUREMENT
データをつなぐ。判断を支える。
Web・広告の接点とCRMの商談・成約をつなぎます。ABテストの経験を活かし、計測から実装、比較検証まで支援します。
構成例 / 提供する設計何を測り、何と比較するかを先に決めます。
- 03
AI ADOPTION
AIを、毎日の仕事に組み込む。
調査、資料作成、集計を題材に使い方を整えます。ツール選定から利用ルール、研修、運用まで支援します。
構成例 / 提供する設計AIの出力を、そのまま確定情報として扱いません。
- 04
INTERFACE ENGINEERING
触ってわかる画面をつくる。
入力、検索、一覧の操作を実装します。Webフロントエンドの経験を軸に、VR・MRの体験にも対応します。
構成例 / 提供する設計プロトタイプを触り、操作の流れを確かめます。
02 / SYSTEM DESIGN
つながった後を、
設計する。
取得に失敗したら止める。確かめてから届ける。
再実行で、データを重複させない。
実システムの接続・顧客実績を示す図ではありません。
入出力を、先に決める。
曖昧なつなぎ方を、型で整理します。
以下は、このサイトの構成図に使う定義です。
export type WorkflowStep = {
input: string;
transform: string;
output: string;
};src/App.tsx / WorkflowStep
CASE STUDY / 素材待ち
実装の中身は、事例で見せる。
【要提供: 公開可能な事例の業務内容・構成・使用技術・成果】
公開許可が取れた事例から掲載します。
03 / HOW WE WORK
小さくつくる。
照合して、渡す。
- 01
業務をほどく
ツール、手順、困りごとを整理します。まず手作業をひとつ消す。それから広げます。
- 02
つなぎ方を決める
入出力、データの定義、確認する人を決めます。対応範囲と成果物をそろえます。
- 03
つくって照合する
元データと結果を照合します。欠損や処理失敗の動きも確かめます。
- 04
運用まで渡す
監視、再実行、引き継ぎを設計します。止まったときの復旧手順も残します。
04 / SPEC SHEET
このサイトも、
ひとつの実装。
見えている画面の、裏側を開く。
- JS / GZIP
- 65.64 KiB
- CSS / GZIP
- 4.04 KiB
- FRAMEWORK
- React 19.2.8 / TypeScript 5.9.3
- BUILD TOOL
- Vite 8.2.2
- HOSTING
- Cloudflare Pages
- BUILD / UTC
- COMMIT
- b465480f9330
サイズはビルド済みJS／CSSのgzip合計。画像・フォントを含みません。表示値はビルド時に自動生成します。
05 / ABOUT
設計から運用まで。
畔柳 亮。
Googleではパートナー技術サポートとマネジメントを担当。
STYLYではVR・MRのフロントエンド開発とディレクションを担当。
Web、データ連携、リアルタイムCG。
業務を整理し、実装と運用まで持ちます。
【要提供: 代表プロフィールの確定文・写真掲載の可否】
- 会社名
- 株式会社かみなりふぁくとり
- 代表
- 畔柳 亮
- 事業
- 業務自動化・API連携・データ基盤
- 東京大学大学院工学系研究科 卒業 / Google 合同会社 入社
- Google 合同会社 退社 / フリーランスとして活動
- STYLY, Inc 入社
- かみなりふぁくとり設立
- STYLY, Inc 退社
06 / NEXT
まず、手作業を
ひとつ減らす。
仕組みづくりの進め方 【要提供: 問い合わせ先・メール公開の可否・フォームの要否】