fix not unused img

src/pages/articles/cosense/index.md

@@ -28,9 +28,7 @@ Cosenseは，Helpfeel株式会社が提供する，オンラインで多数の
 
 Cosenseを利用することで，下図のような資料を簡単に作成することができます．
 
-<figure>
-<img src="30.png">
-</figure>
+![](30.png)
 
 ### 料金プランについて
 (2021年10月現在)  
@@ -62,18 +60,14 @@ Cosenseで使用するGoogle アカウントのメールアドレスもしくは
 
 Google アカウントと連携されると，Cosenseのアカウント設定画面に切り替わります．「Name」と「Username」をそれぞれ入力してください．
 
-<figure>
-<img src="5.png">
-</figure>
+![](5.png)
 
 * 「Name」にはGoogle アカウントの名前がそのまま反映されますが，もし変えたい場合は入力し直してください．
 * 「Username」は個人ページのページタイトルとして利用されるもので，半角英数字で入力しなければなりません．分かりやすくするために自分の名前にしておくのが良いでしょう．
 
 「Looks Good」を選択すると，アカウントの作成が完了します．以下の画面が表示されたら，緑の「Create new project」ボタンをクリックして，プロジェクトの作成を行ってください．
 
-<figure>
-<img src="13.png">
-</figure>
+![](13.png)
 
 プロジェクトの作成方法は，「[プロジェクトを作成する](#create_project)」を確認してください．
 
@@ -98,9 +92,7 @@ Cosenseにおけるプロジェクトとは，情報をまとめるためのス
    * **「Upload image to」**：画像のアップロード先を選択します．通常は「scrapbox.io」を選択すれば問題ありません．アップロードした画像がCosense上に保存されます．
 4. 入力し終えたら，緑の「Create」ボタンをクリックします．
 
-<figure>
-<img src="14.png">
-</figure>
+![](14.png)
 <!-- <img src="006.png"> -->
 
 ## プロジェクトを共有する
@@ -160,44 +152,32 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される，
 
 一行目はタイトル，二行目からが本文となります．タイトル行は空行のままでも問題ありませんが，ページ一覧画面での見出しになるので，何か書いておくと後から見つけやすくなります．
 
-<figure>
-<img src="9.png">
-</figure>
+![](9.png)
 
 行頭に半角スペースを打ち込むことで，箇条書きができます．Enterキーを押すと自動的に次の箇条書きに移ります．箇条書きをやめたい時はEnterキーを2回押します．
 
-<figure>
-<img src="10.png">
-</figure>
+![](10.png)
 
 箇条書き状態で行頭に更に半角スペースを打ち込むことで，階層化が可能です．半角スペースの回数によって，階層の深度を自由に調整できます．
 
 <!-- <figure>
 <img src="25.png">
 </figure> -->
 
-<figure>
-<img src="26.png">
-</figure>
+![](26.png)
 
 文字列を選択することで，太字・斜体・取り消し線などの装飾を追加することも可能です．  
 例えば，文字列を選択して出てきたウィンドウから「strong」を選択すると，文字を太字にすることができます．
-<figure>
-<img src="28.png">
-</figure>
+![](28.png)
 
-<figure>
-<img src="29.png">
-</figure>
+![](29.png)
 
 ### ページから別のページにジャンプする
 
 ページを構造化したい(ページ同士を関連付けたい)場合は，リンク機能やハッシュタグ機能を使います．
 リンクを付けたい文字列を`[ ]`で囲むとリンクが，ハッシュタグを付けたい文字列の頭に`#`を付けるとハッシュタグが，それぞれ自動生成されます．
 
-<figure>
-<img src="11.png">
-</figure>
+![](11.png)
 
 リンクやハッシュタグが付けられた文字列をクリックすると，それぞれの文字列がタイトルとなったページに移動できます（ハッシュタグの場合は先頭の`#`を除いたものがタイトルとなります）．
 
@@ -208,25 +188,17 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される，
 
 先の画像の「リンク」という文字列をクリックした場合，タイトルが「リンク」となった新たなページに移動します．ここから本文を打ち込み，新たなページが作成できます．
 
-<figure>
-<img src="12.png">
-</figure>
+![](12.png)
 
 また，同一のハッシュタグを打ち込んだページ群は，画面下部にまとめて表示されます．関連したページには同一のハッシュタグを記載しておくと繋がりが分かりやすくなるでしょう．
 
-<figure>
-<img src="27.png">
-</figure>
+![](27.png)
 
 左上部にあるプロジェクト名をクリックすると，ページ一覧画面（プロジェクトのトップページ）に移ることができます．
 
-<figure>
-<img src="15.png">
-</figure>
+![](15.png)
 
-<figure>
-<img src="16.png">
-</figure>
+![](16.png)
 
 ### 画像を挿入する
 
@@ -235,28 +207,22 @@ Cosenseにおけるページとは，プロジェクト内に蓄積される，
 
 PCに保存されている画像をページに挿入する場合は，ドラッグ＆ドロップもしくはコピー&ペーストで行います．
 
-<figure>
-<img src="17.png">
-</figure>
+![](17.png)
 
 <!-- <figure>
-<img src="18.png">
+<img src="18.png"/>
 <figcaption>画像がページに挿入されます．</figcaption>
 </figure> -->
 
 画面右の![](20.png){:.icon}アイコンから「Upload file」を選び（下の画像赤丸部分），挿入したいファイルを選択することもできます．
 
-<figure>
-<img src="21.png">
-</figure>
+![](21.png)
 
 #### スマホで操作する場合
 
 モバイル版の場合，右上部の![](20.png){:.icon}アイコンから「Upload file」を選び（画像赤丸部分），携帯電話に保存されている画像を選択して挿入できます．
 
-<figure>
-<img src="19.png">
-</figure>
+![](19.png)
 
 ### 手書きの図を挿入する
 
@@ -269,30 +235,21 @@ Cosenseのドローイング機能を使い，手書きの図をページに挿
 
 ドローイング画面ではマウスやペンタブを使って自由に描くことが可能です．
 
-<figure>
-<img src="22.png">
-</figure>
+![](22.png)
 
 挿入する画像を作成出来たら，右上の緑の「Upload」ボタンをクリックします．
 
-<figure>
-<img src="23.png">
-</figure>
+![](23.png)
 
 作成した画像がページに挿入されます．
 
-<figure>
-<img src="24.png">
-<figcaption></figcaption>
-</figure>
+![](24.png)
 
 #### スマホで操作する場合
 
 モバイル版の場合，右上部の![](20.png){:.icon}アイコンから「drawing」を選び（画像赤丸部分），同様の操作が可能です．
 
-<figure>
-<img src="31.jpg">
-</figure>
+![](31.jpg)
 
 ## Tips：Slackなどのチャットツールに更新を通知する
 Slackと連携させることによって，Cosenseの更新をSlackで確認できるようになります．

src/pages/articles/goodnotes-writing/index.mdx

@@ -207,9 +207,9 @@ GoodNotes 5はiPad，iPhone，Macなどで利用できますが，板書をす
 以下では，新しいノートの作成方法を説明します．
 
 1. GoodNotes 5を開き，画面下の「書類」を選択します．
-2. 新しいノートを作成したいフォルダに移動して，「新規...」をタップします．<img src="pic52.jpeg" />
-3. 表示されたメニューから「ノート」をタップします．<img src="pic53.jpeg" />
-4. 表紙の有無や，用紙の色やサイズ，縦・横の向き，けい線の種類等を選択し，「作成」をタップします．<img src="pic54.jpeg" />
+2. 新しいノートを作成したいフォルダに移動して，「新規...」をタップします．![](./pic52.jpeg)
+3. 表示されたメニューから「ノート」をタップします．![](./pic53.jpeg)
+4. 表紙の有無や，用紙の色やサイズ，縦・横の向き，けい線の種類等を選択し，「作成」をタップします．![](./pic54.jpeg)
 5. 白紙のノートが作成されます．
 
 #### 事前に用意しておいたPowerPointやPDFを読み込む
@@ -221,10 +221,10 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み
 1. GoodNotes 5に読み込みたいファイルを，自身のGoogle ドライブに保存します．Google ドライブの基本的な使い方は，「[Googleドライブ](/google/drive/)」のページを確認してください．
 2. iPad上でGoogle ドライブを起動します．
    * アプリケーションは，[App Store](https://apps.apple.com/jp/app/google-%E3%83%89%E3%83%A9%E3%82%A4%E3%83%96-%E5%AE%89%E5%85%A8%E3%81%AA%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3-%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8/id507874739)からインストールすることができます．  
-3. Google ドライブ上で開きたいファイル（PDF，Power Point，またはWordのファイル）があるフォルダまで移動し，開きたいファイルのファイル名の横に表示されている「・・・」をタップします．<img src="pic41.jpeg" />
-4. 表示されたメニューから「アプリで開く」をタップします．<img src="pic42.jpeg" />
-5. 「エクスポートの準備中」と表示されるので，準備が完了するまで待ちます．<img src="pic43.jpeg" />
-6. 表示されたメニューから「GoodNotesで開く」をタップします．<img src="pic44.jpeg" />
+3. Google ドライブ上で開きたいファイル（PDF，Power Point，またはWordのファイル）があるフォルダまで移動し，開きたいファイルのファイル名の横に表示されている「・・・」をタップします．![](./pic41.jpeg)
+4. 表示されたメニューから「アプリで開く」をタップします．![](./pic42.jpeg)
+5. 「エクスポートの準備中」と表示されるので，準備が完了するまで待ちます．![](./pic43.jpeg)
+6. 表示されたメニューから「GoodNotesで開く」をタップします．![](./pic44.jpeg)
 7. 自動でGoodNotes 5が起動し，「GoodNotesに読み込む」という画面が表示されます．GoodNotes 5内での保存場所を選択し，「新規ファイルとして読み込む」をタップしてください．
 
 （注）GoodNotes 5で別のファイルを開いていた場合は，「新規書類として読み込む」の他に「現在の書類に読み込む」という選択肢が表示されます．現在GoodNotes 5で開いている書類と事前作成資料を結合したい場合は，「現在の書類に読み込む」を選択してください．
@@ -238,10 +238,10 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み
 
 一般的なZoomの使い方については，「[Zoom](/zoom/)」を参考にしてください．
 
-1. iPadでZoomの会議室を開き，メニューバーから「共有」をタップしてから，「画面」を選択してください．<img src="pic37.jpeg" />
-2. 「ブロードキャストを開始」をタップします．<img src="pic38.jpeg" />
-3. 「画面を共有しています」と表示されます．<img src="pic39.jpeg" />
-4. iPadで開くアプリをZoomからGoodNotes 5に切り替えると，GoodNotes 5の画面が共有されます．画面共有中は画面右上に赤いマークが表示されます．<img src="pic40.jpeg" />
+1. iPadでZoomの会議室を開き，メニューバーから「共有」をタップしてから，「画面」を選択してください．![](./pic37.jpeg)
+2. 「ブロードキャストを開始」をタップします．![](./pic38.jpeg)
+3. 「画面を共有しています」と表示されます．![](./pic39.jpeg)
+4. iPadで開くアプリをZoomからGoodNotes 5に切り替えると，GoodNotes 5の画面が共有されます．画面共有中は画面右上に赤いマークが表示されます．![](./pic40.jpeg)
 
 本記事では詳述しませんが，「AirPlay（またはそのミラーリングソフト）」を用いた画面共有等の方法を用いることで，Macや一部のWindowsPCからiPadの画面を共有することも可能です．
 
@@ -271,8 +271,8 @@ GoodNotes 5では，PowerPoint，Word，PDF，各種画像ファイルを読み
 
 板書をPDFや画像ファイル（.jpeg）に書き出すことで，授業後の復習用資料として板書内容を学生に共有することが可能です．以下では，資料化のための手順を記載します．
 
-1. 「共有」をタップし，続いて表示される「すべてを書き出す」または「このページを書き出す」をタップします．「すべてを書き出す」を選択すると，全ページを資料化できます．「このページを書き出す」を選択すると，表示中のページのみを資料化することができます．<img src="pic56.jpeg" />
-2. PDF・イメージ（.jpeg）・GoodNotesファイルの中から，書き出したいファイル形式を選択します．「ファイル名」にファイル名を記入し，「書き出す」をタップします．<img src="pic57.jpeg" />
-3. 書き出したファイルを保存または共有するためのアプリケーションを選択します．書き出したファイルは，Googleドライブに保存したり，Slackやメールで添付送信をしたりすることができます．本記事ではGoogle ドライブに保存する場合の手順を紹介します．<img src="pic58.png" />
-4. Googleドライブ内の保存先フォルダを指定して，「ここに保存」をタップします．<img src="pic59.jpeg" />
-5. 「アップロード」をタップします．<img src="pic60.jpeg" />
+1. 「共有」をタップし，続いて表示される「すべてを書き出す」または「このページを書き出す」をタップします．「すべてを書き出す」を選択すると，全ページを資料化できます．「このページを書き出す」を選択すると，表示中のページのみを資料化することができます．![](./pic56.jpeg)
+2. PDF・イメージ（.jpeg）・GoodNotesファイルの中から，書き出したいファイル形式を選択します．「ファイル名」にファイル名を記入し，「書き出す」をタップします．![](./pic57.jpeg)
+3. 書き出したファイルを保存または共有するためのアプリケーションを選択します．書き出したファイルは，Googleドライブに保存したり，Slackやメールで添付送信をしたりすることができます．本記事ではGoogle ドライブに保存する場合の手順を紹介します．![](./pic58.png)
+4. Googleドライブ内の保存先フォルダを指定して，「ここに保存」をタップします．![](./pic59.jpeg)
+5. 「アップロード」をタップします．![](./pic60.jpeg)