---
description: >-
  ITクリエイターの「つくろう」や「つくった」を発表する場で、日頃の創作活動にて生まれたモノやコトを記録、登録するWEBサイト「ProtoPedia」のちょっと便利な使い方になります。
---

# ＋埋め込み機能

システム説明、ストーリー枠は、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)\


