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

Visual Studio Codeとコンテナでいい感じのRe:View執筆環境

Avatar for RyuSA RyuSA
February 04, 2022
Technology
1
1.5k

Visual Studio Codeとコンテナでいい感じのRe:View執筆環境

「VS Code Meetup #18 - ドキュメント、ブログ、書籍執筆編 」に登壇した際の資料です
https://vscode.connpass.com/event/236710/

Avatar for RyuSA

RyuSA

February 04, 2022
Tweet

More Decks by RyuSA

See All by RyuSA
Java屋だってOperatorが作りたい！
Avatar for RyuSA ryusa
1
580
JavaScriptと歩くポリシーエンジン jsPolicy
Avatar for RyuSA ryusa
1
570
TextAlive App APIと夢見る新しいUX
Avatar for RyuSA ryusa
1
420
Gitlab Operatorと夢見るGitlab自動化の旅
Avatar for RyuSA ryusa
2
1.1k
AccessPoint Operator on Raspberry Pi
Avatar for RyuSA ryusa
1
1.2k
Serviceをたずねて3000行 - Kubernetesコードリーディングの旅 -
Avatar for RyuSA ryusa
2
870
そのAPIはセキュアですか？
Avatar for RyuSA ryusa
2
820
「L3以下は魔法で動いている！」と言いながらiptablesとkube-proxyを読んでみた話
Avatar for RyuSA ryusa
1
150
「〇〇完全に理解したったww」から始めるエンジニア生活
Avatar for RyuSA ryusa
2
4.4k

Other Decks in Technology

See All in Technology
ChatGPTで論⽂は読めるのか
Avatar for Spatial AI Network spatial_ai_network
1
1.5k
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
Avatar for Bo-Yi Wu appleboy
0
250
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
Avatar for Naoya Ito naoya
6
1.3k
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
610
AWS re:Invent 2025で見たGrafana最新機能の紹介
Avatar for 濱田孝治 hamadakoji
0
270
5分で知るMicrosoft Ignite
Avatar for Taiji HAGINO taiponrock
PRO
0
310
第4回 「メタデータ通り」　リアル開催
Avatar for データ横丁 datayokocho
0
120
今年のデータ・ML系アップデートと気になるアプデのご紹介
Avatar for Nayuta S. nayuts
1
240
小さな判断で育つ、大きな意思決定力 / 20251204 Takahiro Kinjo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
590
MapKitとオープンデータで実現する地図情報の拡張と可視化
Avatar for ZOZO Developers zozotech
PRO
1
130
Gemini でコードレビュー知見を見える化
Avatar for ZOZO Developers zozotech
PRO
1
240
生成AI時代におけるグローバル戦略思考
Avatar for Takaaki Yayoi taka_aki
0
120

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

Transcript

  1. - Re:View meets VSCode in Container - RyuSA VS Codeとコンテナでいい感じのRe:View執筆環境

  2. RyuSA Financial Service Engineer Java & SpringBoot / Typescript &

    React Docker / Kubernetes : RyuSA : ryusa_eng

  3. • Re:View = ⾯倒くさい組版データを⽣成できる神ツール • ノンブルとか余⽩とか奥付とか…… • Markdownっぽい書きっぷりで組版が作れる • GitHub

    Actionsのテンプレートも公開されている • サクッとCIしながら執筆できる︕ 本⽇のテーマ︓Re:View 組版データはこんな感じ→

  4. Re:View環境構築 1. TeX Liveをインストール 2. ⽇本語フォントをインストール 3. ⽇本語フォントセットアップ 4. Ghostscriptをインストール(環境による)

    5. Rubyをインストール 6. reviewをインストール 7. IDEのセットアップ

  5. 1. TeX Liveをインストール 2. ⽇本語フォントをインストール 3. ⽇本語フォントセットアップ 4. Ghostscriptをインストール(環境による) 5.

    Rubyをインストール 6. reviewをインストール 7. IDEのセットアップ Re:View環境構築 え……つら……

  6. こんなこと、思いません︖ いっそ執筆環境もコンテナにしたい……

  7. そこでdevcontainerですよ

  8. devcontainerの動き devcontainer.json 起動設定 > Reopen in Container コンテナ作成 初期化 アタッチ

  9. コンテナを起動する設定たち

  10. VSCodeでプロジェクトを開くだけで執筆環境が︕︕

  11. あなたも素敵な執筆環境を︕

  12. 最後に……(宣伝)