このシリーズの記事
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第1回「draftPadで書くことに集中する環境を作る」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第2回「DraftPadでプレビュー環境を整える」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第3回「画像編集してブログへ挿入する」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第4回「アプリ紹介を効率的に行う」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第5回「Bloggerに投稿する」
DraftPadでプレビュー環境を整える
DraftPadで表題や、太文字など装飾を加えてもそれが実際にどう見えるのかある程度把握出来ないと不安なもの。今回はDraftPadだけで、ある程度プレビューが出来る環境を整えます。
プレビューアシストのインストール
まず、プレビューアシストをインストールします。
アシストはこちらからもインストール出来ますが、CSSが僕のブログ用になっているので、ご自身環境に合わせて変えてください。
プレビューアシスト
コードは以下のようになってます。
draftpad://self/web?source=<meta name="viewport" content="width=320px"><link href='https://www.googledrive.com/host/0BzuNIroprPqXX0xrQ0xnMG1WQU0' rel='stylesheet' type='text/css'><title>Preview</title><body><div id="date-outer"><div class="date-posts"><div class="post-outer"><pre style="word-wrap: break-word;font-family:text-align: left;width=320px;"><@@></pre></div></div></div></body>
アシストを使ってプレビューする
この画面をプレビューしてみます。
まず、アシストを起動します。

プレビュー用のアシストをクリックします。

プレビューされました。

これでプレビューしながら、ブログがかけます。
今回使用したアプリとアシストのまとめ
アプリ
アシスト
アシストは以下のリンクをiPhoneでクリックすることでインストール可能です。
関連記事
- 【iPhone】ちょー初心者がiPhoneでブログ更新するのに「DraftPadを使う」を理解する方法
- 【Blogger】iPhoneでdraftPadのプレビュー画面をできる限りBloggerに近づける
このシリーズの記事
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第1回「draftPadで書くことに集中する環境を作る」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第2回「DraftPadでプレビュー環境を整える」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第3回「画像編集してブログへ挿入する」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第4回「アプリ紹介を効率的に行う」
- 【Blogger】iPhoneでブログを頻繁に更新する方法on draftPad:第5回「Bloggerに投稿する」