メモの書き方 - コンテンツの埋め込み #mimemo version 9

2016/05/30 20:56 by mimemo mimemo
  :追加された部分   :削除された部分
(差分が大きい場合、文字単位では表示しません)
メモの書き方 - コンテンツの埋め込み #mimemo
# メモの書き方 - コンテンツの埋め込み

メモには、動画や写真、地図など、外部サービスのコンテンツを、URLだけで簡単に埋め込むことができます。(逆に各サービス提供のembed用のコードは使えませんのでご注意ください)

@[TOC](目次)

## 動画

### YouTube

```
https://www.youtube.com/watch?v=KQ6zr6kCPj8
```

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

### Vimeo

```
https://vimeo.com/149578442
```
https://vimeo.com/149578442

### Vine

```
https://vine.co/v/ihebJO0eA5K
```
https://vine.co/v/ihebJO0eA5K

### TED

```
https://www.ted.com/talks/tim_berners_lee_on_the_next_web?language=ja
```

https://www.ted.com/talks/tim_berners_lee_on_the_next_web?language=ja


## 写真、画像、デザイン、イラスト、3D等

### instagram
```
https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat
```

https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat

### Flickr

```
https://www.flickr.com/photos/kossity/24001291462/
```
https://www.flickr.com/photos/kossity/24001291462/

### gyazo

```
https://gyazo.com/ee24258e54546eb992547ac53df25213
```

https://gyazo.com/ee24258e54546eb992547ac53df25213

### DeviantArt

```
https://www.deviantart.com/art/Forgotten-Fairytales-58397032
```
https://www.deviantart.com/art/Forgotten-Fairytales-58397032

### sketchfab

```
https://sketchfab.com/models/5dcebcfaedbd4e7b8a27bd1ae55f1ac3
```
https://sketchfab.com/models/5dcebcfaedbd4e7b8a27bd1ae55f1ac3


## 音楽

### SoundCloud

```
https://soundcloud.com/erasedtapes/nils-frahm-says
```
https://soundcloud.com/erasedtapes/nils-frahm-says

### mixcloud

```
https://www.mixcloud.com/Styline/new-electro-house-2013-dance-mix-63/
```
https://www.mixcloud.com/Styline/new-electro-house-2013-dance-mix-63/

## 地図

### Google Maps

```
https://www.google.com/maps/place/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89/@35.6577529,139.7051201,17z/data=!3m1!4b1!4m2!3m1!1s0x60188b5c1d969607:0xc26800ab83b4af59
```
https://www.google.com/maps/place/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89/@35.6577529,139.7051201,17z/data=!3m1!4b1!4m2!3m1!1s0x60188b5c1d969607:0xc26800ab83b4af59

```
https://www.google.com/maps/@35.6578549,139.707132,3a,75y,113.41h,87.28t/data=!3m6!1e1!3m4!1slr8pZFqSepBkd8pGvyoOig!2e0!7i13312!8i6656!6m1!1e1
```

https://www.google.com/maps/@35.6578549,139.707132,3a,75y,113.41h,87.28t/data=!3m6!1e1!3m4!1slr8pZFqSepBkd8pGvyoOig!2e0!7i13312!8i6656!6m1!1e1

```
https://www.google.com/maps/@35.6578549,139.707132,915m/data=!3m1!1e3
```

https://www.google.com/maps/@35.6578549,139.707132,915m/data=!3m1!1e3

```
https://www.google.com/maps/dir/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89,+%E6%97%A5%E6%9C%AC,+%E3%80%92150-0002+%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA%E6%B8%8B%E8%B0%B7%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%91%E2%88%92%EF%BC%91%EF%BC%95+%E3%82%BE%E3%83%B3%E3%83%8D%E3%83%B3%E3%83%8F%E3%82%A4%E3%83%A0%E6%B8%8B%E8%B0%B7+404/%E6%B8%8B%E8%B0%B7%E9%A7%85,+%E6%97%A5%E6%9C%AC/@35.6575686,139.7035816,18z/data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x60188b5c1d969607:0xc26800ab83b4af59!2m2!1d139.7073088!2d35.6577529!1m5!1m1!1s0x60188b5832e31057:0x8064180af8c9b5df!2m2!1d139.702043!2d35.6581823
```

https://www.google.com/maps/dir/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89,+%E6%97%A5%E6%9C%AC,+%E3%80%92150-0002+%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA%E6%B8%8B%E8%B0%B7%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%91%E2%88%92%EF%BC%91%EF%BC%95+%E3%82%BE%E3%83%B3%E3%83%8D%E3%83%B3%E3%83%8F%E3%82%A4%E3%83%A0%E6%B8%8B%E8%B0%B7+404/%E6%B8%8B%E8%B0%B7%E9%A7%85,+%E6%97%A5%E6%9C%AC/@35.6575686,139.7035816,18z/data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x60188b5c1d969607:0xc26800ab83b4af59!2m2!1d139.7073088!2d35.6577529!1m5!1m1!1s0x60188b5832e31057:0x8064180af8c9b5df!2m2!1d139.702043!2d35.6581823

```
https://www.google.com/maps/search/%E6%98%A0%E7%94%BB%E9%A4%A8/@35.6588762,139.6974876,16z
```
https://www.google.com/maps/search/%E6%98%A0%E7%94%BB%E9%A4%A8/@35.6588762,139.6974876,16z

## スライド

### slideshare

```
https://www.slideshare.net/ElodieAscenci/10-ice-breaker-games-how-to-get-to-know-your-office
```
https://www.slideshare.net/ElodieAscenci/10-ice-breaker-games-how-to-get-to-know-your-office

### speakerdeck

```
https://speakerdeck.com/sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity
```

https://speakerdeck.com/sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity

## グラフ・チャート

### amcharts

```
https://live.amcharts.com/AyMmI/
```

https://live.amcharts.com/AyMmI/

## 回路図

### circuitlab

```
https://www.circuitlab.com/circuit/z242cn/555-timer-as-pulse-width-modulation-pwm-generator/
```
https://www.circuitlab.com/circuit/z242cn/555-timer-as-pulse-width-modulation-pwm-generator/

## プログラム

### codepen

```
https://codepen.io/cathbailh/pen/adJwPw
```

https://codepen.io/cathbailh/pen/adJwPw

### jsbin

```
https://emberjs.jsbin.com/lokozegi/121/edit?js,output
```
https://emberjs.jsbin.com/lokozegi/121/edit?js,output

### plunker

```
https://embed.plnkr.co/cyu0Op/
```
https://embed.plnkr.co/cyu0Op/

## 埋め込みコンテンツに変換したくない場合

埋め込み対応しているURLを、埋め込みコンテンツにはせず、通常のリンクにしたい場合は、URLのみ書くのではなく、Markdownのリンク記法を使って書くようにしてください。

```
[https://www.youtube.com/watch?v=KQ6zr6kCPj8](https://www.youtube.com/watch?v=KQ6zr6kCPj8)
```

[https://www.youtube.com/watch?v=KQ6zr6kCPj8](https://www.youtube.com/watch?v=KQ6zr6kCPj8)



----
[メモの書きかた](/m/Dz2XWn4vQlYApmx)
[メモの書きかた - Markdown基礎編](/m/YJbOxkGe2ovd35W)
[メモの書きかた - Markdown応用編](/m/qXLx9alV2l70BJv)
メモの書きかた - コンテンツを埋め込む ←イマココ
[メモのかた - スライドショー機能を活用する](https://mimemo.io/m/xpgOEoQbKlDWnZP)[メモの書き](/m/Dz2XWn4vQlYApmx)
[メモの書き - Markdown基礎編](/m/YJbOxkGe2ovd35W)
[メモの書き - Markdown応用編](/m/qXLx9alV2l70BJv)
メモの書き - コンテンツを埋め込む ←イマココ
[メモの - スライドショー機能を活用する](https://mimemo.io/m/xpgOEoQbKlDWnZP)      

メモの書き方 - コンテンツの埋め込み

メモには、動画や写真、地図など、外部サービスのコンテンツを、URLだけで簡単に埋め込むことができます。(逆に各サービス提供のembed用のコードは使えませんのでご注意ください)

目次メモの書き方 - コンテンツの埋め込み動画YouTubeVimeoVineTED写真、画像、デザイン、イラスト、3D等instagramFlickrgyazoDeviantArtsketchfab音楽SoundCloudmixcloud地図Google Mapsスライドslidesharespeakerdeckグラフ・チャートamcharts回路図circuitlabプログラムcodepenjsbinplunker埋め込みコンテンツに変換したくない場合

動画

YouTube

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

Vimeo

https://vimeo.com/149578442

Vine

https://vine.co/v/ihebJO0eA5K

TED

https://www.ted.com/talks/tim_berners_lee_on_the_next_web?language=ja

写真、画像、デザイン、イラスト、3D等

instagram

https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat

https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat

Flickr

https://www.flickr.com/photos/kossity/24001291462/

gyazo

https://gyazo.com/ee24258e54546eb992547ac53df25213

DeviantArt

https://www.deviantart.com/art/Forgotten-Fairytales-58397032

https://www.deviantart.com/art/Forgotten-Fairytales-58397032

sketchfab

https://sketchfab.com/models/5dcebcfaedbd4e7b8a27bd1ae55f1ac3

音楽

SoundCloud

https://soundcloud.com/erasedtapes/nils-frahm-says

mixcloud

https://www.mixcloud.com/Styline/new-electro-house-2013-dance-mix-63/

https://www.mixcloud.com/Styline/new-electro-house-2013-dance-mix-63/

地図

Google Maps

https://www.google.com/maps/place/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89/@35.6577529,139.7051201,17z/data=!3m1!4b1!4m2!3m1!1s0x60188b5c1d969607:0xc26800ab83b4af59

https://www.google.com/maps/@35.6578549,139.707132,3a,75y,113.41h,87.28t/data=!3m6!1e1!3m4!1slr8pZFqSepBkd8pGvyoOig!2e0!7i13312!8i6656!6m1!1e1

https://www.google.com/maps/@35.6578549,139.707132,915m/data=!3m1!1e3

https://www.google.com/maps/dir/%E3%82%86%E3%82%8B%E3%83%87%E9%83%A8%E5%AE%A4%EF%BC%88%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BE%E3%83%86%E3%83%B3%E3%83%9E%E3%83%89%2F%E5%90%88%E5%90%8C%E4%BC%9A%E7%A4%BEesa%EF%BC%89,+%E6%97%A5%E6%9C%AC,+%E3%80%92150-0002+%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA%E6%B8%8B%E8%B0%B7%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%91%E2%88%92%EF%BC%91%EF%BC%95+%E3%82%BE%E3%83%B3%E3%83%8D%E3%83%B3%E3%83%8F%E3%82%A4%E3%83%A0%E6%B8%8B%E8%B0%B7+404/%E6%B8%8B%E8%B0%B7%E9%A7%85,+%E6%97%A5%E6%9C%AC/@35.6575686,139.7035816,18z/data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x60188b5c1d969607:0xc26800ab83b4af59!2m2!1d139.7073088!2d35.6577529!1m5!1m1!1s0x60188b5832e31057:0x8064180af8c9b5df!2m2!1d139.702043!2d35.6581823

https://www.google.com/maps/search/%E6%98%A0%E7%94%BB%E9%A4%A8/@35.6588762,139.6974876,16z

スライド

slideshare

https://www.slideshare.net/ElodieAscenci/10-ice-breaker-games-how-to-get-to-know-your-office

speakerdeck

https://speakerdeck.com/sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity

グラフ・チャート

amcharts

https://live.amcharts.com/AyMmI/

https://live.amcharts.com/AyMmI/

回路図

circuitlab

https://www.circuitlab.com/circuit/z242cn/555-timer-as-pulse-width-modulation-pwm-generator/

プログラム

codepen

https://codepen.io/cathbailh/pen/adJwPw

jsbin

https://emberjs.jsbin.com/lokozegi/121/edit?js,output

plunker

https://embed.plnkr.co/cyu0Op/

埋め込みコンテンツに変換したくない場合

埋め込み対応しているURLを、埋め込みコンテンツにはせず、通常のリンクにしたい場合は、URLのみ書くのではなく、Markdownのリンク記法を使って書くようにしてください。

[https://www.youtube.com/watch?v=KQ6zr6kCPj8](https://www.youtube.com/watch?v=KQ6zr6kCPj8)

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


メモの書き方
メモの書き方 - Markdown基礎編
メモの書き方 - Markdown応用編
メモの書き方 - コンテンツを埋め込む ←イマココ
メモの書き方 - スライドショー機能を活用する