【Bラボデジタルサイネージ2】ラズパイ初期設定

![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fuser-images.githubusercontent.com%2F29194025%2F137117015-af05fe4f-7c32-4e38-876f-e153ff2f2f7d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=2bbf46fb5c1d8dec16f2fcb5d089fde2)

https://github.com/ohayota/BLabo-digital-signage

本記事は、[株式会社 函館ラボラトリ](http://www.hakolab.co.jp)が運営する「[Bラボ](http://www.hakolab.co.jp/b-lab/index.html)」における、大人向け「看板アプリ（デジタルサイネージ）を作るコース」用教材テキストです。

http://www.hakolab.co.jp/b-lab/index.html

1. [【Bラボデジタルサイネージ1】Processing+ラズパイでデジタルサイネージを作る！](https://qiita.com/ohayota/items/f4aa3e1b452060eb52ad)
1. **【Bラボデジタルサイネージ2】ラズパイ初期設定（本記事）**
1. [【Bラボデジタルサイネージ3】準備プログラム作成＆機能実現の方針決定](https://qiita.com/ohayota/items/41a746d2258673726541)
1. [【Bラボデジタルサイネージ4】レイアウトの基準になるグリッドを表示する「GridModule」](https://qiita.com/ohayota/items/df704f523b5aa4dbb180)
1. [【Bラボデジタルサイネージ5】レイアウトの基準になる枠を表示する「PlaceholderModule」](https://qiita.com/ohayota/items/f52a10660009794afd9f)
1. [【Bラボデジタルサイネージ6】画像を全画面表示する「FullImageModule」](https://qiita.com/ohayota/items/4a9c8423459c251f4911)
1. [【Bラボデジタルサイネージ7】ページの自動切り替え](https://qiita.com/ohayota/items/9d2c28f9cbf2f559be31)
1. [【Bラボデジタルサイネージ8】設置されている場所の名前を表示する「LocationModule」](https://qiita.com/ohayota/items/046b361d945a709c4605)
1. [【Bラボデジタルサイネージ9】現在の時間を表示する「DateModule」](https://qiita.com/ohayota/items/6b80137e33bfb4172de6)
1. [【Bラボデジタルサイネージ10】ページ切り替えの時間が分かる「ProgressBarModule」](https://qiita.com/ohayota/items/9f3b6f9f32b7d93ef2a7)
1. [【Bラボデジタルサイネージ11】現在の表示中のページが分かる「PageControlModule」](https://qiita.com/ohayota/items/23acc993dca47286fffb)
1. [【Bラボデジタルサイネージ12】現在の天気を表示する「WeatherRModule」](https://qiita.com/ohayota/items/d9b1d21037dcedcfd78c)
1. [【Bラボデジタルサイネージ13】直近2件のバス時刻表を表示する「BusRModule」](https://qiita.com/ohayota/items/93d7c9b5328188b3c5b6)
1. [【Bラボデジタルサイネージ14】ごみ出しカレンダーを表示する「GomiRModule」](https://qiita.com/ohayota/items/40ed5db352a688637f83)
1. [【Bラボデジタルサイネージ15】（発展編）ツイートを表示する「TwitterRModule」](https://qiita.com/ohayota/items/6367fad7beaf9ad9ea1c)
1. [【Bラボデジタルサイネージ16】開店／閉店を表示する「OpenCloseRModule」](https://qiita.com/ohayota/items/284b5c7e7101f602016f)
1. [【Bラボデジタルサイネージ17】部屋の温度を表示する「TemperatureRModule」](https://qiita.com/ohayota/items/386c27a021601fb3ccfd)
1. [【Bラボデジタルサイネージ18】部屋の明るさを表示する「BrightnessRModule」](https://qiita.com/ohayota/items/76279927b4ef35eaf628)
1. [【Bラボデジタルサイネージ19】起動画面を表示する「LaunchingScreenModule」](https://qiita.com/ohayota/items/0b6bdeda68c36707f762)
1. [【Bラボデジタルサイネージ20】RModuleの影を実装](https://qiita.com/ohayota/items/57242f18653ccf7eb83b)


# 前提

ラズパイへ差し込むmicroSDに「Raspberry Pi OS (32bit)」がインストールされており、ラズパイの電源を入れると正常に起動する状態が前提です。
ラズパイをHDMIケーブルでディスプレイに繋いで画面出力し、マウスとキーボードで操作できる状態にしてください。

# 初期設定

ラズパイをデジタルサイネージ用に使うには、以下の設定が必要です。

- ラズパイが出力する画面の解像度を、横1920px、縦1080pxに固定
- 時間が経つと画面が自動的にオフになる機能を無効化
- フォント「Noto Sans CJK JP」をラズパイにインストール
- 開発環境「Processing for Pi」をラズパイにインストール

## 画面解像度を固定

ラズパイの「設定 > Screen Configuration」を開き、「HDMI-1」を右クリックします。
解像度を変更できる画面が出るので、「1920x1080」に変更し、再起動します。

### 上記の方法が使えない場合

設定ファイルを直接変更します。
設定ファイルの変更には、ターミナルを使います。
ターミナルを開き、以下のコマンドを入力します。

``` shell:terminal
$ sudo nano /boot/config.txt
```

エディタが開いたら、下記の記述がある箇所を探してください。

``` txt:config.txt
# uncomment to force a console size. By default it will be display's size minus
# overscan.
#framebuffer_width=1280
#framebuffer_height=720
```

この記述のうち、下2行をこのように変更します。

``` txt:config.txt
framebuffer_width=1920
framebuffer_height=1080
```

変更後保存し、ラズパイを再起動してください。


## 画面自動オフを無効化

ターミナルで「autostart」というファイルを開きます。

``` shell:terminal
$ sudo vim /etc/xdg/lxsession/LXDE/autostart
```

開いたら、以下の記述を追加します。

``` txt:autostart
@xset s off
@xset s noblank
@xset -dpms
```

追加後は保存してください。
次に、「lightdm.conf」というファイルを開きます。

``` shell:terminal
sudo nano /etc/lightdm/lightdm.conf
```

開いたら、`[SeatDefaults]`と書いてある行を見つけ、その下に記述を追加します。

``` txt:lightdm.conf
[SeatDefaults]
xserver-command=X -s 0 -dpms
```

保存後、再起動してください。


## フォントのインストール

デジタルサイネージ上で日本語を表示するために、フォント「Noto Sans CJK JP」をインストールします。

ターミナルを開き、以下のコマンドを入力します。

``` shell:terminal
$ sudo apt-get install fonts-noto-cjk
```

処理が終わったら、ラズパイを再起動してください。


## Processing for Piのインストール

Processing for Piの公式サイトから、Processing for Pi 3.5.3をダウンロードし解凍します。

https://pi.processing.org/download/

解凍して出てきたファイルのうち、install.shというファイルをダブルクリックし、「端末で実行」をクリックします。
インストールし終えると、デスクトップにProcessingのアイコンが表示された状態になるので、ダブルクリックします。

### 使用可能メモリの追加

解凍後出てきたアプリケーションを起動した後、「ファイル > 設定」から、次の2つを変更してください。

- 「有効な最大メモリを増やす」にチェック
- 「256」を「512」に変更

### プログラム表示用フォントの変更

Processingで文字に使用されているフォント「Source Code Pro」が日本語表示に対応していないため、「Monospaced」というフォントを使うよう設定します。
Processingを閉じて、ターミナルで以下のコマンドを入力します。

``` shell:terminal
$ sudo nano /home/pi/.processing/preferences.txt
```

エディタ上で、以下の記述を見つけたら

```
editor.font.family=Source Code Pro
```

以下の記述に変更します。

```
editor.font.family=Monospaced
```

保存して閉じ、Processingを起動してください。


# 最後に

これでラズパイの初期設定は終了です！
次はProcessingのプログラムを書きます。
[**【Bラボデジタルサイネージ3】準備プログラム作成＆機能実現の方針決定**](https://qiita.com/ohayota/items/41a746d2258673726541)に進みましょう。

https://qiita.com/ohayota/items/41a746d2258673726541