エピソード
Sketch2Code
Need- User Interface Design プロセスには、デザイナーがアイデアを共有するホワイトボードから始まる多くの創造性が含まれます。 デザインが描画されると、通常は写真内にキャプチャされ、Web ブラウザーで再生する作業用の HTML ワイヤーフレームに手動で翻訳されます。 これには労力がかかり、設計プロセスが遅れます。
ソリューション - Microsoft Cognitive Services 内で Computer Vision Service をホストします。 このサービスの背後にあるモデルは、何百万もの画像でトレーニングされており、さまざまな種類のオブジェクトの物体検出を可能にします。 この場合は、カスタム モデルを構築し、テキスト ボックス、ボタン、コンボボックスなどの手描きのデザイン要素の画像を使用してトレーニングする必要があります。 Custom Vision Service は、カスタム モデルをトレーニングし、オブジェクト検出を実行する機能を提供します。 HTML オブジェクトを識別できたら、Computer Vision Service に存在するテキスト認識機能を使用して、デザインに存在する手書きのテキストを抽出します。 これら 2 つの情報を組み合わせることで、デザインのさまざまな要素の HTML スニペットを生成できます。 その後、識別された要素の位置からデザインのレイアウトを推測し、それに応じて最終的な HTML コードを生成できます。
製品とサービス - Computer Vision (手書き OCR モデル)、Custom Vision、Azure Functions、Blob Storage、WebApp
Need- User Interface Design プロセスには、デザイナーがアイデアを共有するホワイトボードから始まる多くの創造性が含まれます。 デザインが描画されると、通常は写真内にキャプチャされ、Web ブラウザーで再生する作業用の HTML ワイヤーフレームに手動で翻訳されます。 これには労力がかかり、設計プロセスが遅れます。
ソリューション - Microsoft Cognitive Services 内で Computer Vision Service をホストします。 このサービスの背後にあるモデルは、何百万もの画像でトレーニングされており、さまざまな種類のオブジェクトの物体検出を可能にします。 この場合は、カスタム モデルを構築し、テキスト ボックス、ボタン、コンボボックスなどの手描きのデザイン要素の画像を使用してトレーニングする必要があります。 Custom Vision Service は、カスタム モデルをトレーニングし、オブジェクト検出を実行する機能を提供します。 HTML オブジェクトを識別できたら、Computer Vision Service に存在するテキスト認識機能を使用して、デザインに存在する手書きのテキストを抽出します。 これら 2 つの情報を組み合わせることで、デザインのさまざまな要素の HTML スニペットを生成できます。 その後、識別された要素の位置からデザインのレイアウトを推測し、それに応じて最終的な HTML コードを生成できます。
製品とサービス - Computer Vision (手書き OCR モデル)、Custom Vision、Azure Functions、Blob Storage、WebApp
ご意見およびご提案がある場合は、 こちらから問題を送信してください。