はてなブックマーク

すんなり終わるはずだったWordPressのDB移行で2日ほど潰しました。 備忘録も兼ねて解決までの道のりです。 今回、WordPress3.4で稼働しているサイトをリニューアルついでに脆弱性が気になるのでバージョンを上げてほしいとの依頼がありました。 そのため、開発環境で制作を行い、本番サーバーにデータを戻して公開する計画を立てました。 対象の環境 ・本番環境 WordPress3.4 MySQL5.5 GMOクラウドサーバー ・開発環境 WordPress3.7 MySQL5.1 SAKURA専有サーバー トラブル１ SQLダンプ(エクスポート)ができなくなる。 本番環境からデータを移行する際、個人的に超おすすめな個人では手が出ないMac用DBクライアント「Navicat」で新しく開発環境に空のデータベーステーブルを作り、構造の同期、データの同期を行います。 この時は、sqlファイルを

最近、便利なジェネレーターや整形ツールを使うことが増えました。 特にCSS3なんかは一から書いていると時間がもったいないのです。 普段使っているツールをまとめてみました。 まずは鉄板！コピペプログラマにはhtaccessは敷居が高いのです・・・ .htaccess ファイルを簡単作成「.htaccess Editor」 ローディングgif作成 Loader Generator – Ajax loader Ajaxload – Ajax loading gif generator WordPress 一から書くのがめんどくさいやつ作成 GenerateWP » User friendly tools for WordPress developers loopを作ったり、functions.phpなどよく書くようなコードを簡単に作成できるのでかなり重宝します。 JqueryやMootoolsな

大きな画像を表示する際、何も処理をしないとすべての画像が表示されるまで、時間がかかります。 そこで役立つのが画像を読み込むタイミングを遅らせることですが、自分でゼロからスクリプトを組むとなるとなかなか大変ですが、 簡単にしかも！超軽量なJavaScriptライブラリの紹介です。 今回試してみたJavaScriptライブラリはJqueryにも依存せず、難しいプログラムも要らず、何よりも1KBと超軽量なので、スマートフォン向けのサイトなどでも安心して使うことが出来ます。 スクロールに応じて表示できるので、縦に長いページやランディングページなんかにも使えると思います。 個々最近のGoogleの検索アルゴリズムのアップデートで、ページの表示速度もページランクに影響すると明言しているようなので、SEOの意味でも表示ストレスのないページを作る際に活用したいJsです。 Echo.js 作者ページ GIt

大好きなFireworksの開発も停止ということで、少しずつPhotoshopを使い始めてます。 Photoshopには、ちょっとした図形を使う際に便利なカスタムシェイプというものがあります。 いろいろ制作に便利そうなものがたくさんあるのでまとめてみました。 デフォルトで入っているものだけだと、ちょっと物足りない。 しかし、ぼくはデザイナー畑の人ではないので、０から作ったり書いたりするにはハードルが高いです。 そして、 「あーーーー！この図形書くには大変だからカスタムシェイプあるかなぁ！」 と思って探しだすとなかなか見つからず、結局パスを引くということを何度もしてきたので、自分で使いそうなものをまとめてみました。 ちなみに無料のものだけでまとめました。 ※ダウンロードやご利用になる際は、配布元のライセンスを一度確認して下さい。 Symbol Shapes 1.0 フラットデザインと相性が良

ウェブに携わる以上、これなしでは仕事にならないインターネットブラウザ。 つい最近まではFirefoxユーザーでしたが、今ではずっぷりとGoogle Chrome派です。 そのGoole Chromeでお世話になりすぎてお歳暮を送りたい拡張機能（アドオン）の紹介です。 ランキングを付けるのも失礼ですが、お世話になっている順にベストテンをご紹介。 第10位Text URL Linkerダウンロードページ リンクじゃないうベタ打ちのURLをリンクにしてくれる拡張機能。 なぜゆえ？って思われる方も多いとは思いますが、調べ事をしている時にURLにリンクが貼られてないとか、httpのh抜きとか、配列をデバッグするために出力した際とか意外とムキーッとなることが多いのですが、これで解決。 注意点は自分のコーディング漏れもリンクにしてくれて、修正として上がってくることがたまにありますｗ 第9位Show Ti

以前から何かいい方法はないかといろいろ調べてたらやっと見つかったのでメモ。 DropboxにsugerSyncにcopyにといろいろなクラウドストレージはあれどほとんどが、専用アプリで同期して使うものがほとんど。 個人的にはMacbook Airは容量が限られているので、必要なときだけ外付けHDDの役割として使いたい。 常にクラウドに上げておきたいものだけはsugerSyncを使っています。 そして、webdavやFTPクライアントでクラウドストレージを外付けHDDのように使う方法がやっと、というか偶然見つかったので覚書き。 今回試したのは、MacのTransmitというアプリですが、おそらくWindowsでもwebdavクライアントで行けるかなと思います。 まずはGoogleのアカウントとTransmitを用意。 特に難しいことはないです。 Transmitでwebdav接続サーバーのと

どういうアプリかというとディスプレイごとにショートカットキーを設定し、 ショートカットキーの対応したディスプレイに自動でカーソルを移動する。だけ。 さらに、オプションでカーソルをドンッ！と大きくできるので見失わないｗ CatchMouseの使い方書くまでもないのですが、僕の設定を含めて公開。 マルチディスプレイは２枚なので、ディスプレイ１とディスプレイ２にショートカットキーを設定 zoom cursorにチェックを入っている状態で、command + F!を押すと以下のキャプチャのようになります。 ちなみにcommand + F2を押すともう一枚のディスプレイにカーソルが移動し、ドンッ！となります。 んー便利。 マルチディスプレイ環境ではもちろんですが、単純にカーソルを見失った際に、ぼくの設定だとコマンド+F１を押すと、画面のセンターに大きく表示されるので、たまに見失ってマウスとかトラック

あまりにも便利すぎて泣きながら書きます。嘘です。 Photoshopとdropboxを連携して、デザインカンプをそのままデモページとして公開できてしまう言葉では非常に伝わりづらいのですが、デザイナーだけでなくディレクターにも超絶便利なサービスがありました。 https://marvelapp.com/ 実際のサイト作る流れの一例として 打ち合わせして、要望を聞き、参考サイトをピックアップし、ワイヤフレームを作り、クライアントに確認し、デザイナーにデザインを作成してもらい、画像をクライアントに確認し、その間、いろいろ修正し、スライスし、HTMLでコーディングするっていう流れがありますよね。（敢えてダラダラ書きました。） この流れをこのサービスを使うと、少し短縮できそうです。 ワイヤフレームをphotoshopで作ってしまえば、URLが発行されるのでそのURLをクライアントに送り、修正したから

なんとなく今風なWEBマガジン風のWordpressテーマ。 今だとちょっとおしゃれなECサイトとしても使えそうな感じがします。 有料だとなかなか手が出ませんが、テーマのカスタマイズ方法だったり、もちろんデザインだったりと勉強になることばかり。 昔は「WEB屋が出来合いのものつかってどうする！！」と思ってましたが、今はもうその考えはありませんｗ Nexus デモページ レスポンシブ：対応 料金：＄39 アイキャッチの部分がWindows8のメトロUIっぽくて個人的には好み。 The Style デモページ レスポンシブ：対応 料金：＄39 最近こういうデザインってPinterstの影響でがっつり増えた感じがします。 写真ありきのプロダクトを紹介するようなコンテンツならはまりますね。 Magazine デモページ レスポンシブ：対応 料金：＄40 その名もズバリ！Magazine！マガジンな