Webデザイナー・開発者向けの３２個のチートシート集まとめてみた。
デザイナー向けのチートシートまとめ カラーシート Color Combination Cheat Sheet さまざまな色の基本原則がわかるカラーチートシートです。 使いたい色を直感的に選んで、その色のコードを調べることができます。 オンラインシートなので、ブックマークに保存しておくとすぐに調べられます！ Web Designer Color Reference Hexagon Mouse Pad Webデザイナー向けのカラーチートシートです。 拡大するとそれぞれのカラーのコードがわかります。 色彩バランスを把握しやすいので、デザイン時に重宝します。 ウェブ制作者向けのチートシートまとめ HTMLのチートシート HTML5タグ★チートシート HTML5のチートシートです。 かなり詳細にまとめられているので、辞書のように使うこともできます。 印刷して参照するのが向いているので、すぐに確認で
ke-tai.org > Blog Archive > ケータイキャリア毎に振り分けを行うには（mod_rewrite編）
ケータイキャリア毎に振り分けを行うには（mod_rewrite編） Tweet 2007/10/26 金曜日 matsui Posted in サーバ, 全キャリア対応 | 2 Comments » 先日執筆した「PHPでキャリア毎に振り分けを行うには（ユーザエージェント編）」に続き、 mod_rewriteを使った、携帯電話・PCの振り分け方法をご紹介しようと思います。 前回の方法ですと、PHPが動くサーバでなくてはなりませんでしたが、 今回の方法ですと、「.htaccess」が置けて、「mod_rewrite」さえ動けばよいので、 より多くのサーバで、より簡単に動作させることができると思われます。 設置方法は簡単で、振り分けを行いたいディレクトリの直下に、 「.htaccess」ファイルを置くだけです。 今回の例でも 「http://example.jp/」 にアクセスがあった場合、
さくらVPSのWordPressをチューニングして30倍高速化した方法 - 原宿・表参道.jp
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
)
Windows Media Service へのサービス提供
[適用] をクリックします。Web サイトが更新されます。 Microsoft Internet Information Server 3.0 Windows NT Server および IIS を実行している場合に MIME タイプを構成するには、拡張子.REGのレジストリエントリ ファイルを作成します。 メモ帳などのテキスト エディタを開きます。 次の文字列を入力します （注 : Web ページから文字列を切り取り/貼り付けしないでください）。 REGEDIT4 [HKEY_LOCAL_MACHINE/SYSTEM/CurrentControlSet /Services/InetInfo/Parameters/MimeMap] "video/x-ms-asf,asf,,5"="" "video/x-ms-asf,asx,,5"="" "audio/x-ms-wma,wma,,5"=""
おまかせブログ2.0 - ASXとWMVとmime.types
以前、Webmasterにwmvファイルのストリーミングの方法を教えてもらいました。wmvファイルをドキュメントルート以下に置いて、そのURIを特殊な asxファイルから呼び出す方法です。Webで調べてもその方法が一般的ですが、apacheのデフォルト設定では、asxファイルを直接アドレスバーに書かれるとソースが表示され、wmvファイルがダウンロードされてしまいました。 しかし、apacheの mime.types と httpd.conf ちゃんと設定すれば、ソースを見られることがないようにできることが分かりました。まぁ、考えてみれば当たり前ですね。 ■httpd.conf の設定 AddType video/x-ms-asf .asf .asx ■mime.types の設定 video/x-ms-asf asx video/x-ms-asx asx
さくらVPSを借りてから参考にしたサイト « tech*
ツイート私：仕事はシステムエンジニアをしていますが、サーバー構築、phpなどは初心者、ドメインの取得などもってのほか。という立場です。 当時評判だったさくらインターネットのVPSを使い、CentOS + Apache + Tomcat + MySQL + Java という環境で自分用のWEBサービスを作ったときに参照したサイトを備忘録をかねてまとめたいと思います。 さくらのVPSを使いはじめる – アカベコマイリ SSH,Apache,Ruby,MySQL,Subversionなどについて。 おそらくここさえ読めば大体のことはできます。 CentOSをサーバーとして活用するための基本的な設定 – さくらインターネット創業日記 さくらインターネットの田中社長のブログ。 パフォーマンスについての設定を参考にしました。 CentOSで自宅サーバー構築 – CentOSで自宅サーバー構築 もう説明
サーバ上で動いてるどのphpが重いか？を調べられる「phptop」:phpspot開発日誌
サーバ上で動いてるどのphpが重いか？を調べられる「PhpTop」。 「サーバ監視に超使える〜topコマンドのまとめ」というエントリで様々なtopコマンドを紹介したのですが、phptopなるものを新たに発見したのでご紹介。 具体的に出来ることは、今サーバで動いているものを指定した期間で、もっともアクセスが多いphp、CPUを多く消費しているphp、メモリを多く使っているphpといったものを降順にソートできるというものです。 サーバ上で多くのphpが動いており、どうも負荷が高いけどどれが重いのかよくわからないという場合に使えます。 top コマンドでは httpd が動いてるぐらいしか分からないので phper な方で負荷にお悩みの方は使ってみるのもよいかも。 たとえば、 $ phptop -t 15 -s mem のように実行すると、15分以内で、メモリを多く使っている順にソートが可能。
ミケネコの htaccess リファレンス
ユーザー認証について パスワードを使い、ディレクトリ全体にアクセス制限を敷くことができます。 認証の実験として、ディレクトリ http://mikeneko.creator.club.ne.jp/~lab/web/htaccess/passwd/ 以下にパスワード認証を施しました。ユーザ名 guest 、パスワード guest を入力すると、中を閲覧することができます。(*) 非常に少ない手間で、簡単にパスワード認証を行うことができますし、暗号の強度は個人レベルで破ることの出来ないものです。しかし、ネットワーク上を暗号化しないで送られるために、.htaccess を用いた認証は、実質的にオンラインショッピングやインターネットバンキングに耐え得る強度はありません。高度な商業的セキュアを実現したいときは、CGI や SSL 等による別のアプローチを検討しましょう。 * : このパスワード領域に
[ MAMP ] MAMP 1.7.1 から 1.8.4 にアップグレード
ずいぶん前から、Mac OS X で簡単に Apache, MySQL, PHP の開発環境を構築できる MAMP 1.7.1 をインストールしてたんですが、しばらく使っていないうちに MAMP 1.8.4 がリリースされたようなのでアップグレードしてみました。 アップグレード・環境の移行方法 ———————————————————————- アプリケーションフォルダにある古い [ MAMP ] フォルダを [ MAMP_old ] にリネーム ダウンロードした新しい [ MAMP ] フォルダをアプリケーションフォルダにコピー リネームした古い [ MAMP_old ] フォルダの中にある [ cgi-bin, db, htdocs ] の中身を、新しい [ MAMP ] フォルダの所定の場所に移動する /Applications/MAMP/db/mysql に入っているフォルダを移動す
![[ MAMP ] MAMP 1.7.1 から 1.8.4 にアップグレード](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
MAMP, アップグレードのためのメモ
MAMPはダウンロードしたMAMPフォルダを単純にアプリケーションフォルダへコピーするだけでインストールが完了します。 そのため、旧ファイルはすべて上書きになるので以前のデータ、特にデータベースをバックアプしないと悲しいことが起きます。 DBデータのバックアップも単純な上書きコピーで行えるので、ダンプを取ってRestoreなどの手順はいりません。 旧MAMPフォルダのdbフォルダをフォルダごとバックアップします。 デスクトップなどへ移動すればいいでしょう。 新MAMPをダウンロードしアプリケーションへコピーします。 「置き換える」と警告がでてもそのまま続けて構いません。 コピー後にMAMPフォルダへバックアップしたdbフォルダをコピーします。 これも置き換えてください。 MAMPを起動すると「データベースをアップデート」する旨のメッセージがでます。 これで、旧DBデータを引き継いだMAMP
サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。
こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません？ウィイレヤロウヨ。オフサイドダヨ！ さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します（一部 PHP の設定もありますが）。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
ホームページの表示を高速化する | Live Commerce マニュアル
Frameworkを使ったホームページは、Frameworkを使わない場合と比べて内部に多くのロジックを溜め込むことになるのでどうしてもサイトの表示スピードが遅くなりがちです。 Live CommerceではZend F […]
YSlowでウェブサイトのパフォーマンスを改善: gzip圧縮を有効にする - builder by ZDNet Japan
gzip圧縮を利用して転送量を削減する 「Gzip components」の項目はコンポーネントの送信にgzip圧縮機能を利用しているかどうかを判定している。ウェブサーバとウェブブラウザの双方がgzip圧縮に対応していれば、サーバ側でコンポーネントを圧縮し、ブラウザ側で自動的に解凍することで転送量を削減することができる。特にテキスト形式のファイル送信には効果的で、本稿の例でもHTML、CSS、JavaScriptの各ファイルが対象として挙げられていた。 Apache HTTP Serverの場合はmod_deflateモジュールを利用することで圧縮転送を有効にすることができる。まずhttpd.confにリスト1の設定を追加してmod_deflateモジュールをロードする。 リスト1 httpd.confにmod_deflateモジュールをロードする設定を追加 LoadModule defl
URLの終りに「/」(スラッシュ)は必要?、不要?
http://www.suzukikenichi.com と http://www.suzukikenichi.com/ URLの終りに「/」(スラッシュ)を付けた方がいいのか、付けない方がいいのか、付いたときと付かないときでは何か違いがあるのか。 誰もが1度は疑問に思ったことがあるはずです。 URLの末尾に付ける「/」のことを「トレイリングスラッシュ(trailing slash)」と技術的に呼びます。 トレイリングスラッシュのあり・なしについて、ウェブマスター向け公式ブログでGoogleが説明しました。 補足を交えながら要点をまとめて解説します。 まず、トレイリングスラッシュのあり・なしによるウェブサーバーの一般的な振る舞いの違いです。 http://example.com/foo/ （トレイリングスラッシュあり） http://example.com/foo （トレイリングスラッシュ
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://design-spice.com/2012/06/13/responsive-web-design-image/
http://www.seo-maniax.com/other/-wmvfirefoxmozillaapache/
自分でWEBサービスを作りたいと思っている人へ
*.htmlを*.html.gzに圧縮しても*.htmlのままでアクセスできるようにしてディスク容量を節約する