Writer Stockのご紹介

115 Views

July 17, 22

スライド概要

In 技育CAMP 7月Vol.6
https://github.com/PenguinCabinet/Writer-Stock

profile-image

ペンギン内閣

@PenguinCabinet

スライド一覧

ペンギン内閣です

シェア

埋め込む »CMSなどでJSが使えない場合

各ページのテキスト
1.

Writer-Stock Gitコミットから執筆量を自動でグラフにできるVS Code拡張機能 ペンギン内閣製作所

2.

解決したいこと 小説や技術本、ブログ等には文字数の下限が決まっていたりします。 執筆していると自分がどのくらいのペースで書けている気になりますよね? でも、一々書いた文字数と日付を手入力してグラフを作るのも面倒くさい… →そうだ、Gitのコミットを利用してグラフを自動生成しよう

3.

作りました

4.

Gitのコミット

5.

完成品の画像 このようにGitのコミットから自動的に文字数と時刻を取得して、執筆文字数のグラフ を取得できます

6.

使い方も簡単 VS Codeの拡張機能なため、執筆活動からシームレスにグラフを確認できます!!

7.

使用した技術スタック JavaScript HTML Git https://github.com/PenguinCabinet/Writer-Stock VS CodeはElectronのため、拡張機能開発にWEBの技術をそのまま流用できる!!(ありが たい) 先ほどのグラフの表示部分も、WebViewでやっているので普通にchart.jsを使っていま す。

8.

おわり この拡張機能によって、文字数が可視化されるので執筆者のモチベーションアップに つながると思います