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

Marpでスライドテンプレート(3)

Avatar for YAMADA Nobuko YAMADA Nobuko
August 27, 2021
Programming
0
8.3k

 Marpでスライドテンプレート(3)

Marpでスライドテンプレート(3)

Avatar for YAMADA Nobuko

YAMADA Nobuko

August 27, 2021
Tweet

More Decks by YAMADA Nobuko

See All by YAMADA Nobuko
パッケージ開発論
Avatar for YAMADA Nobuko e99h2121
1
1.9k
ぼくのかんがえたさいきょうの ERP 連携 w/Azure Logic Apps
Avatar for YAMADA Nobuko e99h2121
0
880
社会人 20 年目エンジニア、発信で技術学びなおしてる話
Avatar for YAMADA Nobuko e99h2121
2
380
The Art of Moving
Avatar for YAMADA Nobuko e99h2121
1
130
Marpでスライドテンプレート(1)
Avatar for YAMADA Nobuko e99h2121
0
8.5k
Marpでスライドテンプレート(2)
Avatar for YAMADA Nobuko e99h2121
0
8.7k
わたしが新人だったころ
Avatar for YAMADA Nobuko e99h2121
0
260
プロジェクト完了報告書テンプレート markdown版
Avatar for YAMADA Nobuko e99h2121
0
4.8k
開発者が考える提案書テンプレート markdown版
Avatar for YAMADA Nobuko e99h2121
1
4.6k

Other Decks in Programming

See All in Programming
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）
Avatar for RisaTube risatube
PRO
3
530
構文解析器入門
Avatar for ydah ydah
7
1.8k
Workers を定期実行する方法は一つじゃない
Avatar for rokuosan rokuosan
0
130
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
12
7.4k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
Avatar for Agata Naomichi agatan
1
490
Streamlitで実現できるようになったこと、実現してくれたこと
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
220
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
Avatar for のんちゃん non0113
2
240
Caude codeで爆速開発
Avatar for codelynx codelynx
0
100
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.4k
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
Avatar for Irina Nazarova irinanazarova
0
290
AWS Summit Japan 2024と2025の比較／はじめてのKiro、今あなたは岐路に立つ
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
240
Jakarta EE Meets AI
Avatar for ivargrimstad ivargrimstad
0
270

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.8k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k

Transcript

  1. HTMLタグを使いたい場合は、ページ 右肩の真ん中のボタン（Marp のマー クのボタン）を押して、［Open extension settings］を選ぶ。そし て、「Enable HTML」のチェックボ ックスにチェックを入れる。 1

    1

  2. 文字サイズを変更したいページの冒頭に、以下の内容を入 れる。これで、文字サイズは4倍になる。style scoped を 設定すると、その領域だけにWebページのスタイルが適用 になる。 <style scoped> section {

    font-size: 400%; } </style> 2 2

  3. scoped でなければ全ページに適用 3 3

  4. おおお 4 4

  5. かっこいい 5 5