🐧
マークダウンに貼れる自己紹介ビンゴ
- 自己紹介風ビンゴをマークダウンに貼りたかったので、そのテンプレートを出力するスクリプトを生成します。
結果
- スクリプトが出力する内容をマークダウンファイルに貼れば、以下のようなビンゴ表を生成してくれます。
環境
- mac OS Ventura 13.1
手順
- 以下の内容をターミナルに貼り付け、もしくは以下の内容で任意のshファイルを作成して実行します。
- ※以下の「myImg」や「center」は任意の画像リンクに置き換えてください。
tag="img"
myImg="https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif"
center="https://user-images.githubusercontent.com/44114228/219279405-8ba26f06-bfb7-4148-bab4-86d951a05d31.gif"
awk -v tag=$tag -v myImg=$myImg -v center=$center 'BEGIN{
for(i=0;i<=5;i++){
for(j=1;j<=5;j++){
if(i==1){
printf "|:---:"
}else if(i==3 && j==3){
printf("|![%s](%s)",tag,center)
}else {
printf("|![%s](%s)",tag,myImg)
}
}
printf "|\n"
}
}'
- 実行後、以下のようなテーブル生成のマークダウンが出力されるのでコピーします。
|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|
|:---:|:---:|:---:|:---:|:---:|
|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|
|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219279405-8ba26f06-bfb7-4148-bab4-86d951a05d31.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|
|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|
|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|![img](https://user-images.githubusercontent.com/44114228/219278124-771ce311-4844-4f72-954a-fe90ca38ed5b.gif)|
- コピーした内容をマークダウン結果が表示できるところに貼り付けて確認します。
- 以上です。
参考
-
https://zk-phi.github.io/MEGAMOJI/
- ※gif画像生成はこちらで行いました。
Discussion