まずは、話して整理する
初回無料相談
オンライン60分。代表が直接お話を伺い、
支援できる範囲と進め方を整理します。
PRODUCTS, LEARNING & RESEARCH
仕事のために、
つくったもの。
動くツール、伝わる教材、判断に使える資料。
自社で制作した成果物と、その制作内容をご紹介します。
RECENT WORK / 01 · PRODUCT DESIGN
KŌZŌ 4D
2026.09
ブラウザで操作できる建築向け4D CADのコンセプトデモです。架空の建築プロジェクトを使い、複雑な情報を見比べながら操作する体験を設計しました。
- つくったもの
- 3Dモデル、部材一覧、プロパティ編集、施工タイムラインを組み合わせたアプリ。
- できること
- 部材の選択・寸法編集、平面・立面・断面の切り替え、工程の確認、CSV・JSONの出力。
- ご相談いただけること
- 既存データの可視化、社内用ビューア、業務の操作画面、実現可否を確かめる試作。
RECENT WORK / 02 · LEARNING DESIGN
AIハーネス設計の実務
2026.09
AIに仕事を任せるときの指示、観察、修正、完了判断を扱う教材制作例です。概念の説明から業務の手順へ、段階的に理解できる構成と図解を制作しました。
- つくったもの
- 「AIハーネス設計の実務」全36枚のスライド。表紙と本文の一部を掲載しています。
- 伝えること
- AIに任せる仕事の組み立て方、出力の確かめ方、観察した結果を次の判断につなぐ流れ。
- ご相談いただけること
- 対象者や自社業務に合わせた研修の構成、教材、図解、演習用の資料づくり。
RECENT WORK / 03 · RESEARCH & STRATEGY
生成AI支援企業50社の競合調査
2026.09
生成AI支援を提供する50社の公開情報を調べ、サービス構成、記事から問い合わせへの導線、公開実績などを整理した調査制作例です。比較表とHTMLレポートにまとめ、サイト設計の判断材料を作りました。
- つくったもの
- 50社の比較表、参照URL一覧、構造分析を含むHTMLレポート。
- 整理したこと
- 公開情報で確認できた事実、サイト構造からの仮説、改善案を区別して記録。
- ご相談いただけること
- 市場・競合の情報整理、業務の優先順位づけ、社内検討用の比較資料や報告書の制作。
Case 01
建築・現場のための
3Dビューア3D tools for the field
図面を読み慣れていない関係者にとって、平面図は伝わりません。構造をレイヤーごとに切り替えて確認できる3Dビューアにすることで、 打ち合わせの前提合わせにかかる時間そのものを短縮します。
仮設・安全計画のビューアでは、要件をAIで抽出したうえで、足場や重機の配置は決定論的なパラメトリック生成で行っています。 生成AIに「それらしい形」を作らせるのではなく、寸法と規則で計算する。安全に関わる領域では、この分離が欠かせません。
Three.jsレイヤー制御パラメトリック生成単一HTMLで配布
Case 02
現場が毎日開くツールを、
内製で。Tools people open every day
既製SaaSでは要件が合わない領域に、必要な機能だけを持った軽いツールを作ります。ローカル完結の構成も選べます。
01
依存を減らす
外部APIやビルドが必要な構成は、それ自体が運用リスクになります。必要がなければ、依存ゼロの静的構成を選びます。
02
データを外に出さない選択肢
機密性の高い分析は、外部送信を行わないローカル完結の構成でも提供できます。
03
引き継げる形で書く
納品後に社内の方が触れるよう、構造と命名を単純に保ちます。凝った実装は、引き継げなければ負債です。
記事制作の5工程 / 流れの図解
題材と、届ける相手を整理。
何について、誰に伝えるか。記事制作の出発点を揃えます。
伝える順序を、先に組む。
見出しと流れを整理し、書き始める前に全体を確認します。
構成に沿って、文章にする。
工程を分けることで、書く作業と確認する作業を整理します。
書いた内容を、人が確かめる。
出典・表現・誤りを確認し、必要な修正へ戻します。
使う前に、最後の確認を。
目的に沿う内容かを確認し、完成物として扱います。
Case 03
Webサイト制作Web production
モーションを効かせたブランドサイトから、機能重視の法人LPまで。共通しているのは 「演出が読み込めなくても、内容は必ず表示される」という設計方針です。
GSAPScrollTriggerLenis依存ゼロ静的WordPress移設
堅牢性について
アニメーションのためにCSSで要素を隠す実装は、スクリプトが読み込めなかった瞬間にコンテンツが消えます。 私たちは、JavaScriptが生きていることを確認できたときだけ要素を隠し、一定時間内に演出が始まらなければ隠す指定自体を取り消す設計にしています。 このサイトも同じ方式です。
アニメーションのためにCSSで要素を隠す実装は、スクリプトが読み込めなかった瞬間にコンテンツが消えます。 私たちは、JavaScriptが生きていることを確認できたときだけ要素を隠し、一定時間内に演出が始まらなければ隠す指定自体を取り消す設計にしています。 このサイトも同じ方式です。
Case 04
研修教材と、
商談で配る資料。Training material & decks
日本語の資料は、字形と余白で品位が決まります。見出しは明朝、区切りは極細のヘアライン、塗りは最小限。読み手の集中を邪魔しない体裁に整えます。
01
仕様から生成する
スライドは手作業ではなくコードから生成します。文言を直せば全ページが整合したまま再出力されるため、改訂が速く、崩れません。
02
PDFに変換して目視検証
出力後にPDF化して画像に落とし、全ページを見て確認します。文字のはみ出しや孤立行は、この工程で潰します。
03
研修教材は改訂前提
Day別・部署別に分岐する教材は、共通部分と差分を分けて管理します。次年度の改訂コストが大きく変わります。
LET’S MAKE IT WORK.
次の一歩を、
一緒につくる。
業務のAI活用も、SEO・AI検索への取り組みも。
いまの課題から、必要なことを整理します。