GitHubでたまに見るColabやKaggleのアイコンの出し方

GitHubでたまに見るColabやKaggleのアイコンって？

例えば、ゼロつく⑤のGitHubレポジトリにあります。押すと該当するNotebookに飛ぶアレのことです。

このアイコンはどこで手に入るのか

公式がSVGとして公開しています。下記から入手可能です。

Colab

Kaggle

GitHubでたまに見るColabやKaggleのアイコンの出し方

1. 一般的な記述方法

Markdownを利用してColabやKaggleのバッジを表示し、リンクを付ける方法は下記です。

Colabバッジ

[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/<ユーザー名>/<リポジトリ名>/<パス>/<ノートブック名>.ipynb)

Kaggleバッジ

[![Kaggle](https://kaggle.com/static/images/open-in-kaggle.svg)](https://kaggle.com/kernels/welcome?src=https://github.com/<ユーザー名>/<リポジトリ名>/<パス>/<ノートブック名>.ipynb)

2. 具体例

以下は、ゼロから作るDeep Learning⑤のサンプルノートブックを用いた具体例です。

Colabバッジ

[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/oreilly-japan/deep-learning-from-scratch-5/blob/master/notebooks/01_normal.ipynb)

Kaggleバッジ

[![Kaggle](https://kaggle.com/static/images/open-in-kaggle.svg)](https://kaggle.com/kernels/welcome?src=https://github.com/oreilly-japan/deep-learning-from-scratch-5/blob/master/notebooks/01_normal.ipynb)

ColabとKaggleバッジを並べる場合

[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/oreilly-japan/deep-learning-from-scratch-5/blob/master/notebooks/01_normal.ipynb) | [![Kaggle](https://kaggle.com/static/images/open-in-kaggle.svg)](https://kaggle.com/kernels/welcome?src=https://github.com/oreilly-japan/deep-learning-from-scratch-5/blob/master/notebooks/01_normal.ipynb)

以上！