ブログの更新の様子を撮影してみました vol.2

Computer Workstation Detail (iMac 27")この前、ブログ更新の様子を撮影してみたのですが、あまりうまく撮れなかったので、もう一度リベンジしてみます。今回は、前回に操作し忘れていたプレビューや他サイトからの転載の様子も撮影してみました。
photo credit: chrisjagers



ブログ更新の様子 vol.2





Twitterとの連携



私は、ブログの記事を書くのに必要な情報をTwitterに上げることがあります。その理由は、主に情報収集は、iPhoneとTwitterを利用していて、パソコンとスマホの役割分担を明確化させているためです。


私は、情報収集は、隙間の時間を使って、iPhoneでやることにしています。そして、パソコンを触れるときは、パソコンでしかできないこと、または、スマホでは時間がかかってしまうことをやることにしています。


と言っても、私は、パソコン初心者なので、パソコンでやることといってもたかが知れていますが。

Safariを使ったHTMLプレビュー



まずは、 Vimの設定ファイルに以下を追記します。


" F5でHTMLのプレビュー Safari
nnoremap <F5> :!open -a Safari %<CR><CR>



そして、このままでは、文字化けが発生してしまうため、 Safari設定 を変更します。


具体的には、環境設定 > 詳細 > デフォルトのテキストエンコーディング を utf-8 に変更します。


safari_utf8

これで、Vim上でHTMLファイルを保存:wし、F5を押すと、Safariで簡易プレビューされます。