--- Title: 'メモの書き方 - コンテンツの埋め込み #mimemo' Keywords: - mimemo Author: mimemo Web: 'https://mimemo.io/m/J3kyw8o38l6Lrg7' --- # メモの書き方 - コンテンツの埋め込み メモには、動画や写真、地図など、外部サービスのコンテンツを、URLだけで簡単に埋め込むことができます。（逆に各サービス提供のembed用のコードは使えませんのでご注意ください） @[TOC](目次) ## 動画 ### YouTube ``` https://www.youtube.com/watch?v=KQ6zr6kCPj8 ``` https://www.youtube.com/watch?v=KQ6zr6kCPj8 ### ニコニコ動画 ``` http://www.nicovideo.jp/watch/sm9 ``` http://www.nicovideo.jp/watch/sm9 ### 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 ## SNS関連 ### Twitter（ツイート） ``` https://twitter.com/okazaki_taiiku/status/685086437687967744 ``` https://twitter.com/okazaki_taiiku/status/685086437687967744 ### Twitter（モーメント） ``` https://twitter.com/i/moments/805667454009548800?ref_src=twsrc%5Etfw ``` https://twitter.com/i/moments/805667454009548800?ref_src=twsrc%5Etfw ### instagram ``` https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat ``` https://www.instagram.com/p/BAO34CcFJTD/?tagged=cat ## 写真、画像、デザイン、イラスト、3D等 ### 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)