소개

프로그래밍 학습을 해 나가는 가운데, 뭔가 어플리케이션을 개발하는 것은 자주 있다고 생각합니다.
README에 개발 배경이나, 사용 기술, 실장 기능 등 기재할 뿐만 아니라 실제로 그 어플리케이션을 움직이고 있는 데모 동영상이 있으면 어떤 어플리케이션인가 이미지가 붙는 것이 좋지요.

자신은 지금까지 Wantedly에서만 데모 동영상을 싣고 있지 않고 GitHub의 README상에는 게재하지 않았습니다. 그래서 이번에는 README에서 데모 동영상과 이미지를 포함하는 방법에 대해 공유하겠습니다.

동영상 표시 방법

조사해 보면, GitHub의 Wiki를 이용해 하는 방법이 있었으므로 그쪽에서 해 보았습니다.

흐름으로서는
1. wiki 만들기
2. 작성한 위키 리포지토리를 로컬에 clone
3. 동영상이나 화상을 넣기 위한 폴더를 작성해, 필요한 동영상·이미지를 넣는다
4. 원격으로 밀어
5. https://raw.github.com/wiki/[githubユーザー名]/[リポジトリ名]/[動画ファイルへのパス] 로 액세스할 수 있으므로, 여기를 README에 기재한다!

놀랍고 간단했습니다!
올리는 동영상은 아래 링크에서 mp4에서 gif로 변환했습니다.
압흔 베 RT. 작은 m

참고 기사
Github의 README에 Gif 이미지 포함

이미지 표시 방법

issue를 만들고 거기에 이미지를 올려서 할 수있는 것 같습니다! 간단!

흐름으로서는
1. 신규 issue 작성
2. issue의 코멘트란에서, 표시하고 싶은 화상을 드롭 한다
3. 업로드가 끝나면 이미지 링크가 생성되므로 README에 그대로 복사

참고 기사
【GitHub】README.md에 이미지를 표시하는 간단한 방법

해봤어

잡담이지만, 이런 느낌으로 할 수있었습니다! (링크는 덮어 드리겠습니다)


(덧붙여서 이쪽은, 자신이 개발하고 있는 사내용의 질문 어플리케이션으로 질문이 투고되었을 때에 Slack로 통지가 뭉개라고 하는 기능의 이미지입니다 웃음)

※추기 데모 동영상도 gif 형식으로 하고, 이미지 업의 방법으로 할 수 있을 것 같았습니다!
그러나 파일 크기는 10MB보다 작아야 했습니다.

요약

이번에는 GitHub에 동영상과 이미지를 표시하는 방법에 대해 소개하겠습니다.
라고 해도 이미 많은 분들이 소개하고 있기 때문에, 자신용으로 정리한 형태가 됩니다.

이상!