$30 off During Our Annual Pro Sale. View Details »

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

kameneko
February 01, 2023

書籍を書きました。 そう、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

kameneko

February 01, 2023
Tweet

More Decks by kameneko

Other Decks in Technology

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