1. ホーム
  2. スマホ、タブレット、パソコン
  3. PCサプライ、アクセサリー
  4. USBハブ
  5. サンワダイレクト USB3.0 → HDMI 変換アダプタ USB3.0×3ポート 拡張・複製対応 ディスプレイ増設 在宅勤務 1080p対応 400
【超特価sale開催!】 セール サンワダイレクト USB3.0 → HDMI 変換アダプタ USB3.0×3ポート 拡張 複製対応 ディスプレイ増設 在宅勤務 1080p対応 400 kentaro.sakura.ne.jp kentaro.sakura.ne.jp

サンワダイレクト USB3.0 → HDMI 変換アダプタ USB3.0×3ポート 拡張・複製対応 ディスプレイ増設 在宅勤務 1080p対応 400

7153円

サンワダイレクト USB3.0 → HDMI 変換アダプタ USB3.0×3ポート 拡張・複製対応 ディスプレイ増設 在宅勤務 1080p対応 400

USBポートからHDMI出力が可能なUSB3.0ディスプレイアダプタです。HDMIポートがないノートPCやSurfaceでも、本製品を使うことで大画面のディスプレイに出力可能です。
在宅勤務・テレワーク時、小さなノートPCの画面での作業で生産性が下がっていませんか?本製品で大画面の外部ディスプレイに出力して、作業効率をアップ!
拡張モード、複製モードの2つから使用場面に合わせてお選びいただけます。
USB3.0対応のUSBハブを3ポート搭載しており、マウスやキーボード、メモリなど、3種のUSB機器を接続可能です。(※外付けハードディスク、DVDドライブなどの消費電力が大きい機器を接続する場合は、電力不足により動作が不安定になる場合があります)
付属のドライバCDをインストールするだけで、簡単に使用できます。また、サンワダイレクトのHPから最新版のソフトウェアをダウンロードしていただけます。


サンワダイレクト USB3.0 → HDMI 変換アダプタ USB3.0×3ポート 拡張・複製対応 ディスプレイ増設 在宅勤務 1080p対応 400

USBポートからディスプレイ出力!USBハブ3ポート付き変換アダプタを2月24日発売|サンワサプライ株式会社のプレスリリースUSBポートからディスプレイ出力!USBハブ3ポート付き変換アダプタを2月24日発売|サンワサプライ株式会社のプレスリリース
tatuya 3
手軽、飲みやすい、保管しやすい。あとは、体にどれだけいいものかは、月日をかけなければ分かりませんが期待しています。

あすつく対応 エーオークーラー AO Coolers ランチクーラー ウッドランドカモ AO6RTCAMO
VGA/HDMI端子の数が足りない!2台目PCモニターのつなぎ方VGA/HDMI端子の数が足りない!2台目PCモニターのつなぎ方
USB-HDMI変換アダプタ(USB3.0ハブ付・ディスプレイ増設・デュアルモニタ・ディスプレイアダプタ)/YK-HUB027/400-HUB027【ケーブルのネット通販専門店 ケーブル市場】USB-HDMI変換アダプタ(USB3.0ハブ付・ディスプレイ増設・デュアルモニタ・ディスプレイアダプタ)/YK-HUB027/400-HUB027【ケーブルのネット通販専門店  ケーブル市場】
不思議なカップ 普通の水をジュース感覚で楽しめる 選べるフレーバー 香り付き コップ 健康 ダイエット 節約 エコ 食器 タンブラー ■■ ◇ 魔法のカップ 難消化性デキストリン 2kg (500g×4袋) 粉末 水溶性 食物繊維 腸活 大容量 サプリメント ダイエット ファイバー サプリ トウモロコシ由来 天然 送料無料
USBポートからディスプレイ増設が可能。HDMIへ変換できるUSB-HDMI変換アダプターを2月26日発売。|サンワサプライ株式会社のプレスリリースUSBポートからディスプレイ増設が可能。HDMIへ変換できるUSB-HDMI変換アダプターを2月26日発売。|サンワサプライ株式会社のプレスリリース
Amazon カスタマー 4
肌触り良くサラッとしてて良かったです。クッション性も優れていて気持ちいいです。少し黒ずんできたので、洗濯出来ればいいのですが…。

トミー ヒルフィガー ゴルフ 長袖 ハイネック スウェットパーカー メンズ THMA284 かぶりタイプ ゴルフウェア CHONMAGE FISHING ウォッシャブル ジグメッシュバッグ ジギング ジグポーチ ヒラマサ カンパチ ブリ
3画面・4画面】ノートパソコンは絶対にマルチモニター化して使うべき【トレーダーは必須】 | 副業インストーラー3画面・4画面】ノートパソコンは絶対にマルチモニター化して使うべき【トレーダーは必須】 | 副業インストーラー
ITライフハック : 変換アダプタITライフハック : 変換アダプタ
USB-HDMIディスプレイ変換アダプタ(USB3.0ハブ付・ディスプレイ増設・デュアルモニタ・マルチモニタ) 400-HUB027の販売商品 | 通販ならサンワダイレクトUSB-HDMIディスプレイ変換アダプタ(USB3.0ハブ付・ディスプレイ増設・デュアルモニタ・マルチモニタ) 400-HUB027の販売商品 |  通販ならサンワダイレクト
象印 水筒 マグ 子供 大人 おしゃれ ワンタッチ 480ml ワンタッチ 保温 保冷 ステンレスボトル 軽量 SM-SE48 ギフト[TBHO TOKU] MIZUNO(ミズノ) プルブイ (ビート板) スイミング 水泳 [85ZB750] 足首ウォーマー または 手首ウォーマー どちらか選択 トルマリンファイバーで不思議と温かい CANTERBURY カンタベリー クルー ソックス AS02167 ラグビー ストッキング ミズノ ブレスサーモダウンパンツ ネイビー Mizuno B2MF0526 14 ハッピー(160g) Black Shark 5 日本モデル「SHARK PAR-H0」Snapdragon 870 6.67型・メモリ ストレージ
洗浄機用洗剤 業務用 食洗機 送料無料 NEWデタ―ウォッシュ 20L(約25kg) 各種洗浄機メーカーに対応 EPSON エプソン A4インクジェット複合機 カラリオ Colorio 4色 無線LAN EW-052A ロングスカート 秋 スカート 黒 レディース Aラインスカート オフィス ウエストゴム ミモレスカート 厚手 冬スカート 30代 40代 50代 通勤
ながーいケーブルで使いやすい!モバイルドッキングステーションを9月9日発売 企業リリース | 日刊工業新聞 電子版ながーいケーブルで使いやすい!モバイルドッキングステーションを9月9日発売 企業リリース | 日刊工業新聞 電子版
ベビーほたて ボイル済み 1kg 1パック150〜200粒 送料無料 ホタテ 帆立 蒸し 仕送り 業務用 食品 おかず お弁当 お取り寄せ お歳暮
3画面・4画面】ノートパソコンは絶対にマルチモニター化して使うべき【トレーダーは必須】 | 副業インストーラー3画面・4画面】ノートパソコンは絶対にマルチモニター化して使うべき【トレーダーは必須】 | 副業インストーラー
Amazon カスタマー 5
御守り一つ一つを色に合わせてオーガンジーの巾着袋に入れてくださって、素敵に完成させてくださいました。虎のストラップもノベルティーに付けてくださり、優しく想いを込めて送ってくださったのがとてもよく感じられました。本当に有り難うございました♪

Amazon.co.jp: USB HDMI 変換アダプタ HDMI 変換コネクタ USB3.0 1080P 安定出力 マルチディスプレイ アダプタ 外付け ディスプレイ コンパクトで持ち運び便利 変換ケーブル : パソコン・周辺機器Amazon.co.jp: USB HDMI 変換アダプタ HDMI 変換コネクタ USB3.0 1080P 安定出力 マルチディスプレイ アダプタ  外付け ディスプレイ コンパクトで持ち運び便利 変換ケーブル : パソコン・周辺機器

xRと出会って変わった人生と出会った技術を書き残すためのGeekなHoloRangerの居場所

本日はUnity調査枠です。

先日GitHub上で公開されているリポジトリから直接Unityパッケージとして機能をインポートする方法を記述しました。

この際にリポジトリのルートが直接パッケージとして読み込める形になっていない場合として任意のパスのフォルダを指定しする方法を紹介しました。

redhologerbera.hatenablog.com

今回はフォルダではなく任意のブランチを指定する方法を紹介します。

〇任意のブランチをUnityパッケージとして導入する。

GitHubでは複数のブランチでプロジェクトが管理されていることがあります。

例えばMicrosoft MixedRealityToolkit GraphicsToolsではmainブランチのほかにpublic/0.4xなどいろいろなブランチが存在しています。

通常何も指定しない場合先日の方法ではdefalutのブランチ(MRGTではmainブランチ)が指定されます。

今回はここを任意のブランチに変更して使用していきます。

今回はpublic/0.4.xのブランチを使用していきます。

package.jsonに次の一行を追加します。

    "com.microsoft.mrtk.graphicstools.unity": "https://github.com/microsoft/MixedReality-GraphicsTools-Unity.git?path=/com.microsoft.mrtk.graphicstools.unity#public/0.4.x",

前回の階層を指定する方法は?path=/(フォルダ名)でしたが今回のブランチを指定する方法は末尾に#(ブランチ名)をつけることで可能になります。

この方法でブランチを選択してインポートできるようになりました。

本日はUnity調査枠です。

今回はGithubのリポジトリから直接パッケージとしてUnityのプロジェクトに導入していきます。

〇環境

・Unity2021.3.5f1

・GitHub

〇経緯と前提

UnityのパッケージではUnity公式非公式問わずに様々なパッケージを入手、使用することができますが、例えばGitHubでオープンソースで開発されているプロジェクトでリリースとして提供されているバージョンではなく、GitHubの最新のリポジトリをパッケージとして導入したいという場合もあります。

筆者の場合Microsoft MixedRealityGraphicsToolsの開発に参加しているということもありリリース版ではなく最新のGitHubリポジトリの機能を使用したい場合があります。

 そういった場合UnityではGitHubのリポジトリ自体からPackageとしてインポートすることができます。

 この方法が可能な条件としてpackage.jsonが存在しUnityパッケージとして機能する必要があります。

 

①UnityプロジェクトのエクスプローラーからPackages/manifest.jesonを開きます。

dependenciesに次の一文を追加します。

 "dependencies": {
    "com.microsoft.mrtk.graphicstools.unity": "https://github.com/microsoft/MixedReality-GraphicsTools-Unity.git",

この名前はMixedReality-GraphicsToolsのpackage.jsonnameがそれに該当します。

github.com

{
  "name": "com.microsoft.mrtk.graphicstools.unity",
  "version": "0.4.14",
  "displayName": "MRTK Graphics Tools",
  "description": "Graphics tools and components for developing Mixed Reality applications in Unity.",
  "msftFeatureCategory": "MRTK3",
  "unity": "2020.3",
  "author": "Microsoft",
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "https://github.com/microsoft/MixedReality-GraphicsTools-Unity"
  },
  "bugs": {
    "url": "https://github.com/microsoft/MixedReality-GraphicsTools-Unity/issues"
  },

urlはリポジトリをクローンする際のHTTPSを指定します。

③URLの末尾に次の行を追加します。

?path=/com.microsoft.mrtk.graphicstools.unity

これはpackage.jsonがリポジトリの直下に存在する場合は必要ないですが、今回のMRGTの場合リポジトリのcom.microsoft.mrtk.graphicstools.unityフォルダにpackage.jsonがあり、一つ下の階層を指定する必要があります。

これを行うためにはHTTPS?path=/(フォルダ名)を使用します。

これによってUnityのプロジェクトを開いた際にパッケージが導入されます。

以上でGitHubリポジトリからUnityパッケージとしてインポートできました。

ルーペ付LEDスタンドライト エルズーム ホワイト [品番]08-0787 DS-L24ZS-W

本日はMRGT調査枠です。

前回に引き続きMixedRealityGraphicsTools StandardShader全機能を解説していきます。

前回はCullModeの実装を見ていきました。

メイベリン ファッションブロウ パウダーインペンシル N BR-P2 自然な茶色

本日はAlbedoの処理を追っていきます。

〇Albedo

Albedoは最も基本的な設定になります。

ここではテクスチャと色を指定することができます。

プロパティ上は冒頭に記載されている_Color_MainTexで定義されています。

Shader "Graphics Tools/Standard"
{
    Properties
    {
        // Main maps.
        _Color("Color", Color) = (1.0, 1.0, 1.0, 1.0)
        _MainTex("Albedo", 2D) = "white" {}

また実装ではPixelShaderの最初期に処理が行われています。

MRGTShaderのPixelShaderでは最初にテクスチャ関係の処理が行われています。

half4 PixelStage(Varyings input, bool facing : SV_IsFrontFace) : SV_Target
{
  ・・・
#if defined(_TRIPLANAR_MAPPING)
    // Calculate triplanar uvs and apply texture scale and offset values like TRANSFORM_TEX.
    half3 triplanarBlend = pow(abs(input.triplanarNormal), _TriplanarMappingBlendSharpness);
    triplanarBlend /= dot(triplanarBlend, half3(1.0h, 1.0h, 1.0h));
    float2 uvX = input.triplanarPosition.zy * _MainTex_ST.xy + _MainTex_ST.zw;
    float2 uvY = input.triplanarPosition.xz * _MainTex_ST.xy + _MainTex_ST.zw;
    float2 uvZ = input.triplanarPosition.xy * _MainTex_ST.xy + _MainTex_ST.zw;
  ・・・
#endif
// Texturing.
#if defined(_DISABLE_ALBEDO_MAP)
    half4 albedo = half4(1.0h, 1.0h, 1.0h, 1.0h);
#else
#if defined(_TRIPLANAR_MAPPING)
#if defined(_URP)
    half4 albedo = SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, uvX) * triplanarBlend.x +
                   SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, uvY) * triplanarBlend.y +
                   SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, uvZ) * triplanarBlend.z;
#else
    half4 albedo = tex2D(_MainTex, uvX) * triplanarBlend.x +
                   tex2D(_MainTex, uvY) * triplanarBlend.y +
                   tex2D(_MainTex, uvZ) * triplanarBlend.z;
#endif
#else
   ・・・
#if defined(_URP)
    half4 albedo = SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, input.uv);
#else
    half4 albedo = tex2D(_MainTex, input.uv);
#endif
#endif
#endif
#endif

ここでは機能ごとに分かれていますが基本的な処理は次のようになります。

#if defined(_URP)
    half4 albedo = SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, input.uv);
#else
    half4 albedo = tex2D(_MainTex, input.uv);
#endif

URPの場合とビルドインの場合で処理が分岐していますが、どちらもサンプリングを行っているだけです。

これらのサンプラーはGraphicsToolsStandardInputで定義されています。

#if defined(_URP)
TEXTURE2D(_MainTex);
SAMPLER(sampler_MainTex);
#endif
#else
sampler2D _MainTex;

URPではSAMPLERが使用できるため最適化されています。

half4 albedoは最終出力へ出力されております。

本日は以上です。

このあたりは基礎的なものですね。

本日はBlenderモデリング枠です。

今回はBlenderでNゴンを表示する方法を紹介します。

〇Nゴンとは?

Nゴンとはメッシュの形状を指す言葉です。

3DCGは様々な拡張子があり、様々な表現が行われていますが、共通して頂点と3つの頂点をもとに構成される面であるメッシュで構成されています。

この三角形のメッシュをポリゴンと呼びます。

しかしBlenderでは3つ以上の頂点をもとにメッシュを作成することができます。

上記の例では32個の頂点で一つのメッシュが形成されています。

このように3つ以上の頂点で構成されるメッシュのことをNゴンと呼んでいます。

 Blenderだけで使用する場合はまだよいのですが、NゴンはBlenderからエクスポートされた場合自動でポリゴンへ変換されます。

 この際にメッシュが破断してしまうことがあります。また一部のアドオンなどではメッシュ形状に依存しているものがあり、Nゴンは許容するかNゴンを作らないように作成するかはモデラーが後先のことを考えて作成する必要があります。

〇Nゴンを検出する

今回はアドオンの関係でNゴンが許容できず修正する必要がありました。

具体的にはHairToolで髪を作成する際に4つの頂点で構成されるメッシュである必要がありました。

redhologerbera.hatenablog.com

redhologerbera.hatenablog.com

HairToolを使用するためにはメッシュを四角形にする必要があります。

これは三角面を四角面にを選択して半自動的にメッシュを修正します。

ですが単純に行っては一部に三角形やNゴンが生じます。

この先は手動で修正する必要がありますがここからNゴンの検出を行います。

ここからは特徴で全選択から面の辺数を選択します。

メニューから頂点数を今回発見したいNゴンの数にします。

ここで表示されている面が今回では四角形以外のメッシュになります。

5角形のNゴンを検出したい場合は頂点数を5に設定します。

以上でNゴンを検出できました。

本日はグラフィック調査枠です。

〇RenderDocとは?

RenderDocはオープンソースで開発、提供されている、GPU上で実行されている処理を見ることができるソフトウェアになります。

〇RenderDocを使用してUnityアプリのデバッグを行う。

今回はOculusLinkで接続したPCVR用のアプリケーションのデバッグを行います。

今回はもともとMetaQuest単体で動かすために開発していたソフトウェアを急遽PCVRでアプリケーションを実行したところ、一部のオブジェクトが描画されないという問題が発生しました。

 今回はなぜ描画がされていないのかデバッグを行いました。

 UnityではEditor自体がRenderDocによるデバッグをサポートしているためRenderDocがインストールされているPC環境ではGameウィンドウ、もしくはSceneウィンドウからキャプチャを行うことができました。

 Unityで開発したアプリケーションにはその機能はないため、RenderDoc経由でアプリケーションを起動する必要があります。

〇環境

・Windows 11

・PCVR(Desktop)向けにビルドしたUnityアプリケーション

・RenderDoc

〇手順

①RenderDocを起動します。

前述のとおりデバッグを行うアプリケーションはRenderDoc経由で起動する必要があります。

②Launch Applicationタブを開きます。

Executable Pathの右側アイコンを選択します。

④起動したいUnityアプリのexeファイルを選択します。

⑤Pathが入ったことを確認してLaunchを選択します。

以上でアプリが起動します。

RenderDoc経由で起動した場合左上部にデバッグログが表示されるようになっています。

キャプチャをとるためにはF12キーを選択します。

〇ピクセル単位のデバッグ

今回はあるピクセルにおいてどのような処理が実行されているのかを調べます。

Texture Viewerで任意のピクセルを右クリックします。

これによってPixel Contextにピクセル単位の表示が行われます。

Pixel Context下部のHistoryを選択することでそのピクセルで行われているイベントを見ることができます。

画像の例では4つのイベントが走っていることがわかります。

各イベントをダブルクリックすることでそのイベントへと飛ぶことができます。

Pixel Contextを使用することでそのピクセルで実行されているイベントと描画されるRGBAを見ることができます。

 これによってより描画がおかしい場所などデバッグを行いやすくなっています。

本日は以上です。

スターバックス タンブラー 正規品 リユーザブルカップ スタバ グランデ 北米限定 蓋付き おしゃれ ホット コールド こぼれない ギフト

本日はMRGT調査枠です。

前回に引き続きMixedRealityGraphicsTools StandardShader全機能を解説していきます。

前回はRenderingModeの実装を見ていきました。

redhologerbera.hatenablog.com

redhologerbera.hatenablog.com

redhologerbera.hatenablog.com

redhologerbera.hatenablog.com

今回はCullModeを見ていきます。

〇CullModeとは?

CullModeはカリングを指し、もともと不要なものを取り除くという意味があります。

 Shaderではメッシュの裏面、表面のどちらかを描画するかを指定するパラメータになります。

 CullModeの意味に合わせると『メッシュの表、裏どちらを不要な描画として描画しないか』になります。

デフォルトではBackが指定されており、この状態ではメッシュの裏面が描画されなくなっています。

CullMode=Back

この場合メッシュの表面のみが描画され、Unityプリミティブキューブの場合では近づいたときに見えるキューブの内側は描画されていないことがわかります。

反対にfrontでは面の表面がカリングされ、裏面が描画されます。

CullMode=front

もう一つOffというモードがあります。

これはカリングを無効(=カリングしない)モードでこの場合メッシュの両面が描画されます。

通常の不透明オブジェクトの場合デフォルトのBackで問題なく表示されますが、例えば次の画像の髪のように板ポリゴンで構成されているメッシュの場合見た目が悪くなることがあります。

オフにすることで両面が描画され、ある程度違和感のない見た目が実現できます。

当然Offにすることで描画負荷は上がってしまいますが、MRTKのシェーダーの場合任意に切り替えることもできるので、裏面が見えないようなオブジェクトをポリゴンで再現する場合とCullModeで対応する場合で比較した場合ほとんどの場合はCullModeで両面描画するほうがパフォーマンスもよくなると思うので、便利な機能です。

〇実装

カリングはShaderLab内で次のように定義します。

Cull Off
Cull Front
Cull Back

Graphicstools StandardShaderでは次のように実装されています。

  // Default pass (only pass outside of the editor).
        Pass
        {
            Name "Main"
            ・・・
            Cull[_CullMode]
            ・・・
            HLSLPROGRAM
   ・・・
            ENDHLSL
        }

_CullModeはPropetiesブロックで定義されています。

        [Enum(UnityEngine.Rendering.CullMode)] _CullMode("Cull Mode", Float) = 2                             // "Back"

UnityEngine.Rendering.CullModeはUnityで提供されるEnum型のクラスです。

docs.unity3d.com

冒頭で紹介した通りBack、Front、Offが提供されておりそれぞれ値を渡せるよういなっています。

本日は以上です。

本日はUnityのトラブルシューティング枠です。

本日まで3日ほど筆者は所属している会社の方で展示会に出展しておりました。

赤 緑 黄色 3色7点灯 電気ウキ( 電子ウキ・ナイターウキ ) 夜の光 全長26cmの1本 浮力約3.3g Y11YNHm26RGY 電気浮き

今回はPCVR(OculusLink)向けにアプリケーションを開発したのですが、作成したexeファイルをPCで実行する際にセキュリティスキャンが始まり起動できない問題がありましたので今回は解消した方法を残します。

〇問題

冒頭で紹介したようにUnityで出力された.exeファイルを実行時にセキュリティスキャンが行われ、いつまでもアプリが起動しない問題がありました。

この問題を解消するためには一時的にWindowsのセキュリティを解除するウことを行いました。

これを行うためにWindowsの[設定]アプリを開きます。[更新とセキュリティ]を選択します。

[Windoiwsセキュリティ]を選択し[アプリとブラウザーの制御]を選択します。

この設定では実行するアプリやWebブラウザーでのウィルスなどのセキュリティをチェックしています。

今回は筆者自身が作成したアプリケーションであるため一時的にセキュリティを解除しています。

次に[評価ベースの保護設定]を選択します。

最後に[望ましくない可能性のあるアプリをブロック]をオフに設定します。

この設定はデフォルトではオンになっているものです。

この操作によってアプリ起動時のブロックが発生しなくなります。

この状態で[管理者権限で実行]を利用してアプリケーションを起動することでループから抜け出しアプリケーションが起動します。

本日は簡単なトラブルシューティングになりました。

なお、セキュリティの問題からアプリ終了時にはセキュリティによる保護を再度確認し、有効にする必要があります。