コード埋め込みゼロで画面に修正指示ピンを立てるリバースプロキシ型ツール
Web制作の「修正指示」をスクショ赤入れとメール往復から解放するため、画面レビューツールPinRemarkをNode.js＋依存3パッケージで自社開発しました。ターゲットサイトに一切コードを入れずウィジェットを注入するリバースプロキシのURL書き換え、Shadow DOM隔離、ピン位置の二重保存、WebSocket同期の実装を、ハマりどころを含めて解説します。詳しくは関連リンクの技術コラムをご覧ください。
この製品へのお問い合わせ
基本情報
【技術要素】 ・リバースプロキシ（URL書き換え） ・Node.js（依存パッケージ3つ） ・Shadow DOMによるウィジェット隔離 ・ピン位置の二重保存 ・WebSocketによるリアルタイム同期 【カテゴリ】Webシステム
価格帯
納期
用途／実績例
【想定用途】 ・Web制作・システム開発の画面レビュー ・発注者と制作会社の修正指示のやり取り効率化 ・テスト工程での不具合指摘 【実績例】 ・自社開発の画面レビューツールPinRemarkとして実装。対象サイトへのコード埋め込みなしで動作。
企業情報
株式会社テクノスフィアは、AI・IoT・Webシステム開発など先進の技術領域で お客様の課題解決に取り組む大阪のシステム開発会社です。 2021年の創業以来、フラットなチーム体制を活かし、柔軟でスピーディな 開発スタイルを実現。 画像検査AI、スマートファクトリー支援システムなど、社会課題の解決に 直結するソリューションを手がけています。
