Emacsのオリジナルマグカップを作った話

[← 10日目の記事 by @uwabami](https://uwabami.junkhub.org/log/20211210.html) &nbsp;`emacs Advent Calendar 2021 11日目`&nbsp; [12日目の記事 by @j8takagi →](https://qiita.com/j8takagi/items/3fd7d1eda44177919b31)

# まえがき

突然ですが私が10年来愛用しているマグカップがこちらです。

<img alt="emacs_splash.jpg" width="350px" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/11126/48e6ab5d-5d23-586e-cdef-45f773fa8b21.jpeg" /> <img alt="emacs_icon.jpg" width="350px" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/11126/359ad09f-4ac3-7f34-a3db-19c2f1f8dfce.jpeg" />

そう！ Emacsのマグカップです。皆さんも見たことがある起動画面やEmacsアイコンが彩られたデザインとなっています。このマグカップを使えばいつでもEmacsと共に生き、日常生活がEmacsに染まること間違いなしです。

読者の皆さんもEmacsユーザであるからには、このマグカップが欲しくなりましたね？ しかしこのマグカップはどこにも売っていません。なぜなら私がデザインしたオリジナルマグカップだからなのです。

この記事ではオリジナルマグカップを作成した経緯や方法について説明します。読者の皆さんに「私もオリジナルマグカップを作ろう！」と思ってもらえれば幸いです。

# きっかけ

このマグカップを作ろうと思ったきっかけは、大河内健太郎さんという日本人の方がEmacsのアイコンを作ったという話[^1]を知ったことだったと思います。

[^1]: [Emacs アイコンがコミットされるまで](https://www.slideshare.net/nanasess/emacs-5282932)

「へ～、あのアイコン、日本人が作ったアイコンだったんだ～」みたいな感想をいだいたわけですが、そこから「おれもなんか作りたいな～」→「ライセンスがGPL v3なので、このアイコンから派生物を作れそうだな」→「アイコンをデザインしたグッズっぽいものを作ってみるか」→「普段使いできそうなグッズといえば……マグカップ！」のような気持ちの遷移をした気がします。

# 作成手順

ここからは具体的にどのような手順でオリジナルマグカップを作っていったか説明します。

## ショップ選定

もちろん私はマグカップ本体を自作する能力は持ちあわせていないので、デザインをデータ入稿したらマグカップを作成してくれるショップを探しました。適当に検索した結果、[マグカップマーケット](https://www.123mugcup.jp/)というショップを見つけました。

ここでデータ入稿の仕様なども確認します。入稿するデータのサイズは20.0cm×8.0cmで、ファイル形式はPDFやAIファイルが利用可能だということが確認できました。

## 素材集め

次はデザイン作成のために素材となる画像を入手します。Emacsのソースは[Savannahのリポジトリ](https://git.savannah.gnu.org/cgit/emacs.git)で管理されており、画像ファイルは[`etc/images`](https://git.savannah.gnu.org/cgit/emacs.git/tree/etc/images?h=emacs-23.3)の下に保存されています。

この中から起動画面に登場するヌーの[splash.svg](https://git.savannah.gnu.org/cgit/emacs.git/tree/etc/images/splash.svg?h=emacs-23.3)とアイコンである[emacs.svg](https://git.savannah.gnu.org/cgit/emacs.git/tree/etc/images/icons/hicolor/scalable/apps/emacs.svg?h=emacs-23.3)を素材として利用しました。

## デザイン作成

肝心要のデザインを作ります。

マグカップにはEmacsの起動画面を載せたかったので、`splash.svg`を使って起動画面っぽいデザインを作ります。$\LaTeX$を使って`splash.svg`と文字列をいい感じに配置して、以下のようなデザインのPDFを作成しました（今考えたら最初っからInkscapeでデザインすればいいのに、$\LaTeX$を使った理由は謎です…）。

[![emacs_splash.pdf](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/11126/a1c94b64-1b06-648b-6653-92aafe162672.png)](https://github.com/kai2nenobu/emacs-original-mug/blob/main/dist/emacs_splash.pdf)

右側にはEmacsアイコンを置く想定なので、ある程度隙間をあけておきました。このPDFをベースに右側にEmacsのアイコンを配置していきます（Illustratorは持っていなかったので、Inkscapeを使いました）。またEmacsアイコンだけでは少し寂しかったので、`Editing MACroS`という文字をいい感じに入れ込みました。

最終的なデザインは以下のようになりました。

[![emacs_original_mug.pdf](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/11126/496ef93b-929e-12dd-4502-3fe0b40799a8.png)](https://github.com/kai2nenobu/emacs-original-mug/blob/main/dist/emacs_oiginal_mug.pdf)

これをPDFとして出力すれば準備は万端です。

## 注文

あとはショップで所定の手続きに従って注文するだけです。マグカップマーケットの場合は1個840円というリーズナブルな価格で注文できました。注文メールを掘り返してみると、2011/12/19に注文しており、ほぼ10年前になりますね。

# まとめ

以上がオリジナルマグカップを作った手順となります。デザインをうんうん考えた期間も含めても2、3日で完成したものと思います。作った当初はこんなに長持ちするとは思っていませんでしたが、大きさもほどよく頑丈で、割れることなく現在も愛用し続けています。

上記の素材やデザインは[GitHub](https://github.com/kai2nenobu/emacs-original-mug)においてありますので、興味がある方はご覧ください。みなさんもEmacsの素材を使ってオリジナルのグッズを作ってみてはいかがでしょうか？