LoginSignup
0
2

More than 1 year has passed since last update.

Notionの/で挿入できる主要25機能を使ってみた

Posted at

https://i.gyazo.com/99ee6fa44cca518d7f8e837d99047ba0.gif

基本コマンド系

以下に並べたような、テキスト, Heading, Toggle, ToDoなど基本的なコマンドについては今回省略。

Text

文字文字文字

Page

白紙

Todo

  • Todo

Heading

H1→H3

List

  • リスト
    • リスト

Divider


Table

シンプルな表 計算などはできない模様
  • Toggle
    • 内容を隠せる

Callout

✅ 〇〇が完了したことを報告、など。

Media系

Image

  • 画像の埋め込みに対応している
  • 直接画像を貼るのでも、画像リンクを貼るのでもどちらでもOK

https://www.notion.so

Video

  • youtubeやvimeoなどの動画の埋め込みに対応している
  • 無料版だと5MBの動画にのみ対応

https://www.youtube.com/watch?v=ydYDqZQpim8

Web Bookmark

  • URLがブロックとなる

阿部寛のホームページ

  • google mapsなどは地図の埋め込みもできる

浅草寺

浅草寺

Audio

  • Spotify, Soundlinkなどのサービスはこんな風に曲の埋め込みができるらしい

https://open.spotify.com/track/7iN1s7xHE4ifF5povM6A48?si=55b53071281a4532

Code

  • スクリプトをmarkdown形式で表示可能
def test(a):
	return a
  • mermaidも対応

File

  • ファイルをアップロード可能
    • 無料版は5MBまで、有料版は容量制限なし(ただし、1ファイルは2GB程度まで)
  • プロジェクトのバックアップとしての使用が期待される

DeepLearning.pdf

Embed系

Google Drive

  • google driveの資料(公開されている必要あり)を埋め込むことができる

001-intro.pdf

Twitter

  • tweetを表示可能

https://twitter.com/jack/status/20

github gist

  • githubのgistを埋め込むことができる
    • 表示面積が必要以上に大きい印象(サイズ変更の柔軟性は小さい)

https://gist.github.com/sirleech/2660189

Google Maps

  • 地図の埋め込みも可能
    • satelite, 3D表示も可能

https://goo.gl/maps/18U172hQPeoQhVoJ9

https://goo.gl/maps/RSuoPrHrGWb3CbhAA

https://www.google.com/maps/embed?pb=!4v1663729183892!6m8!1m7!1sCAoSLEFGMVFpcE1OLTNBa3dnc0psLU9vQnpMWTUwb2RMRGdWZThSNE1vdnNweERj!2m2!1d35.71438579777856!2d139.79670971632!3f224.33858033069333!4f4.9352377076606615!5f0.7820865974627469

Figma

  • Figmaの連携には手順が必要

    1. Figmaのファイル全体もしくは共有したいページを公開にする
    2. Linkをコピーする
    3. Notionに貼り付ける際には、以下の項目を選択する
      1. as Mention
      2. as Preview
      3. as Link
  • as Mentionの場合

  • as Previewの場合

https://www.figma.com/file/AcN49ExcF9kyVI00H0bNwG/Design-Project-Template-(Community)?node-id=183%3A0

  • as Linkの場合

https://www.figma.com/file/AcN49ExcF9kyVI00H0bNwG/Design-Project-Template-(Community)?node-id=183%3A0

参考:https://help.figma.com/hc/en-us/articles/360046037373-Notion-and-Figma

Codepen

https://codepen.io/isladjan/pen/abdyPBw

Advanced Blocks

Table of Content

  • ページの目次を表示できる
  • 目次は長いのでToggleに格納

Equation

  • 数式を記載できる
    • 数式の書き方については、こちらを参考

$$
f(x) = ax + b
$$

  • $$ (数式) $$と $$で挟むことで数式を文章中に埋め込むことも可能

https://i.gyazo.com/501fba82474dd2a0d1c3620d049db75b.gif

Breadcrumb

  • 現在のページの階層を表示できる

Synced Block

  • 異なるページ間で同じブロックを編集することができる
    • 製品仕様を共有ブロックにしておけば、仕様が変更になった場合でも変更箇所は1箇所で済む

仕様

  • a = 100
  • b = 200
0
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
0
2