はてなブックマーク

MAMPは簡単にWeb環境を構築できる便利なソフト。自分も長らく使ってますがあれこれ設定を変えたりしているので、おさらいがてら、ローカル環境を構築する時の設定をまとめてみました。 ポートの設定を変更する。 ドキュメントルートを変更する。 バーチャルホストを設定する。 PHPのエラー内容を出力する。 ポートの設定を変更する。 MAMPのApacheのポートはデフォルトで8888。接続するには、 http://localhost:8888 または、マシンに固有のローカルIPアドレスを振っていれば、 http://[IPアドレス]:8888/ でもアクセスできます。 でも、出来ることならポート番号なしのURLで接続したいですよね。それにはApache標準のポート80に設定する必要があります。以下の方法で簡単に設定出来ます。 まずはMAMPの環境設定をクリックします。 「ポートタブ」を開き、「Ap

いまやFacebook、Twitter、mixiなどSNSへの投稿ボタンをサイトに設置するのが当たり前になっていますね。投稿ボタンは各サービス側で用意されていて設置も簡単ですが、時にはそのデザインがサイトのイメージに合わないことも。実際、オリジナルボタンでお願いされるケースもあるのでこの際まとめてみました。 投稿ボタンのカスタマイズはすでに他のサイトでも紹介されていますが、作業する度に調べるのも面倒なので、自分へのメモも兼ねて紹介します。なお、ここで紹介する方法は、どのボタンもクリックで別窓が開く仕様になっています。また「俺にカウントなんて必要ないぜ」というワイルドな方にピッタリです（笑） 投稿ボタンの設置 Facebook Twitter Google+ mixi Pinterest はてなブックマーク Evernote Facebook 言わずと知れたFaceook。「いいね！」と「シ

あちこちで紹介されているので今更感たっぷりなのですが（汗）、google mapをサイトのページに埋め込む方法です。google側で簡単な方法が用意されています。ただ、埋め込み時に少々困ったこともあったので解決法も交えて紹介します。 ※キャプチャ画像は執筆時（2012/04/19）時点のものです。 2014年3月にGoogle Maps Embed API が新しくなりましたが、旧マップの表示に戻す事でこの記事で紹介した方法でも埋め込むことが出来ます。 旧マップの表示に戻すには表示されたマップの右下の ? アイコンをクリックすると吹き出しが表示されます。その下の「以前のマップに戻る」をクリックするとフィードバックを促す内容に変わりますが、その下の「以前のgoogle mapに戻る」をクリックすることで旧マップの表示に変わります。(2014.05.22追記) マップの埋め込み。 問題その1：

MAMPとは今さら説明するまでもないですが、Macで手軽にローカルでのWeb開発環境(Apache + MySQL + PHP) を導入できるパッケージです。同様のパッケージでXAMPPというものもあります。XAMPPはMac、Windowsともにあります。 以前はOSXのWeb共有を利用して制作環境を構築していたのですが、システムを汚す事無く、手軽に導入できるので自分も新しいマシンを購入した際にインストールしてから今では制作に無くてはならない存在になっています。 さて、本題ですが、今までローカルでアクセスする場合、 Mac：http://localhost:ポート番号/ Windows：http://macのコンピュータ名.local:ポート番号/ でアクセスしていました。 Xmarksでブックマークを共有していたのでローカルでアクセスする際、MacとWindowsでアドレスが違うので困

SEO的にはあまり推奨されない?と言われるクリッカブルマップですが、時には便利な場合も。ただ、ロールオーバーさせるのにCSSでは無理があります。そこで非常に簡単な方法ではありますが、javascriptを使ってロールオーバーさせる方法を紹介します。※2011.09.01：内容の再構成とjqueryでの方法を追加しました。

WP-PagenaviはWordpressのページングを拡張できる、人気のあるプラグインで使用している人も多いと思います。このサイトでもリニューアルに伴いページングに使っています。しかし、使ってみるとページ送りがうまくいかない不具合が発生しました。その原因と自分の場合の対処法をまとめてみました。 不具合とその原因 解決方法 不具合とその原因 カテゴリ毎の一覧ページで2ページ目以降をクリックすると、404 not foundとなり、表示されません。トップ、タグ、検索ページ、アーカイブページは問題はありませんでした。 原因をいろいろ調べてたところ、WP-Pagenaviに問題がある訳ではなく、Wordpressのパーマリンクによるバグらしいです。 カスタム投稿タイプでのページ送り（ページネーション）が「404 Not Found」を返すときの対処法 | 鉄王 上記のリンク先にもありますが、パー

[ jQuery ]1.9x以降で廃止されたtoggle関数を実装する 以前とある案件でjQueryのバージョンを2.xにしたんですが、クリックで関数をそれぞれ実行するtoggle()が動かない!　よくよく調べるとjQuery1.9以降では廃止された模様。。。 2016.11.17 要素をプルプル揺らす楽しいjQueryプラグイン「jRumble」 要素をプルプル震わせるjQueryプラグイン「jRumble」。以前に自分の案件でも使用しましたが、動きが面白いので紹介したいと思います。 jRumbleの導入 2016.11.08 WebScripter.jpのデザインをリニュアルしました！ WebScripter.jpのデザインをリニュアルしました！随分更新が滞っていたのですが、それなりにアクセスのある記事もいくつかあるのでこのままではいけないと思い、手始めにデザインを見直し、シンプル、

もともと印刷物のデザイナーの方がwebデザインをする場合、使い慣れているからIllustratorで、という人も多いと思います。でもIllustratorでWebデザインをするとボケた線やエッジに悩まされ、訳が分からず放置…なんてことも。そんなわけでIllustratorでも、web制作標準のPhotoshopやFireworksに負けない？Webデザインの方法をまとめてみました。 ※説明に使用しているIllustratorのバージョンはCS3です。記事投稿時点ではCS5まで出ているのでWeb制作に関しては便利な機能が実装されているかもしれません。それでもいくつかは使えると思います。 ドキュメントの設定 オブジェクトの作成と配置について 画像の書き出し・まとめ ドキュメントの設定 印刷物と違いWebの場合は色はRGB、単位はピクセルが基本です。それをふまえていくつか設定します。 ドキュメン