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

Marpをカスタマイズして爆速スライド開発環境を手に入れよう

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for IIHARA IIHARA
November 24, 2023
Technology
680
0

 Marpをカスタマイズして爆速スライド開発環境を手に入れよう

Avatar for IIHARA

IIHARA

November 24, 2023

More Decks by IIHARA

See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
Avatar for IIHARA gityosan
0
210
Docusで知り合い向け学習サイト作ってみた
Avatar for IIHARA gityosan
0
79
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
Avatar for IIHARA gityosan
1
180
Nuxt3にStorybookを正しく入れてみた
Avatar for IIHARA gityosan
0
810
TiptapでストレスフリーなWYSIWYGエディター開発を！
Avatar for IIHARA gityosan
0
470
Vueと比べて理解するNuxtの機能~auto-import編~
Avatar for IIHARA gityosan
0
110

Other Decks in Technology

See All in Technology
TypeScriptとAngular Signal で実現する保守性の高いアプリケーション設計 - 3層アーキテクチャによる責務分離の実践（たつかわ） https://2026.tskaigi.org/talks/10
Avatar for Nealle nealle
1
340
LLM時代のリファクタリング戦略_AIエージェントによる段階的・安全なTS移行方法
Avatar for PLAY, inc. play_inc
0
180
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
240
Anthropic AIネイティブ・スタートアップ構築のプレイブック を理解する
Avatar for 長津孝輔 nagatsu
0
180
A Harness for Behaviour: how to get AI to generate code that does what we intend, or "TDD in the age of AI"
Avatar for Matteo Vaccari xpmatteo
0
410
Harnessing the Power of Mocks and Stubs in PHPUnit / #laravellivejp
Avatar for asumikam asumikam
0
520
NFLコンペ2026 解法
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
110
TypeScriptエンジニアのためのWASMランタイム入門：AssemblyScriptから理解するメモリの実態（ayano）
Avatar for Tkoya ayanoyuki
0
130
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
Avatar for ypresto ypresto
3
420
サプライチェーン攻撃への備えについて考えている #湘なんか
Avatar for すてにゃん stefafafan
3
2.4k
生成AIに振り回されない 〜確率論と決定論の使い分け〜
Avatar for Shu Kobuchi shukob
0
110
ジュニアエンジニアはSREとどう向き合うべきか
Avatar for NRI Netcom nrinetcom
PRO
1
120

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
210
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.5k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
230
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
190
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
450
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
360
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
210
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k

Transcript

  1. Marp をカスタマイズして 爆速スライド開発環境を手に入れよう

  2. 自己紹介

  3. IIHARA 議長 株式会社メタップスホールディングス エンジニア 23 新卒で入社後、re:shine 開発を担当 Vue/Nuxt Rails Lit

    を主に書きます Github: https://github.com/Gityosan Qiita: https://qiita.com/Gityosan Zenn: https://zenn.dev/iihara メタップスホールディングス( 株) 「UNLEASH THE WORLD( 世界を解き放つ) 」 をビ ジョンにre:shine とSRE:shine の二つのサービスを展 開 渋谷| 若手エンジニア向けLT 交流会 3

  4. で、本題

  5. ↑ これ 渋谷| 若手エンジニア向けLT 交流会 5

  6. ↓ 今月のLT 参加スケジュール 渋谷| 若手エンジニア向けLT 交流会 6

  7. なんでこんなに出れるの？

  8. なんでこんなに出れるの？ ↓ Marp 使ってるから

  9. 渋谷| 若手エンジニア向けLT 交流会 9

  10. 今回Marp をさらにカスタマイズしたmarp-slide-template リポジ トリを作りました 渋谷| 若手エンジニア向けLT 交流会 10

  11. 拡張した点 scss 対応 カスタムテーマ導入 各種コマンド用意(new/pdf/pptx) 渋谷| 若手エンジニア向けLT 交流会 11

  12. 実演

  13. Thank you for listening!!