みずかるちゃー スクリーンショットをブログに載せるまでのフロー
今回は実際にスクリーンショットを様々な端末で撮るところから，ブログに貼り付けるまでのフローを書いていく．
スクリーンショットを撮る
WindowsはScreenPresso Proで撮る
保存先はGoogleドライブに設定する．
MacはMonoSnapで撮る
保存先はGoogleドライブに設定する．
iOSは通常のスクリーンショットで撮る
通常のスクリーンショットで撮り，iOS版ScreenPressoを使ってPC版ScreenPressoProに転送する．
https://www.screenpresso.com/how-to-use-screenpresso-on-ios/ 転送方法は公式マニュアルを参考．
ScreenPresso Proで加工
ScreenPressoのワークスペースの場所をGoogleドライブにすることで，いろいろな端末で撮ったスクリーンショットを集約することができる．
（画像は失われました）
集約したらあとは加工するだけだ．
注釈やモザイク，トリミング等を行い準備は完了となる．
レンタルサーバにFTP転送
（画像は失われました）
転送したいFTPサーバを設定しておくと，「キャプチャ」ボタンからFTP転送することができる．
（画像は失われました）
FTPの設定項目は「保存先フォルダ」「ホスト」「ログイン名」「パスワード」だけだ．
レンタルサーバを借りている人には簡単だろう．
（画像は失われました）
このように指定した保存先に転送されていることを確認できる．
ZENPHOTOでアクセスしリンクを取得
直接サーバにアクセスして画像のURLを取得してもいいのだが，多くなってくるとわからなくなってくるため管理用のCMSを導入した．
選考基準は「導入が複雑でないこと」「現在も開発が続いていること」とし、探した結果「ZENPHOTO」を使うことにした．
ZENPHOTOは2005年から開発されておりメディア向けのCMSなようだ．
導入方法は以下を参考にしてほしい．
（画像は失われました）
アクセスするとアップロードした画像が並んでいる．
あとは画像の直リンクを取得するだけである．
リンクの取得には「Quote Image As Text」というChrome拡張機能を利用している．
ブログはMarkdown形式で書いているのだが，この拡張機能を使うと簡単にMarkdown形式の画像リンクを取得することができる．
ブログに貼り付け
（画像は失われました）
あとは取得したリンクを貼り付けるだけだ．
（画像は失われました）
するとこのように画像が表示される．
まとめ
このフローでスクリーンショットを扱うと、どんなブログサービスでも利用することができる.
自分の場合WordPressとはてなブログを利用しているため、画像が集約されているのは大変便利であると感じられた．
そしてこのフローの最大のメリットはURLの張り替えなしに，画像を更新することができる点である．
この点については次回まとめていこうと思う．