# ＋埋め込み機能 システム説明、ストーリー枠は、URL記述でコンテンツが自動で埋め込まれます。\ 外部サービスを利用しながら、作品の魅力をより伝えてみてください。\ 自動で埋め込まれるサービスは、Twitter、Flickr、You Tubeなどの一部のサービスとなります。\ 以下に利用例を上げておりますが、対応サービスの全てではありません。\ \ \&#xNAN;**✔URL入力で自動変換 例**\ ・Twitter（動画）→例：[スタックチャンフラワー](https://protopedia.net/prototype/3035) \ ・YouTube（動画）→例：[M5Stackがスタックできる超音波風速計](https://protopedia.net/prototype/3286)\ ・Flickr（写真）→例：[MashupAwards2017](https://protopedia.net/prototype/541) \ ・SlideShare（プレゼン資料）→例：[崩壊地名API ](https://protopedia.net/prototype/88)\ ・speakerdeck（プレゼン資料）　→例：[由来のわかる地名カルタ「言の場」](https://protopedia.net/prototype/2312)\ ・CARTO（地図）→例：[滝を求めて三千里](https://protopedia.net/prototype/2121) \ ・MakeCode（コード）→例：[ブーブードライブシステム](https://protopedia.net/prototype/3252)\ ・Googleドライブのファイル　→例：[Diorama Shooting](https://protopedia.net/prototype/1956) ~~**✔埋め込みコード作成ツールを利用した例**~~ 　\ ~~・togetter →例：~~[~~スタックチャン~~](https://protopedia.net/prototype/2345) 　\ ~~・scratch →例：~~[~~神様クエスト~~](https://protopedia.net/prototype/2231)\ 　※セキュリティ強化対策のため表示されなくなりました（2025.8.25） ## 1.動画を追加 誰かに触ってもらっている動画を見せると、より作品が伝わりやすいですよね。\ 展示会などで、他の人が撮影し[Twitter](https://twitter.com/?lang=ja)にアップしてくれた動画も、URLを貼るだけで動画が埋め込まれます。そのまま「いいね」してもらえるメリットも！？\ また、動画枠に登録した動画以外で見てもらいたい動画がある場合は、動画共有サイトのURLを貼るだけでストーリー部分に掲載できます。\ [YouTube](https://www.youtube.com/?hl=ja)、[Vimeo](https://vimeo.com/jp/upgrade)、[ニコニコ](https://www.nicovideo.jp/)動画に対応。\ \ ・Twitter埋め込み事例＞[スタックチャン フラワー](https://protopedia.net/prototype/3035) ![](https://2370165561-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MISUmnaAA8Fnokx03BB%2Fuploads%2F4IrB22ZYDRBD8MmZpJm1%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-06-13%2013.59.06.png?alt=media\&token=6e212ff1-4247-4a51-a0d9-6b3e953b6945) ## 2.写真を追加 写真共有サイトのURLを貼るだけで写真が掲載できます。[Flickr](https://www.flickr.com/)、[Pinterest](https://www.pinterest.jp/)に対応。\ [Twitter](https://twitter.com/?lang=ja)に投稿された画像も同様に掲載可能です。（その場合コメントも掲載されます）\ 　\ ・Flickr埋め込み事例＞[MashupAwards 2017](https://protopedia.net/prototype/541) ![](https://2370165561-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MISUmnaAA8Fnokx03BB%2F-Mi07EXe_4609luk6wUB%2F-Mi0BoBGNjOu4e1aKlG-%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-26%2015.43.04.png?alt=media\&token=dc667765-ded5-4827-9bb2-2d3631539539) ## 3.プレゼン資料を掲載 プレゼン資料共有サイトのURLを埋め込むと、ProtoPedia上で内容を確認でき、図解などを利用して、ビジュアル的に伝えやすくなります。\ [Speaker Deck](https://speakerdeck.com/)、[SlideShare](https://www.slideshare.net/)に対応。\ \ ・SlideShare埋め込み事例＞[崩壊地名API](https://protopedia.net/prototype/88) ![](https://2370165561-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MISUmnaAA8Fnokx03BB%2F-Mi07EXe_4609luk6wUB%2F-Mi09TCHIqCjHRAh4Rj4%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-26%2015.33.16.png?alt=media\&token=558005bf-0185-422b-ba75-0067ecd8da92) ※ProtoPediaにも[プレゼンテーション機能](https://protopedia.gitbook.io/helpcenter/presentation)はあるよ ## 4.地図を掲載 地図を利用したサービスの場合、地図を表示させることで、ProtoPedia上でサービス内容を伝えやすくなります。[CARTO](https://carto.com/)に対応。\ \ ・CARTO埋め込み事例＞[滝を求めて三千里](https://protopedia.net/prototype/2121) ![](https://2370165561-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MISUmnaAA8Fnokx03BB%2F-Mi07EXe_4609luk6wUB%2F-Mi0ARaoUE0ggyXyKkSw%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-26%2015.36.25.png?alt=media\&token=0cbfabde-e22a-45cc-8e48-01bbd1fde092) ## 5.ビジュアルプログラミングコード ビジュアルプログラミングでつくった場合、コードをProtoPedia上で表示できるので、どのようにつくったのか？簡単に伝えやすくなります。[MakeCode](https://www.microsoft.com/ja-jp/makecode)に対応。\ 　・MakeCode埋め込み例：[ブーブードライブシステム](https://protopedia.net/prototype/3252) ![](https://2370165561-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MISUmnaAA8Fnokx03BB%2Fuploads%2F543sX31VQCjETUA4954g%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-09-13%2015.03.37.png?alt=media\&token=546cae8b-1062-4e60-8bfe-bd6a055689fa)