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
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
880
その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
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
Avatar for Aratako aratako
15
4.8k
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
Avatar for YoshihiroTodoroki tdys13
0
280
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
1
820
「駆動」って言葉、なんかカッコイイ_Mitz
Avatar for comucal comucal
PRO
0
130
アラフォーおじさん、はじめてre:Inventに行く / A 40-Something Guy’s First re:Invent Adventure
Avatar for 株式会社カミナシ kaminashi
0
210
Cloud WAN MCP Serverから考える新しいネットワーク運用 / 20251228 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
130
なぜ あなたはそんなに re:Invent に行くのか？
Avatar for Kazuki Miura miu_crescent
PRO
0
250
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
12k
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
6.1k
「リリースファースト」の実感を届けるには 〜停滞するチームに変化を起こすアプローチ〜 #RSGT2026
Avatar for KintoTech_Dev kintotechdev
0
410
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
Avatar for Sonjin Yamamoto sonjin
0
240
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
120

Featured

See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
330
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
120
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
420
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
240
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
350
HDC tutorial
Avatar for Michiel Stock michielstock
1
290
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
100
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

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