This slide was used in my presentation at KeebKaigi2023 "Sema-Pitches". / KeebKaigi2023の狭ピッチで発表したときのスライドです。

1. Sema-Pitch
I seek soothing in OLED screen…?
“狭ピッチ”トーク
OLEDに癒しを求めて…?
Sorry, The English I wrote on this slide is
not very correct.. 😓
And I’ll speak in Japanese only now.

2. self-introduction / 自己紹介
• @yadaita (Keiko YADA / やだ けいこ)
• A Rubyist who loves “KUMAMON” / くまモン好きのRubyist
（Kumamon is the famous Character in Japan!）
• A member of Rails Girls Japan / Rails Girls Japan メンバー
• I’ll participate “Rubyist Book Authors Stamp Rally”
starting tomorrow! /明日から「最近本を出したRubyistに
話しかけようスタンプラリー」に参加します！

3. My “Sema-Pitch” is about…
私の狭ピッチトークは…

5. OLED screen(s)

6. I’ll talk about … /これから話すこと
• I am soothed by watching my favorite images projected on the
OLED screen.So … I’ll talk about how to rewrite the OLED screen
because I want more people to do this!
• OLEDに好きな画像を表示して癒されています。で、その仲間を
増やしたいと思っているので、OLEDの書き換えかたの話をします。

7. Why rewrite OLED screens?
/ やってみようと思ったきっかけ
• I was tired from typing on the keyboard for a long time. And I want to sooth
somewhrer.
/ 長時間キーボード打っていると疲れた・・・どこかに癒しが欲しくなった。
• I thought that I could change OLED screens to whatever I wanted 🤔
/ OLED、好きなもの表示できるんじゃないか？
• I did a lot of research and tried.
/ 色々調べて試してみた。

8. I did it! / で・き・た！
©2010 kumamoto pref. kumamon

9. How to do it?
どうやってやるの?

10. Premise/ 前提
• Environment / 環境
• QMK Firmware 0.20.6 (0.14.16 also OK）
• Keybords with working OLED
/ 完成時にOLEDが稼働するキーボード
• Today, I’ll use “Lily58” as an example.
/ 今回はLily58を例にあげます。

11. How to rewrite a OLED screen/書き換えかた
1. Prepare “QMK Firmware build environment”.
/ QMK Firmwareビルド環境を準備する
2. Create an image to display on the OLED.
/ OLED用の画像ファイルを作成する
3. Rewrite “Font file” .
/ フォントファイルを書き換える
4. Build and flash firmware.
/ ファームウェアをビルドして書き込む

12. 1. Prepare “QMK Firmware build environment”.
/ 1. QMK Firmwareビルド環境を準備する
• Please read the official QMK Firmware documentation.
/ QMK Firmware の公式サイトを参考にして準備してください
• English : https://docs.qmk.fm/#/newbs_getting_started
• 日本語 : https://docs.qmk.fm/#/ja/newbs_getting_started

13. 2. Create an image to display on the OLED screen.
/ 2. OLED用の画像ファイルを作成する
• I think this task is the most time
consuming.
/ これが一番時間かかるかも
• Create a 126px x 24px png file.
/ 126(px)x24(px)のpngファイルを
つくります。
• It is recommended that the image be
created using black and white binary
images.
/ 黒と白の2値画像でつくること推奨
©2010 kumamoto pref. kumamon

14. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Create new “font file” base on "default font file”.
/ デフォルトのフォントファイルから、新しいフォントファイルを作成します。
• Create new keycap at QMK Firmware Environment.
/ QMK Firmware環境で、新しいキーマップを作ります。
> qmk new-keymap -kb lily58
• Copy “default font files” into the keymap directory you just created.
/ lily58/lib/glcdfont_lily.c（キーボードのデフォルトフォントファイル）を
先ほど作成したキーマップのディレクトリにコピーします。

15. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Create new “font file” data.
/ フォントファイルのデータを作ります。
• Use “QMK Logo Editor”
/ “QMK Logo Editor”を使います
・https://joric.github.io/qle/
• Select “Example” -> “Lily58”
/「Examples」を選択して、自分の
キーボートのデータを選ぶ
• Select “Text”
「Text」を選択

16. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Select "Upload Image" to load the
png file you just created.
/「Upload Image」を選択して、
先程のpngファイルを読み込みます

17. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Select “Font” again.
/「Font」をもう一度選択します
©2010 kumamoto pref. kumamon

18. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Check the contents of the font file.
/ フォントファイルの内容を確認
します。
• If it bothers you, fix it directly.
/ 気になるようなら直接なおします。
©2010 kumamoto pref. kumamon

19. 3. Rewrite “Font file” .
/ 3. フォントファイルを書き換える
• Select and copy all the font
information where "static const
~" is printed below.
/”static const〜”と出力されてい
るところのフォント情報を全選
択＆コピーします。
• Replace the entire font
information of "const unsigned
〜" in glcdfont_lily.c that you
just created.
/ 先程作ったglcdfont_lily.cにある
const unsigned 〜のフォント情
報部分をまるっと差し替えます。
©2010 kumamoto pref. kumamon

20. 4. Build and flash firmware.
/ 4. ファームウェアをビルドして書き込む
• Write “# define OLED_FONT_H ”in config.h
自分のフォルダにあるconfig.hの中で自分が先程作ったフォントファ
イルを宣言します。（「OLED_FONT_H」で宣言）
• Don’t forget “#undef OLED_FONT_H” before “#define
OLED_FONT_H ”
/ 各キーボードの標準のフォントファイルが宣言済のはずなので
undef忘れずに・・・！

21. 4. Build and flash firmware.
/ 4. ファームウェアをビルドして書き込む
• Compile firmware / コンパイルする
> qmk compile -kb lily58/rev1 -km my_keymap
• Flash firmware / 書き込む
> qmk flash -kb lily58/rev1 -km my_keymap
• Done ! / これで完了！

22. Conclusion / まとめ
• I enjoy rewriting OLED screens!
OLEDを自分好みに色々触るのは楽しい！
• If you are interested, please give it a try!
気になる人はやってみてほしいです！
• I bought my keybords. If you look my OLED screen, please let
know me.
実物が気になる方はお声がけください。

23. Next…it’s your turn!
次はあなたがOLEDで癒される番です