書籍を書きました。 そう、VS Codeで。

TechFeed Experts Night#12 〜 【VSCode, Vim, Emacs】エンジニア向けエディタ最新動向！にて発表した資料です。

※8分間のLTなので「詳細はググれ！」となっているのはご容赦ください🙏

https://techfeed.io/events/techfeed-experts-night-12
https://www.youtube.com/watch?v=WQgLRvuB8_o

Transcript

1. 書籍を書きました。
   そう、VS Codeで。
   TechFeed Experts Night#12
   @kameneko
   

   View Slide

2. かめねこ
   ● @kameneko1004
   ● さくらインターネット所属
   ● インフラエンジニア
   ● サーバとコミュニティと車がすき
   ● 愛車はMAZDA3
   ● 絶賛口内炎（ﾂﾗｲ
   VS Code歴： 8年
   （ベータ公開から利用中）
   

   View Slide

3. Visual Studio Codeで書籍を書きました
   

   View Slide

4. Visual Studio Codeで書籍を書きました
   

   View Slide

5. ● Microsoftが開発しているマルチプラットフォーム対応のエディタ
   ● IDEに劣らず高機能で軽量なエディタ
   ● IntelliSense対応
   ● エクステンションで拡張可能
   

   View Slide

6. ● Microsoftが開発しているマルチプラットフォーム対応のエディタ
   ● IDEに劣らず高機能で軽量なエディタ
   ● IntelliSense対応
   ● エクステンションで拡張可能
   

   View Slide

7. ● Microsoftが開発しているマルチプラットフォーム対応のエディタ
   ● IDEに劣らず高機能で軽量なエディタ
   ● IntelliSense対応
   ● エクステンションで拡張可能
   https://code.visualstudio.com/
   

   View Slide

8. Visual Studio Codeで書籍を書きました
   

   View Slide

9. Visual Studio Codeで書籍を書きました
   

   View Slide

10. Visual Studio Codeで書籍を書きました
    そもそも書籍ってどうやって作られるの？
    

    View Slide

11. 書籍を執筆するフロー
    原稿 デザイン 印刷
    データ
    

    View Slide

12. 書籍を執筆するフロー
    原稿 デザイン 印刷
    データ
    Markdown Tex Word
    

    View Slide

13. 書籍を執筆するフロー
    原稿 デザイン 印刷
    データ
    Markdown Tex Word
    

    View Slide

14. VS Codeを選択
    Markdown
    Tex
    Word
    

    View Slide

15. VS Codeを選択
    Markdown
    ● textlint が利用できる
    ● プレーンテキストなのでGithubで管理できる
    ● ファイルが軽量
    

    View Slide

16. VS Codeを選択
    Markdown
    ● textlint が利用できる
    ● プレーンテキストなのでGithubで管理できる
    ● ファイルが軽量
    

    View Slide

17. VS Codeを選択
    ● textlint が利用できる
    ● プレーンテキストなのでGithubで管理できる
    ● ファイルが軽量
    https://textlint.github.io/
    ● 日本語などの自然言語用のLintツール
    ● Markdownとプレーンテキストをサポート
    ● ルールを追加してカスタマイズ可能
    

    View Slide

18. VS Codeを選択
    https://textlint.github.io/
    Markdown
    https://github.com/dcurtis/markdown-mark
    textlint Visual Studio Code
    

    View Slide

19. VS Code + textlint
    を実現するには
    

    View Slide

20. VS Code + textlintを実現するには
    ● 詳細はググって下さい
    ● ホストPCにnodejs、vscodeに拡張機能を追加して導入
    

    View Slide

21. TIPS
    

    View Slide

22. Tips
    使っているtextlintルール
    $ npm install \
    textlint-rule-ja-hiragana-keishikimeishi \
    textlint-rule-ja-hiragana-fukushi \
    textlint-rule-ja-hiragana-hojodoushi \
    textlint-rule-ja-unnatural-alphabet \
    textlint-rule-no-dropping-the-ra \
    textlint-rule-ja-no-weak-phrase \
    textlint-rule-web-plus-db
    

    View Slide

23. Tips
    .textlintrc
    {
    "filters": {
    "comments": true,
    "allowlist":{
    "allow": [
    "時系列",
    "k個",
    "TODO",
    "Triton"
    ]
    },
    },
    "rules": {
    "ja-hiragana-fukushi": true,
    "ja-hiragana-hojodoushi": true,
    "ja-hiragana-keishikimeishi": true,
    "ja-no-weak-phrase": true,
    "ja-unnatural-alphabet": true,
    "no-dropping-the-ra": true,
    "preset-ja-technical-writing": {
    "max-ten": {
    "max": 4
    },
    "max-kanji-continuous-len": {
    "max": 8
    },
    "sentence-length": {
    "max": 200
    }
    },
    "spellcheck-tech-word": true,
    "web-plus-db": true,
    }
    }
    textlintの校正ルールを上書きする
    

    View Slide