not/onのTIPs：自由なリンク表現あれこれ

オーソドックスなリンク表現

文中でリンクとして見せたいときは、not/onのエディタ上で、
[このように書けば](https://example.com) 下記のように表示される
このように書けば

not/onのエディタに取り込みしたいnot/onの他の記事URLをそのまま貼り付ければ、自身の記事に他人が書いた記事を丸々取り込むことができる
その際、取り込み先のnot/on記事のアプリヘッダーは非表示になる
尚、自分自身の記事でも取り込みすることもできる（再帰構造になる）
下記はnot/onのエディタに、この記事の公開URLであるhttps://noton.youside.me/@inside_human/8889ea86da95を、エディタにそのまま貼りつけた際のイメージ

PAGEhttps://noton.youside.me/@inside_human/8889ea86da95

PAGEhttps://example.com

ただし、例外があって、外部サイトによっては取込（iframe化）を拒否されるケースがある
この場合はOGPカード形式で表示する
下記は取込を拒否するnoteのURL（https://note.com/john_mat_digweed/n/nd639e9909e95）を貼り付けた際のイメージ

PAGEhttps://note.com/john_mat_digweed/n/nd639e9909e95

URLの末尾に,1を付加して、not/onの記事にそのまま貼り付ければ、取り込み形式（iframe）ではなく、強制的にOGPカード形式で表示することができる
下記はnot/onのエディタに、https://example.com,1と指定した際のイメージ

下記はnot/onのエディタに、not/onの記事URL＆,1（https://noton.youside.me/@inside_human/f7213850bf4a,1）を指定した際のイメージ

YouTubeやVercelなどの一部の特別扱いサービスはnot/onのエディタにURLを貼り付けると、LIVEラベルが自動付与されて取り込まれる

VercelのURLの場合は、LIVEラベル付与の上、Embedded app判定する
下記はnot/onのエディタに、https://yousideme.vercel.app/chaos.htmlとvercel.app上のURLをそのまま貼り付けた際のイメージ

LIVEEmbedded apphttps://yousideme.vercel.app/chaos.html

YouTubeのURLの場合は、LIVEラベル付与の上、YouTube判定する
下記はnot/onのエディタに、https://www.youtube.com/watch?v=aqz-KE-bpKQとYoutubeのURLをそのまま貼り付けた際のイメージ

LIVEYouTubehttps://www.youtube.com/watch?v=aqz-KE-bpKQ

SpotifyのURLの場合は、Spotify判定する
下記はnot/onのエディタに、https://open.spotify.com/track/4uLU6hMCjMI75M1A2tKUQCとSpotifyのURLをそのまま貼り付けた際のイメージ

LIVESpotifyhttps://open.spotify.com/track/4uLU6hMCjMI75M1A2tKUQC

Google Mapは直接URL指定すると取り込み（iframe化）を拒否されてしまうので、not/onエディタのツールバーでマップ表示したい地名を指定する
地名（江戸城）をエディタのツールバー上から指定した際にエディタ上に生成される予約語

![EMBEDDED type="map" q="江戸城"]

上記の予約語が指定されると公開記事（プレビュー含む）では下記のMapが表示される
尚、下記はnot/onエディタに、https://maps.app.goo.gl/HH5vTLtoNuNTzMcYAとGoogle MapのURLを指定した際のイメージ

画像は外部に置いた URL をnot/onエディタに貼りつければ、自動で画像として表示される
一旦、not/onにはまだ画像アップロード機能がないため、https://ja.imgbb.com/といったサイトにアップし、公開用URLを貼り付けて運用する
下記はnot/onのエディタに、https://picsum.photos/seed/noton/640/320.jpgを貼り付けた際のイメージ（のイメージ）

not/onの機能は常に改善を行っております、極力後方互換性は担保していますが、こちらの記事の執筆時点から挙動等が変わる可能性があります。詳しいアップデート情報はこ下記の記事をご覧下さい。