カテゴリー: Mac & iPhone

BackWPUpでWordPressのバックアップをMAMPに復元する

mamp_wordpress

WordPressのバックアップ内容を自由に設定でき、定期的に自動バックアップをとってくれるWordpressプラグイン「BackWPUp

個人的に一番うれしいのが、バックアップデータの保存先を選べること。
FTPにも保存出来るけど、なるべく分散しておきたいので、筆者はDropboxにバックアップデータを自動で保存されるように設定している。

バックアップを自動で行ってくれるのは安心できるが、いざ何か問題が起こった時にすぐに復元出来るのかと、ちょっと心配にならないだろうか。その時に慌てないために練習をしておきたいところ。

ということで今回はMacのローカル開発でよく使うMAMPにBackWPUpでとったバックアップデータを復元してみたいと思います。
ちなみに当サイトは独自SSLを行っているんですが、それによってつまずいた問題も紹介したいと思います。

続きを読む

iPhoneでデベロッパーツール(Webインスペクタ)を使う方法

Webインスペクタをオンに

ホームページのコーディングをする時、表示が崩れている箇所をすぐにチェック出来るデベロッパーツール。どこがおかしいのか簡単にチェック出来る上、CSSをブラウザ上で修正、コンソールなども確認出来る便利なツールですが、iPhone上でもこのデベロッパーツールを使うことが出来るのでその方法を紹介します。

1, iPhoneをMacにコネクタで接続、MacでSafari起動

まずiPhoneとMacをコネクタで接続します。
iPhone上でデベロッパーツールを使うと書きましたが、厳密には「iPhoneで確認しながらMacでデベロッパーツールを操作する」といった感じです。Safariではデベロッパーツールのことを「Webインスペクタ」と言います。Webインスペクタを使うのにMacのSafariを起動しておきます。

2, iPhoneのWebインスペクタを設定

デフォルトの設定ではiPhoneのWebインスペクタの設定はオフになっていますので、それをオンにします。
iPhoneの「設定」から「Safari」を選択。

Safariを選択

「Safari」の中の「詳細」を選択。

「Safari」の中の「詳細」を選択

「詳細」の中にある「Webインスペクタ」をオンにしてください。

Webインスペクタをオンに

「詳細」の中にある「Webインスペクタ」をオンにしてください。
これで設定は完了です。

3, MacのSafariからデバイスを選択

iPhoneの設定が完了したら、iPhoneのSafariでチェックしたいページを開きます。
開いた状態でMacのSafariのメニューから「開発」をクリックします(あらかじめ環境設定で「メニューバーに”開発”メニューを表示」にチェックを入れておいてください)

MacのSafariの設定

すると現在接続されているiPhone名が表示され、その中にiPhoneのSafariで開いているページのURLが表示されているはずです(iPhoneのSafariで別ウィンドウがある場合、それも一覧で表示されます)

4, デベロッパーツール(Webインスペクタ)起動

URLの中からチェックしたいページのURLをクリックするとWebインスペクタが起動します。

Webインスペクタ

ソースにカーソルを合わせるとiPhoneでも対象の要素が選択されます。

Webインスペクタ

Webインスペクタ

一個残念なのが要素のMacと違って要素から選択が出来ないということ、一つ一つ折りたたまれたソースを開けていくのはちょっと面倒。

でもこれでiPhoneでのCSSの調整や修正がかなり効率的になるのではないでしょうか。

備えあれば憂いなし!公衆wifiのセキュリティ対策とプライベートVPN「ZenMate」

フリーランスでパソコンの仕事をしていると、たまに(自分の場合はしょっちゅうですが)wifi環境のあるカフェやお店をで仕事をすることありませんか。

そんなにがっつりとノマドで仕事はしないですが、旅がけっこう好きなので旅先で公衆wifiを使うことがあります。公衆wifiは便利な反面、セキュリティ面でのリスクはどうしてもつきまといます。スタバのwifiなどはセキュリティ面で特に対策もされていないので、ほぼダダ漏れ状態。

使わないのが一番かもしれませんが、ちゃんと理解して、対策さえしっかり行えばこれほど便利で有り難いものはありません。無知なのが一番怖いです。

いろいろ対策はありますが、仕組みから含めてご紹介したいと思います。

細かく全部説明すると長くなるのでざっくりいきます!

続きを読む