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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for RyuSA RyuSA
February 04, 2022
Technology
1.6k
1

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

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

Avatar for RyuSA

RyuSA

February 04, 2022

More Decks by RyuSA

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

Other Decks in Technology

See All in Technology
そこにあるから地図ができる～位置を示す"モノ"を愉しむ～ - Interface 2026年6月号GPS特集オフ会 / interface_202606_GPS_offline
Avatar for sakaik sakaik
1
120
はてなのサービス基盤を支える Kubernetes《足腰》
Avatar for masayosu masayoshimaezawa
0
180
元・セキュリティ学習経験0大学生による業務紹介 / An Introduction to the Job by a Former College Student with Zero Security Training Experience
Avatar for NTT docomo Business nttcom
0
940
AIAU_UMEMOGU_ninomiya_slide
Avatar for ninomiya ninomiya_ii
0
280
Lightning近況報告
Avatar for Koji NAKAMURA kozy4324
0
230
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
Avatar for Masatoshi Kubode kubode
0
130
組織における AI-DLC 実践
Avatar for ASKUL Engineer askul
0
160
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
Avatar for philomagi tooppoo
0
220
ご挨拶「10周年を迎える共創ラボのこれまでとこれから」
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
150
徹底討論！ECS vs EKS！
Avatar for 高棹大樹 daitak
3
1.8k
スタートアップにAmazon EKSは早すぎる？ マルチプロダクト戦略を加速する Platform Engineeringの実践 / Is Amazon EKS Too Soon for Startups? Practical Platform Engineering to Accelerate a Multi-Product Strategy
Avatar for elmo elmodev09
1
1.9k
WebGIS AI Agentの紹介
Avatar for _shimizu _shimizu
0
590

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
280
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
9.3k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
370
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
260
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
HDC tutorial
Avatar for Michiel Stock michielstock
2
720
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
740
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k

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