Writer Stockのご紹介

125 Views

July 17, 22

プログラミング javascript vscode

スライド概要

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

profile-image
スライド一覧

ペンギン内閣です

シェア

ダウンロード

ダウンロード(pdf - 199.92kB)

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

関連スライド

slide-thumbnail

だからあれほど自分を信用するなと言ったのに
マネジメント タスク管理 タスク sechack365
user-img ペンギン内閣 328
slide-thumbnail

ServerlessでAnnictに記録したアニメ数をバッジにす るサービスを作った話
serverlesslt プログラミング
user-img ペンギン内閣 233
slide-thumbnail

セキュリティに関する短編小説コンテストへのお誘い
小説 セキュリティ sechack365
user-img ペンギン内閣 139
slide-thumbnail

やんないじゃないできないんだ！~多すぎるタスクとの向き合い方~
マネジメント タスク タスク管理 sechack365
user-img ペンギン内閣 113
slide-thumbnail

最新の6.0で学ぶ！初めてのひとのためのSpring Security
java spring security
user-img tada 534.1K
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 495.5K
各ページのテキスト
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.

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