2021/3/11 추기:Qiita 공식으로 iframe에 의한 슬라이드 매입에 대응한 모양입니다. 자세한 내용은 릴리스 노트를 참조하십시오.
출시 노트 - 기사에 포함할 수 있는 스크립트 추가

Qiita의 작은 재료 메모.

공부회의 자료 정리 기사 등으로, Speaker Deck 이나 SlideShare 의 임베드를 실시하고 싶을 때가 있지만, Qiita는 슬라이드의 Embed 코드에 대응하고 있지 않다.

↓ 이런 녀석 붙여도 나오지 않는다.

<script async class="speakerdeck-embed" data-id="22fe7ad589e24a3ab058e41337ff2573" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>

죄송합니다.

어쩔 수 없기 때문에 섬네 첨부 링크를 붙여, 그것 같게 해 보았다.

그래서, 방법을 소개합니다.

슬라이드 URL 및 이미지 URL 가져오기

우선은 대상 슬라이드의 페이지를 브라우저에서 열고, Chrome의 개발자 툴이나 Safari의 Web 인스펙터등으로, 슬라이드의 섬네일에 사용하는 화상 URL을 취득합니다.

Speaker Deck 슬라이드의 경우

예를 들면 이쪽의 슬라이드에서는…
Web API 완전히 이해한 ~여명편~ / Web API Completely Understood -Dawn- - Speaker Deck


슬라이드 1장째의 이미지 URL은 이런 느낌.https://speakerd.s3.amazonaws.com/presentations/22fe7ad589e24a3ab058e41337ff2573/slide_0.jpg

SlideShare 슬라이드의 경우

예를 들면 이쪽의 슬라이드에서는…
RESTful이란? - SlideShare

슬라이드 첫 번째 이미지 URL은 이런 느낌입니다.https://image.slidesharecdn.com/restful-140324211655-phpapp02/95/restful-1-638.jpg
이 画像URL 와 スライドのURL 를 복사하여 둡니다.

내장 코드

복사한 画像URL 와 スライドURL 를, 다음의 코드에 하메 넣자.

[![thumbnail](画像URL)](スライドURL)

이전의 Speaker Deck과 SlideShare의 URL을 하메 넣으면 각각 이런 느낌이 듭니다.

[![thumbnail](https://speakerd.s3.amazonaws.com/presentations/22fe7ad589e24a3ab058e41337ff2573/slide_0.jpg)](https://speakerdeck.com/unsoluble_sugar/web-api-completely-understood-dawn)

[![thumbnail](https://image.slidesharecdn.com/restful-140324211655-phpapp02/95/restful-1-638.jpg)](https://www.slideshare.net/unsolublesugar/res-tful)

그리고는 이 코드를 Qiita 기사에 묻는 것만.

실제 모습

실제로 코드를 포함하면 썸네일 이미지를 클릭할 수 있게 되어 있어 클릭하면 대상 슬라이드로 날 수 있습니다.

Speaker Deck 슬라이드

Web API 완전히 이해한 ~여명편~ / Web API Completely Understood -Dawn- - Speaker Deck

SlideShare 슬라이드

RESTful이란? - SlideShare

화상의 바로 아래에 텍스트 링크도 더해 두면, 보다 친절하네요.

Qiita의 "슬라이드 모드"를 알고 있습니까?

그건 그렇고, Qiita에는 "슬라이드 모드"이라는 기능이 있습니다 (2016 년 릴리스).

실제로 이용하고 있는 분도 최근에는 그다지 보이지 않지만, 첫 귀였던 사람은 한 번 만져 보면 좋을지도 모릅니다.

Qiita나 Markdown에 익숙해져 「일부 일부러 파와포나 Keynote 사용할 정도는 아니지만 공유하고 싶은 자료」는 바삭하게 만들 수 있습니다.

단지, Google 슬라이드나 StackEdit로 끝나는 일도 많기 때문에, 유감스럽지만 사용률은 낮은 것일까라고 생각했습니다(소병감)

하지만 이런 제품을 바삭하게 릴리스 할 수 버리는 환경은 순수하게 부러워요.
슬라이드 모드 출시 - Qiita Blog