Hyperの壁紙を設定する2022

みなさんターミナルにHyperつかってますか？ Electronベースなマルチプラットフォームなターミナリアプリです。

hyper.is

特に見た目に関するカスタマイズがやりやすく

klaussinani.github.io

のようなテーマを丸切り変えるプラグインが有名ですね。

壁紙を設定する 結論

github.com

このプラグインを利用します。 基本的にreadmeに書いてあることを行えば問題ありません。

本文

今回はhyperに壁紙を設定する方法が日本語で見つからなかったので記事化してみます。 （ちなみに著者の環境はmacです）

簡単に検索すると hyperの背景に画像を設定する方法 - Qiita が見つかります

基本的にこの記事の方法でも実現できますがCSS設定等がめんどくさいのでプラグインで実現しましょう

インストール

hyper i hyper-background-image

画像の配置

専用のフォルダを作成してそこに画像を配置します

mkdir ~/hyper-bg/
cp [画像] ~/hyper-bg/

設定

module.exports = {
  ...

  config: {

    ...

    backgroundImage: {
      folder: '~/hyper-bg',
      colorOpacity: .6,
      position: "center", // background-position default : center
      size: "contain",  // background-size default : contain
      repeat: "no-repeat",  // background-repeat default : no-repeat
    }

    ...

こうすると作成したフォルダ内の画像がランダムに背景として切り替わります やりましたね

ただしこれで作業が捗るかは微妙ですね。。 気分上げてやっていきましょう！！！

おまけ

MacでHyperを手動でインストールすると、 ToolsのInstall Hyper CLI command in PATH を行ってもhyperコマンドが使えない時があります。 これの対策は

mkdir -p /usr/local/bin

等でusr/local/binのフォルダを作ってあげると動作することがあります。 （実際ちょっとハマりました） ご参考までに

ちなみにHyperはブラウザ並みにメモリを使用するのでメモリ8GBのPC等では利用をおすすめしません、、