1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Typstのslydstでスライドを作る

Last updated at Posted at 2024-12-19

サンプルコードは以下の通りですが、主な使い方は公式サイトを見てください
https://typst.app/universe/package/slydst/

またこちらの記事も参考になります
https://qiita.com/gomazarashi/items/86ffd9a588074a8b97e6

// https://typst.app/universe/package/slydst/
#import "@preview/slydst:0.1.1": *
#set text(font: "Arial")
#show regex("[\p{scx:Han}\p{scx:Hira}\p{scx:Kana}]"): set text(font:"Hiragino Kaku Gothic ProN",size:11pt)
#set list(marker: ([•], [◦], [-], [+]), spacing: auto)

// title slide
#show: slides.with(
  title: "title", 
  subtitle: "subtitle",
  authors: "authors",
  layout: "medium",
  ratio: 16/9,
  title-color: none,
)

// proposition environment
#let p = counter("proposition")
#let proposition(content, title: none, ..options) = {
  p.step()
  frame(
    counter: context p.display(x => "Proposition " + str(x)),
    title: title,
    content,
    ..options,
  )
}

// math block in theorem environments
#let mathm(x) = box(
  width: 16.5cm,
  height: 0.85cm,
  baseline: 150%,
  align(center, $display(#x)$)
)


= Section 1
== Slide 1
hoge

#definition[
    your theorem

#theorem(title: "theorem title")[
    In line math $f(x)$ and math box #mathm($f(x)$)
]


#figure(
    image(".png", width: auto),
    numbering: none,
    caption: [your caption]
)

公式から少し変えている点

Proposition環境

公式ではdefinition/lemma/theorem/corollary環境があるけどproposition環境がない(slydst:0.1.1バージョンでは)ので、以下で#propositionできるようにしてます

// proposition environment
#let p = counter("proposition")
#let proposition(content, title: none, ..options) = {
  p.step()
  frame(
    counter: context p.display(x => "Proposition " + str(x)),
    title: title,
    content,
    ..options,
  )
}

定理環境での数式ボックス

定理環境でふつうの数式ボックスを作ろうとするとセンタリングしてくれなく見た目が悪いので、以下で定理環境で通常の数式ボックスを作れるようにしました

ただ、強引に作ったので#mathm($数式$)みたいにしないといけなくて汚いです

#let mathm(x) = box(
  width: 16.5cm,
  height: 0.85cm,
  baseline: 150%,
  align(center, $display(#x)$)
)

英語と日本語のフォント

以下では英語にArial、日本語にヒラギノ角ゴシックを使っています

フォント名を変えれば好きなものを使えます、フォント名はターミナルでtypst fontsすれば調べられます

#set text(font: "Arial")
#show regex("[\p{scx:Han}\p{scx:Hira}\p{scx:Kana}]"): set text(font:"Hiragino Kaku Gothic ProN",size:11pt)
1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?