2018-08-11

Macbook Pro Late 2016(2 Thunderbolt) + Razor Core X(RX 570)でeGPUを試す

普段仕事でMacbook Pro Late 2016 Mem 16GB / SSD 512GB を使っています。仮想環境としてParallels+windows10を使っていますが、どうも動きが緩慢で最近出てきたeGPUで業務環境が改善しないかちょっと試してみました。

導入したのはこれ

Razer Core X
Radeon RX 570

Apple推奨のBlackmagic-egpuも有りましたが、コストを抑えめで試してみたかったので、格安eGPU BoxのRazer Core Xを導入。

Razer Core Xはオフィシャルストアで購入し、GPUは価格コムの最安値ショップで。

導入は至って簡単。箱を開けて、GPUをぶっ刺して、Macbook ProとRazer Core XをThunderbolt3のケーブルで接続するだけ。あとは勝手にMacがeGPUとして認識してくれます。

参考にした動画 How to hook up the Razer Core X eGPU to a MacBook Pro - YouTube

で、肝心の性能向上はというと、通常の業務アプリやブラウザでは対して性能向上の効果がありません。外付けディスプレイをeGPUボックスに接続し、動画編集ソフト、画像編集ソフトを使うのであれば効果があるかも。 ParallelsもeGPUを使ってくれるようですが、外部ディスプレイをメインディスプレイにして上げれば少しはeGPUを使っているようですが、そこまでの効果は実感できず。ということで、今の所巨大な外部モニター接続用のHUB＆給電となっております。

わたしのMacbook Proはもともと独立GPUがついておらず、4Kモニターに接続すると動作が怪しいこともあったので、その点においては役に立っているようです。

新しいmacOS MojaveではeGPUの対応が強化されているという話もあるので、それに期待ですね。

curl -s "https://api.github.com/repos/mayankk2308/set-egpu/releases/latest" | grep '"browser_download_url":' | sed -E 's/.*"([^"]+)".*/\1/' | xargs curl -L -s -0 > set-eGPU.sh && chmod +x set-eGPU.sh && ./set-eGPU.sh && rm set-eGPU.sh

ASUS グラフィックボード AMD Radeon RX 570

ASUS グラフィックボード Strixシリーズ AMD Radeon RX570搭載ビデオカード ROG-STRIX-RX570-O4G-GAMING

Asustek 2017-04-22
売り上げランキング : 4406

Amazonで詳しく見る

AKiTiO Node Lite

AKiTiO Node Lite Thunderbolt 3対応 PCI Express 外付け拡張ボックス（Windows/Mac両対応 / アミュレットオリジナルマニュアル付き）

AKiTiO
売り上げランキング : 55746

Amazonで詳しく見る

2018-05-02

ionic Creatorで作成した画面データのZIPをExportしてWebサーバにデプロイする

ionic Creatorでプロジェクト作成

https://creator.ionic.io/ にアクセスし、アカウント作成
+New Projectから新規のプロジェクト(myapp)を作成
Ionic v1とIonic v3.xに対応してるが、v3を選択

開発資源をZIPファイルにExport

適当に画面制作をした後、右上の雲のマークからZIPファイルにエクスポート
myapp.zipをダウンロード

Ionicのプロジェクトをセットアップ

ionic start myapp

? What starter would you like to use

-> sidemenu

? Would you like to integrate your new app with Cordova to target native iOS and Android?

-> No

? Install the free Ionic Pro SDK and connect your app? (Y/n)

-> Yes

ZIPを解凍した資源をionicプロジェクトフォルダsrc配下にコピー

unzip myapp.zip

srcフォルダ配下に以下の資源が展開される * src/index.html * src/app/ * src/pages/

cp -pr src/* IONIC_PROJECT/src

プレビュー

ionic serve

ビルド

ionic build

www配下にSPA資源が配置される
www配下の資源をApacheのDocumentRoot配下にコピーすることでWebアプリとして利用できる

参考URL

https://docs.usecreator.com/docs/zip-export-an-ionic-project

2018-04-30

Lightning Design SystemをAngularで使う（ng-lightningのセットアップ）

SPAのフレームワークであるAngularでLightning Design Systemを使うためのメモ。

ng-lightningというモジュールが展開されており、それを使うことで簡単に利用できるようになります。

プロジェクト作成

作業フォルダ

npm install -g @angular/cli
ng new PROJECT名

作業フォルダ/プロジェクト名

ng serve

ここまでで、Angularのプロジェクトが立ち上がります。

ng-lightningフレームワークをインストール

作業フォルダ/プロジェクトフォルダ

npm i @salesforce-ux/design-system --save
npm i ng-lightning --save

Lightning Design Systemを利用するための設定

読み込むcssファイルを.angular-json.cssファイルに追記。

作業フォルダ/プロジェクトフォルダ

vi .angular-cli.json

 21       "styles": [
 22         "styles.css",
 23         "node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css"
 24       ],

モジュールの読み込み

import { NglModule} from 'ng-lightning/ng-lightning';

作業フォルダ/プロジェクトフォルダ/src/app/app.module.ts

  1 import { BrowserModule } from '@angular/platform-browser';
  2 import { NgModule } from '@angular/core';
  3 import { NglModule} from 'ng-lightning/ng-lightning';
  4
  5 import { AppComponent } from './app.component';
  6
  7
  8 @NgModule({
  9   declarations: [
 10     AppComponent
 11   ],
 12   imports: [
 13     BrowserModule,
 14     NglModule,
 15     NglModule.forRoot()
 16   ],
 17   providers: [],
 18   bootstrap: [AppComponent]
 19 })
 20 export class AppModule { }