DEV Community: Masahiro H

macOSでRISC-V版FedoraをQEMUで起動する

Masahiro H — Sun, 03 May 2020 03:25:29 +0000

macOS上のQEMUでRISC-V版Fedoraを動かしてみた。ビルド済みバイナリは下記から取得できるものを使用。

https://fedorapeople.org/groups/risc-v/disk-images/

実施環境

macOS Catalina 10.15.4
brew導入済み

手順

HomebrewでQEMUを導入する。

$ brew install qemu

ワークスペースに移動し、Linuxカーネル、ブートローダ、Fedoraディスクイメージをダウンロードする。

$ cd ~/workspace
$ mkdir risc-v-fedora
$ wget https://fedorapeople.org/groups/risc-v/disk-images/vmlinux
$ wget https://fedorapeople.org/groups/risc-v/disk-images/bbl
$ wget https://fedorapeople.org/groups/risc-v/disk-images/stage4-disk.img.xz
$ xzdec -d stage4-disk.img.xz > stage4-disk.img

以下のコマンドでQEMUを起動する。

$ qemu-system-riscv64   \
    -nographic \
    -machine virt \
    -kernel bbl \
    -object rng-random,filename=/dev/urandom,id=rng0 \
    -device virtio-rng-device,rng=rng0 \
    -append "console=ttyS0 ro root=/dev/vda" \
    -device virtio-blk-device,drive=hd0 \
    -drive file=./stage4-disk.img,format=raw,id=hd0 \
    -device virtio-net-device,netdev=usernet \
    -netdev user,id=usernet,hostfwd=tcp::10000-:22

ユーザ名はroot、パスワードはriscvでログインする。

ホストのmacOSからSSHで接続もできる。

$ ssh -p 10000 root@localhost

Hugo+Github Pagesで新しい個人ウェブサイトを作った

Masahiro H — Sun, 03 May 2020 03:23:25 +0000

HugoとGithub Pagesで個人ブログを作ったので作業メモ。
macOS Catalina 10.15.4で作業した。

手順

GitHub repositoryを作成
Hugoでサイト作成
GitHub Pagesで公開
独自ドメイン設定
記事を追加

GitHub repositoryを作成

GitHubで新しくリポジトリ(例えばblogという名前)を作成する。このリポジトリにはHugoのプロジェクトを配置する。プライベートリポジトリでも可。
次に、username.github.ioリポジトリを作成する。ここにはHugoで生成したサイトのファイルを配置するため、パブリックリポジトリとして作成する必要がある。

mshr-h/mshr-h.github.io

$ hugo new site blog
$ cd blog
$ git submodule add https://github.com/zhaohuabing/hugo-theme-cleanwhite themes/hugo-theme-cleanwhite
$ cp -r themes/beautifulhugo/exampleSite/* .
$ hugo server -D

Hugoでサイト作成

Hugoをインストールする。

$ brew isntall hugo

作業ディレクトリに移動し、hugoコマンドで新規プロジェクトを作成する。

$ cd ~/workspace
$ hugo new site blog
$ cd blog

テーマをインストールする。今回はClean Whiteを選んだ。テーマはsubmoduleとして追加する。

$ git init
$ git submodule add https://github.com/zhaohuabing/hugo-theme-cleanwhite.git themes/hugo-theme-cleanwhite

テーマが用意してくれているサンプルページをベースに構築する。サンプルページをコピーする。

$ cd ~/workspace/blog
$ cp -r themes/hugo-theme-cleanwhite/exampleSite/* .

設定ファルを編集する。

$ vim config.toml

baseurlは独自ドメインを使わない場合username.github.io、使う場合はそのドメインを指定する。titleはブログのタイトルを、themeはテーマ名(hugo-theme-cleanwhite)を指定する。

baseurl = "https://keepcodingkeepclimbing.com/"
title = "Keep Coding, Keep Climbing"
theme = "hugo-theme-cleanwhite"
languageCode = "ja-jp"
googleAnalytics = ""
paginate = 8 #frontpage pagination
hasCJKLanguage = true

[outputs]
home = ["HTML", "RSS", "Algolia"]

[params]
header_image = "img/home-bg-jeep.jpg"
SEOTitle = "Keep Coding, Keep Climbing"
description = "programming and rock climbing"
keyword = "programming, software, machine learning, climbing, bouldering, blog"
slogan = "programming and rock climbing"
image_404 = "img/404-bg.jpg"
title_404 = "404 Not Found"
omit_categories = false
# algolia site search
algolia_search = true
algolia_appId = ""
algolia_indexName = ""
algolia_apiKey = ""
# Sidebar settings
sidebar_about_description = "Edge deep learning research engineer, open source enthusiast and rock climber"
sidebar_avatar = "img/avatar.jpg" # use absolute URL, seeing it's used in both `/` and `/about/`
featured_tags = true
featured_condition_size = 1
about_me = true
custom_css = ["css/custom-font.css"]

[params.social]
rss = true
twitter = "https://twitter.com/mshrh3"
linkedin = "https://www.linkedin.com/in/masahiro-hiramori-63b992167/"
github = "https://github.com/mshr-h"
googlescholar = "https://scholar.google.com/citations?user=NSCMi88AAAAJ"
facebook = "https://www.facebook.com/masahiro.hiramori"

[[params.addtional_menus]]
title = "CV"
href = "/top/cv/"

[[params.addtional_menus]]
title = "ABOUT"
href = "/top/about/"

[outputFormats.Algolia]
baseName = "algolia"
isPlainText = true
mediaType = "application/json"
notAlternative = true

[params.algolia]
vars = ["title", "summary", "date", "publishdate", "expirydate", "permalink"]
params = ["categories", "tags"]

[markup.tableOfContents]
endLevel = 2
startLevel = 1

[markup.highlight]
style = "dracula"

[markup.goldmark.renderer]
unsafe = true

以下のコマンドでローカルにて確認できる。

$ hugo server -D

http://localhost:1313/をブラウザで開くとサンプルページが表示される。

GitHub Pagesで公開

hugoでビルドしたページはpublic/ディレクトリに生成される。このディレクトリをusername.github.ioにプッシュすることで、GitHub Pagesが更新される。
hugoで作成したblogディレクトリをリモートのblog/リポジトリに紐付け、public/ディレクトリをusername.github.ioリポジトリに紐付ける。

$ cd ~/workspace/blog
$ git remote add origin https://github.com/mshr-h/blog
$ git submodule add -b master https://github.com/mshr-h/mshr-h.github.io public

この時点で各リポジトリとディレクトリの対応関係は以下の通り。

~/workspace/blog/ <-> https://github.com/mshr-h/blog
            +-public <-> github.com/mshr-h/mshr-h.github.io
            +-themes/hugo-theme-cleanwhite/ <-> https://github.com/zhaohuabing/hugo-theme-cleanwhite.git

Clean Whiteテーマにはデプロイスクリプトdeploy.shが用意されているので、これ使ってデプロイする。

$ cd ~/workspace/blog
$ ./deploy.sh

独自ドメイン設定

独自ドメインを使う場合、username.github.ioリポジトリとDNSレコードの設定が必要。

username.github.ioリポジトリの設定タブからGitHub PagesのCustom domainに独自ドメインを指定する。

DNSのAレコードに以下を追加する。

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

詳細はここを参照する。

記事を追加

新しい記事を作成し、デプロイする。

$ hugo new post/2020-04-01-article-title.md
$ vim content/post/2020-04-01-article-title.md
$ ./deploy.sh

Clean Whiteテーマ特有の設定

Clearn Whiteテーマはデフォルトで中華フォントのため、日本語フォントを使うためにはCustom CSSでフォントを指定する必要がある。

static/css/custom-font.cssに以下の内容を保存する。

body, h1, h2, h3, h4, h5, h6, .navbar-custom { 
    font-family: Helvetica,"Sawarabi Gothic",Meiryo,"メイリオ","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",YuGothic,"游ゴシック",Arial,sans-serif; 
}

config.tomlにすでにcustom_cssに関して記載があるため、以下に書き換える。

custom_css = ["css/custom-font.css"]

これでブログの設定完了。

DNSレコードの種類

Masahiro H — Sun, 03 May 2020 03:22:46 +0000

DNSレコードとは、DNSを動作させるための設定情報のこと。DNSサーバは、ドメイン名とIPアドレスの対応表である「ゾーンファイル」を保持しており、このファイルに記載されている1行ごとの詳細情報をDNSレコードと呼ぶ。
このゾーンファイル設定では、「レコードタイプ」と呼ぶ情報の種類に応じてDNSレコードを記述する。レコードタイプのうち、Vercelで購入したドメインに対してnow dns ls実行時に表示されるものを次に示す。

A(Address)レコード
- ホスト名に対応するIPアドレスを定義する
- 例えば、独自ドメインでGitHub Pagesを公開する際に使用する
CNAMEレコード
- ドメインやホスト名の別の名義を定義する
- 例えば、www付きドメインからwww無しドメインに転送する際に使用する
TXTレコード
- ホスト名に関連付けるテキスト情報を定義する
- 例えば、Google Search Consoleにドメインプロパティとしてドメインを登録する際に使用する
MXレコード
- メールの転送先(メールサーバ)のホスト名を定義する
CAA(Certification Authority Authorization)レコード
- SSL/TLSサーバ証明書を発行できる認証局(CA)を指定する

How to build onnx/onnx for your ARMv7l devices

Masahiro H — Thu, 12 Mar 2020 10:38:34 +0000

microsoft/onnxruntime provides build instruction for ARMv7l python wheel which requires onnx/onnx. But it doesn't provide binary package or build instruction for ARMv7l. So I've written a dockerfile to build onnx/onnx python wheel.

Build instruction

1. Create a build directory

mkdir build-onnx
cd build-onnx

2. Save the dockerfile on into the build directory

Dockerfile.arm32v7

FROM balenalib/raspberrypi3-python:latest-stretch-build

ARG REPO_URL=https://github.com/onnx/onnx
ARG BRANCH=master

#Enforces cross-compilation through Qemu
RUN [ "cross-build-start" ]

RUN install_packages \\
    sudo \\
    build-essential \\
    cmake \\
    git \\
    python3 \\
    python3-pip \\
    python3-dev \\
    libprotoc-dev \\
    protobuf-compiler

RUN pip3 install --upgrade pip setuptools wheel
RUN pip3 install numpy

# Prepare onnx Repo
WORKDIR /code
RUN git clone --single-branch --branch ${BRANCH} --recursive ${REPO_URL} onnx

# Start the basic build
WORKDIR /code/onnx
RUN python3 setup.py bdist_wheel

# Build Output
RUN realpath /code/onnx/dist/onnx-*.whl

RUN [ "cross-build-end" ]

3. Run docker build

It will take several hours depending on your machine specs.

docker build -t onnx-arm32v7 -f Dockerfile.arm32v7 .

4. Note the full path of the `.whl` file

It will print the path something like this.

Step 12/13 : RUN realpath /code/onnx/dist/onnx-*.whl
---> Running in ded3b4302e29
/code/onnx/dist/onnx-1.6.0-cp35-cp35m-linux_armv7l.whl

5. Copy the Python wheel from the docker image

docker create -ti --name onnx_temp onnx-arm32v7 bash
docker cp onnx_temp:/code/onnx/dist/onnx-1.6.0-cp35-cp35m-linux_armv7l.whl .
docker rm -fv onnx_temp

6. Copy the wheel file to your ARMv7l device

example:

scp onnx-1.6.0-cp35-cp35m-linux_armv7l.whl pi@RaspberryPi:/home/pi/

7. On device, install the wheel file

pip install onnx-1.6.0-cp35-cp35m-linux_armv7l.whl