BackWPupのデータからローカル環境にサイトをコピーする方法のリンク集

wordpress
  • BackWPupの保存方法(チェック項目など)は確かこちらのサイトが詳しかったはず。

今こそ安心できるWordPressバックアップを!復旧作業まで実際にやってみたWordPress丸ごとバックアップ法

  • Xamppでローカル環境を構築。今回はSSD使用のPCだったので、CドライブではなくDドライブにインストール。(Xampp設定方法について詳しくはウェブで検索してください)
  • BackWPupのデータを使用したローカル環境へのサイトのコピー(復元)方法。以下のサイトが非常にわかりやすかったです。

BackWPupでバックアップしたWordPressサイトをローカルPCに復元する方法

  • phpMyAdminでのsplファイルインポート時に「アップロードしようとしたファイルが大きすぎるようです。」というエラーが出た時の対処法。Apacheの再起動を忘れずに。

phpMyAdminによる、巨大データのエクスポート&インポート。

 

 

 

JQuery: ‘Math.max’

引数として与えた複数の数の中で最大の数を返します。

via: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math/max

「大きい方の値を得る」サンプルコード

via: http://javascriptist.net/ref/Math.max.html

 

逆は、 Math.min

JQuery: ‘.Slice’

マッチした要素集合から、指定した部分を取り出します。

via: http://js.studio-kingdom.com/jquery/traversing/slice

 

例えば、指定したクラス要素の最後から二番目の要素を取り出すなど。

var photo = $(this).find('.photo');
var beforeLastPhoto = photo.slice(-2,-1);

Mapbox GL: New Frame work for iOS App for Web Map Using On-Device Vector Renderer

MAPBOX GL

マップボックスより新しいiOSアプリのためのフレームワーク、Mapbox GLがリリース。

ついにベクターデータベースのウェブマップが登場。

https://www.mapbox.com/blog/mapbox-gl/

OpenGL ES 2.0をベースとしたオン・デバイス、ベクターレンダのウェブマップ。

  • フルコントロール・スタイル
  • レスポンシブル
  • ピクセル・パーフェクト
  • アンチエイリアス・フォント

よりコンセプトに純粋なアウトプットに。

Mobile Testing with Adobe Edge Inspect CC

Adobe Edge Icon

ローカル環境を含め、PC上でブラウジングしてるサイトを同期的にモバイル端末で表示させる際に有用。

  1. Adobe Edge Inspect CC: http://html.adobe.com/jp/edge/inspect/
  2. 「マルチデバイス対応のウェブ開発を効率化する「Adobe Edge Inspect」の使い方」: http://codezine.jp/article/detail/7131

ローカル環境のワードプレスではCSSなどを読み込めない問題を解決するプラグイン

  1. Root Relative URLs: https://wordpress.org/plugins/root-relative-urls/

有用な解説

  1. 「MAMP内のWordPressサイトをAdobe Edge Inspectで表示する」: http://memocarilog.info/wordpress/5495
  2. 「ローカル環境(Apache)のサイトをスマホに表示する方法がやっっっとわかったのでメモ」: http://www.rokurofire.info/2013/10/22/edge_localdev/

Adobe Muse CC

adobe_muse_logo

小規模店舗のサイト作成などに。。

  1. http://tv.adobe.com/watch/muse-feature-tour/what-is-adobe-muse-updated-november-2013/?trackingid=KIADX

参考サイト

  1. http://www.webcreatorbox.com/tech/adobe-muse/
  2. http://simple-muse-web.com/