1 of 22

快適お手軽アウトプット環境を求めて

2024/07/25 Kyoto Tech Talk #5

京都産業大学 情報理工学部 1年

松本 紘輝

2 of 22

目次

1. アウトプットについて

5 min

0 min

2. 快適かつお手軽なアウトプット環境を求めて

3. おわりに

2 min

4 min

1 min

3 of 22

自己紹介

松本紘輝 Matsumoto Kouki

京都産業大学 情報理工学部 1年

コーヒーが好きです。�Kotlin, Go を書くこともあります。

​

株式会社はてな でアルバイト始めました。

https://github.com/rokuosan

https://twitter.com/rokuosan_dev

現実の姿

4 of 22

自己紹介

松本紘輝 Matsumoto Kouki

京都産業大学 情報理工学部 1年

コーヒーが好きです。�Kotlin, Go を書くこともあります。

​

株式会社はてな でアルバイト始めました。

https://github.com/rokuosan

https://twitter.com/rokuosan_dev

インターネットの姿

5 of 22

1. アウトプットについて

6 of 22

はじめに

アウトプットしてますか?

7 of 22

はじめに

私はたまに記事を書いてます

8 of 22

ブログの構成図

よくある静的ホスティングの形

9 of 22

概ね満足だが…

記事書く時がやや面倒

主に画像を扱うとき

10 of 22

画像を扱う時のフロー

何度もするのは面倒…

写真を撮って保存

ディレクトリに配置

マークダウンから参照

11 of 22

2. 快適かつお手軽なアウトプット環境を求めて

12 of 22

画像を扱う時の理想

理想はコピペができること

写真を撮ってコピー

記事にそのままペースト

13 of 22

執筆環境の理想

1. Markdown のプレビューがある

2. サッと書いてシュッとデプロイができる

3. 画像を記事にパッと挿入できる

4. できれば費用をかけずに運用したい

条件はこんな感じ

14 of 22

そんな都合のいい環境なんて…

あれっ、これって、、、

15 of 22

GitHub Issue

Issue で記事を書けばいいのでは…?

✅ Markdown のプレビューがある

✅ どこでも書ける

✅ 画像がコピペできる

✅ コストなし

16 of 22

ツール作りました 🥳

Issue をMarkdown へいい感じに変換してくれるツール

17 of 22

使ってみる

Actions に組み込んで自動化すると良い

Issueを書く

そのままデプロイされる

18 of 22

使ってみる

Hugo で必要そうなものは対応できる

Labels → Tags に対応

Milestones → Categories に対応

先頭コードブロック→Frontmatter

19 of 22

使ってみる

実際に今やってみよう

ここに公開する記事のURLとQRコードを貼る

20 of 22

3. おわりに

21 of 22

おわりに

GitHub は快適な執筆環境にもなり得る。

リポジトリのリンク

22 of 22

快適お手軽アウトプット環境を求めて

2024/07/25 Kyoto Tech Talk #5

京都産業大学 情報理工学部 1年

松本 紘輝