Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
550
JavaScriptと歩くポリシーエンジン jsPolicy
Avatar for RyuSA ryusa
1
540
TextAlive App APIと夢見る新しいUX
Avatar for RyuSA ryusa
1
380
Gitlab Operatorと夢見るGitlab自動化の旅
Avatar for RyuSA ryusa
2
1k
AccessPoint Operator on Raspberry Pi
Avatar for RyuSA ryusa
1
1.1k
Serviceをたずねて3000行 - Kubernetesコードリーディングの旅 -
Avatar for RyuSA ryusa
2
830
そのAPIはセキュアですか？
Avatar for RyuSA ryusa
2
790
「L3以下は魔法で動いている！」と言いながらiptablesとkube-proxyを読んでみた話
Avatar for RyuSA ryusa
1
130
「〇〇完全に理解したったww」から始めるエンジニア生活
Avatar for RyuSA ryusa
2
4.3k

Other Decks in Technology

See All in Technology
AWS Organizations 新機能！マルチパーティ承認の紹介
Avatar for yhana yhana
1
260
本が全く読めなかった過去の自分へ
Avatar for ゲンシュン genshun9
0
750
Tech-Verse 2025 Global CTO Session
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
1.6k
改めてAWS WAFを振り返る～業務で使うためのポイント～
Avatar for モブエンジニア masakiokuda
2
230
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
Avatar for mm-matsuda mmmatsuda
0
260
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
Avatar for sergicalsix sergicalsix
1
200
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
220
敢えて生成AIを使わないマネジメント業務
Avatar for Kazuki Maeda kzkmaeda
1
250
Glacierだからってコストあきらめてない？ / JAWS Meet Glacier Cost
Avatar for sasaki taishin
1
140
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
Avatar for FUJIWARA Shunichiro fujiwara3
2
310
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
Avatar for あれ __allllllllez__
1
130
Zephyr RTOSを使った開発コンペに参加した件
Avatar for misoji engineer iotengineer22
1
190

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
810
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k

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. 最後に……(宣伝)