Raspberry Piで QMK firmware キーボード設定用の VIAを動かす方法、Remapも動かすよ！

$ node -v
v18.17.1

$ npm -v
9.6.7

【2023年】Raspberry Piに最新版や LTSの Node.jsを超簡単にインストールする方法

sudo apt update

cd
git clone https://github.com/the-via/app via --depth 1
cd via

# sh: 1: concurrently: not found
npm install

npm run start

# 2 vulnerabilities (1 moderate, 1 high)
npm audit fix

npm run start

Network: use --host to expose

    "dev": "node scripts/build-definitions.js && vite --force",
を
    "dev": "node scripts/build-definitions.js && vite --force --host",
に書き換える。

import {defineConfig} from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import {splitVendorChunkPlugin} from 'vite';
import {createHtmlPlugin} from 'vite-plugin-html';
import fs from 'fs';
import basicSsl from '@vitejs/plugin-basic-ssl'

const hash = fs.readFileSync('public/definitions/hash.json', 'utf8');

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    basicSsl(),
    react(),
    createHtmlPlugin({
      inject: {
        data: {
          hash,
        },
      },
    }),
    splitVendorChunkPlugin(),
  ],

openssl genrsa -out self_key.pem 1024
openssl req -new -key self_key.pem -out self_csr.pem
openssl x509 -req -in self_csr.pem -signkey self_key.pem -out self_cert.pem

ls -l *.pem
-rw-r--r--   1 pi pi    769 Sep  2 06:28 self_cert.pem
-rw-r--r--   1 pi pi    603 Sep  2 06:28 self_csr.pem
-rw-------   1 pi pi    891 Sep  2 06:27 self_key.pem

import fs from 'fs'
を追加する。

vite.config.ts
export default defineConfig({
...
  server: {open: true},
を
  server: {
    open: true,
    https: {
      key: fs.readFileSync('./self_key.pem'),
      cert: fs.readFileSync('./self_cert.pem'),
    }
  },
に書き換える。

sudo apt update

cd
git clone https://github.com/remap-keys/remap --depth 1
cd remap

sudo npm install -g yarn
# added 1 package, and audited 2 packages in 3s
# found 0 vulnerabilities

yarn install
# yarn install v1.22.19
# [1/4] Resolving packages...
# [2/4] Fetching packages...

# error An unexpected error occurred: "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.4.2.tgz: ESOCKETTIMEDOUT".
yarn install

HTTPS=true yarn start

HTTPS=true yarn start

USB Detection Error
Looks like there was a problem getting USB detection working. Right now, we only support browsers that have WebHID enabled, so make sure yours is compatible before trying again.

Unsupported Web Browser

Remap works on Web Browsers which the WebHID API is supported.
For example, Google Chrome version 89 or later supports the WebHID API.

*Trial for WebHID on Google Chrome (ver. 86-88) has been completed. Please use the version 89 of Google Chrome stable which will be released on March 2nd, or use the version 89 or higher ofGoogle Chrome beta or Google Chrome Canary.

Raspberry Pi Pico RP2040で QMKのファームウェアを動かす！

【ソースコード有り】QMKキーボードに PC98起動時のピポ音を実装する方法

【ソースコード有り】QMKキーボードに Caps Lockや Scroll Lock等の LEDインジケータ機能を追加する方法

QMKで動的にキーボードマクロを定義できる Dynamic Macrosを有効にする方法

【2023年】QMK firmwareの開発環境を Windows WSLにセットアップする方法

キーボードの VIAや QMKのファームウェアがバージョンアップして VIAを認識しないのを解決する方法

【自由工作】市販のキーボードを無改造で VIA QMK化する Keyboard Quantizerを自作する【夏休み】

QMK firmwareで I/Oピンが足りない場合にデコーダ、デマルチプレクサを使用して IOを拡張する解決方法

QMK firmwareで I/Oピンが足りない場合に I2Cの GPIOエキスパンダを使用して IOを拡張する解決方法

QMK firmwareで Audio機能を試してみる

QMK firmwareで OLED機能で SSD1306を試してみる

QMK firmwareで Analog Stick機能で PSP2000用アナログ ジョイスティックを試してみる

中華製の格安なプログラマブル USBキーボードを買ってみた QMK VIAとは別物

ロータリーエンコーダ付きの中華製の格安なプログラマブル USBキーボードを買ってみた QMK VIAとは別物

社畜のキーボード「新入社員の同期」を購入してみた！！ VIA、QMK、Remapでのカスタマイズに対応