プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate
プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。 HTML5 Boilerplate 昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナル向けに開発されたものとなっています。 下記にその特徴を。 HTML5 Boilerplateの主な特長 クロスブラウザ対応（IE6も） HTML5対応 キャッシュの最適化と圧縮でGrade-Aのパフォーマンス モバイルブラウザへの最適化 クロスブラウザ対応のためにIEでは特定のclassを用意 プリント用のスタイルシート、パフォーマンスの最適化 HTML5でより早いページロードにする「.htac
フロントエンジニアに知ってもらいたいリバースプロキシの重要性 | RickyNews
Randen Pederson 大規模なシステムであれば使っているであろうリバースプロキシ。 セキュリティや稼働率の観点からみて利用することは非常にメリットは高いです。 ただ、社内や周りであまり知見がなく、 「動くからいいや」という理由でApacheをそのままWebサービスの一次受けとして利用されている方も多いと思います。 動くという目的からすれば確かにその通りですが、ただ一枚リバースプロキシを入れるだけで ぐっと運用効率、稼働率も拡張性も上がります。 1. ルーティング処理の簡略化 例えばRESTfulな一般的なAPI構成を作りたいと思った時に以下のようなURL構成になると思います。 http://api.something.com/search/v1/item/list.json?cid=xxxx&gid=xxxxx もしアプリケーション側のルーティングしか知らなければframewor
レスポンシブ対応CSSベースの軽量フレームワークのまとめ | コリス
そのままサイト制作に使ってももちろん便利、自分用のテンプレートを作るための勉強にも役立つCSSベースのフロントエンド用フレームワークを紹介します。 一部のフレームワークで古いIE用にmodernizr.jsやrespond.jsなどを使用しています。 Kube Kube -GitHub レスポンシブ対応、プロ仕様のシンプルでミニマルなフレームワーク。 ファイルサイズ 15.6KB 対応ブラウザ Chrome, Safari, Firefox, Opera, IE8+, and スマフォ用ブラウザ ライセンス 個人・商用ともに無料利用可 Base Base -GitHub レスポンシブ対応、ベーシックなUIエレメントやグリッド揃ったフレームワーク。LESS, Sassだけでなく、.htaccessを含むサイト制作用のフォルダやグリッドのPSDもセットになっています。 ファイルサイズ 3KB(
新人コーダーに知っておいて欲しいリダイレクトの基本｜クロノドライブ
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea
セキュリティ対策まとめ（2013年秋）
JOJOのアニメ第三部が正式に決まったそうですね！ 楽しみ～な、にわかファン Latin です。 最近のWordPress界隈ではAmazon Web Serviceが俄然盛り上がっておりますが、大好きなWordPressを守るため、セキュリティ対策をまとめてみました。 初期セットアップ・設定系の対策 データベースのプレフィクス（接頭辞）を変更する wp-config.php 内の「wp_」の接頭辞を任意のものへ変更します。 その場合、追加で以下の作業が発生します。 phpMyAdmin などを使い、データベースのテーブルネームを変更したカスタムプレフィクスに変更する。 options や usermeta テーブルなどの他のフィールドでも「wp_」プレフィクスが使われている可能性がある為、以下のクエリーを走らせてプレフィックスを変更する。 SELECT * FROM `myprefix_
Apache の .htaccess で Multiviews オプションを使えるようにする - ymd_mkhkの日記
Apache の Multiviews を使ってみようとして、ちょっとはまった。少し調べた結果問題は解決したけど、解決方法について日本語の良い情報が見あたらなかったので、日記を書いてみた。 今日生まれてはじてjsonを返すプログラムを書いた。アクセス時の Unix Timestamp を返すだけの簡単な機能なので、言語は何でも良かったんだけど、サーバの負荷を考えとりあえずphpで書いた。ただ、今後は別な言語(perl とか ruby とか)にしたくなるかもしれないので、 http://example.com/hoge.php ではなく http://example.com/hoge でアクセス出来るようにしようと思い、Multiviews を使えば出来るという情報を見たことがあったので、.htaccess に Options +MultiViews MultiviewsMatch Hand
【覚書】 WordPress 301 リダイレクト URL変更 htaccess 下層ページ そのまま
高橋拓郎が書いている変なブログ @t_takuro 【興味あること】会計・大道芸・プログラム・web・PA（音響） 【近況】小さな会社の社畜で個人事業主でブログ書いたり、草野球したり。 このブログのURLを http://www.takahashi-takuro.com から http://www.takuro.info に変更しました。なんか長ったらしいので。 で、ブログに限らずURL（ドメイン）を変更したとき、SEO的にこれまでgoogle先生からの評価がリセットされちゃいます。 すなわち、検索結果で引っかかって来なくなってしまい、サイトのアクセス数が現象してしまうという悲しい自体が起きます(T_T) そんな時、これまでのgoogle先生の評価を新しいURLでも引き継ぐために「301リダイレクト」というので、やってあげます。 単純にリダイレクトというのは、例えば古いアドレス http:
サイト移転時の301リダイレクト処理の具体例:phpspot開発日誌
Steven Hargrove: How to redirect a web page, the smart way サイト移転時の方法として、301リダイレクトにより、新しいサイトへの転送が最適な方法とされていますが、その301リダイレクト処理の各種具体例。 .htaccess で301リダイレクトを行う方法 特定ページのみの場合は次のようにします。 redirect 301 /old/old.html http://www.yahoo.co.jp 上記は、/old/old.html にアクセスした場合、www.yahoo.co.jp に301リダイレクトされます。 サイトのドメイン移転をした場合は次のように記述します。 RewriteEngine On RewriteCond %{http_host} ^www.from-url.com RewriteRule ^(.*) http:/
jQueryでリンク先PDFのキャッシュ対策をするスニペット
WEB担当者にとって、「更新しましたー！」「変わってないよー！」「F5押して下さいー！」っていうのは永遠の定型文ですよね。 僕も、これまでの人生で何度キャッシュの説明をしてきたことかわかりません。 「ブラウザさんは早く表示しようと努力した結果として、保存してあるデータを見せてくれてるんですよー。ありがた迷惑ですよねー！」なんて言ってみたり・・・。 画像やHTML、CSSなんかは、テストアップの段階でURLパラメータを入れておけばよかったりもしますけど。 参考：クライアントへの仮アップ連絡の際、URLにパラメータ入れておくと楽。（MAKA-VELI.COM） PDFの場合、更新ボタンでどうこうできるものでもない場合もありますし、環境によっても開き方が違ったりして、結局電話口でできる対応ってほとんどないと思います。 .htaccessを設定するか、URL末尾にパラメータを付けるかの選択になりま
301リダイレクト はサイト引越時の強い味方
301リダイレクト とは？ サイトを引っ越したいけど今のサイトはページランクが付いているし検索順位も上位表示されているのでもったいない。 またいちから SEO 対策をしないといけないのかwwww、とお悩みの方、301リダイレクト がお勧めです。 301リダイレクト は、特定のURLへのアクセスを指定したURLに転送することが出来ます。 しかもページランクや検索結果に影響するデータを引き継いでくれます。 Google や Yahoo! もこのやり方を推奨していますので、スパムになることはありません。 301リダイレクト の効果 引越ではなかったのですが、私もこの 301リダイレクト を行い、効果を実証しています。 趣味で「食玩・ガチャポン・フィギュアコレクション」というサイトを公開しているのですが、どういう訳か突然 Google Yahoo! とも http://www.figure.kan
PC用とiPhone用のサイトを切り替える.htaccess
PC用とiPhone用のサイトを切り替える.htaccess PC用のサイトにiPhoneでアクセスがあった場合にiPhone用のサイトに転送するというのはよくあるケースだと思います。更にiPhoneで「PC用」のボタンをクリックされた場合にPC用のサイトが閲覧できる.htaccessを考えてみました。 iPhoneからPC用のサイトへのリンクには「?mode=pc」というパラメーターをつけておきます。 RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod) RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^/$ /iphone/ [R] これでiPhoneで「?mode=pc」というパラメーターがない場合のみiPhone用のサイトに転送されます。 つまり、iPhoneで「http://bar.net」にア
cloudControlで.htpasswdの設定とphpMyAdminのインストール - ボットになりきれない何か
無料で使えるらしいPHPのPaas、cloudControlのアカウントを作ってみました。 参考：PHPのPaaSを提供する「cloudControl」と「PHP Fog」 − Publickey Tutorialに従ってあれこれ設定すればとりあえずデプロイまではいけます。Bazaarとか初めて使うよ。 MySQLのaddonの追加の仕方まで載ってるので親切。データベース苦手なヘタレなのでとりあえずphpMyAdminを入れてみようと思いました。 まずphpMyAdminでごにょごにょしたり、phpinfoを表示するためのディレクトリを掘って、.htaccessと.htpasswdを置いてパスワード制限を掛けようと考えてやり方をググってみました。 .htaccess: AuthUserFile /data/local//current/<作業ディレクトリ>/.htpasswd AuthGr
Googleのウェブマスターツールがgzip圧縮をオススメするのでやってみた。 - 雨ときどき晴れ
最近、EC-CUBEをカスタマイズして通販サイトをオープンしてみました。 それでGoogle Analyticsやウェブマスターツールを設定して様子を見ていたのですが、 10日ほど経ってから、いろいろ情報が表示されるようになりました。 その一つがサイトの読み込み時間を短縮するために「gzip 圧縮を有効にする」です。 ウェブマスターツール これは、ウェブマスターツールの「Labs」→「サイトのパフォーマンス」のページにある 「Page Speed が提案する読み込み時間の短縮方法」のところに書いてありました。 他にもリクエスト数削減のために「外部 JavaScript ファイルをまとめる」や 「外部 CSS ファイルをまとめる」といった方法が書いてあるのですが、 今後もいじっていくことを考えると面倒そうなので今は放置しておきます。 ということで、今回は、cssやjsなファイルたちをできるだ
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
AppFogで始めるFuelPHP - BTT's blog
がっつり使ったわけではないので、とりあえず環境構築まで。 タイトルが変だけど、まーいいか。 AppFogのSIGN UP AppFogのアカウントが無いと始まらないので、 http://www.appfog.com/ にアクセスし、右上『SIGN UP』からAppFogのアカウントを作成します。 アプリケーションの作成 次にアプリケーション(PHP+MySQL)の作成です。 以下のサイトを参考にさせて頂きました。 appfog に PHP + MySQL 環境を作る 上記サイトを参考に、PHP+MySQLのアプリケーションを作成します。 AppFogコマンドラインツールのインストール 以下のページを参考にAppFog用のコマンドラインツールをインストールします。 http://docs.appfog.com/getting-started/af-cli $ gem install af F
ソーシャルサイトとの連携やSEOに役立つ25のWordPressプラグイン | SEOモード
今年だ来年だといって、総括やら抱負やらを書くタイプではありませんし、そういうのは苦手なのですが、開設してまもないこのブログと、SEOに関してこのブログと変わらない程度の新参者である私にお付き合いいただいた皆さんに、今年だけでもきちんとお礼がいいたいと思い、この記事を書いています。 今年はこの投稿を最後にしたいと思います。 SEOモード開設から4ヶ月、皆さん、拙い私の文章にお付き合い頂きありがとうございました。 そもそもこのブログは私自身がSEOを行う上で集めた情報を自分なりに整理したいと思い、始めたものでした。ですが、思いがけず様々な方にご覧頂くことになり、私がSEOを始める前から頻繁に記事を拝見していた方々からコメントを頂いたりして、恐縮すると共に嬉しい驚きを経験することができました。 このブログを始めて改めて感じたのは、ソーシャルメディアの持つ力でした。Twitterはこのブログに先行
PHP で 301 リダイレクトするときの設定方法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 「リダイレクト」という言葉でまず思い浮かぶのは、「.htaccess」ファイルを使用した方法です。 ただ、レンタルサーバーなどでは、この .htaccess ファイルが使えなかったり機能を制限していたりするため、別の方法を準備しなければなりません。 そんなときに、次の候補として挙がるのが PHP によるリダイレクトです。 もちろん .htaccess のようにサーバー全体へ設定することはできないので、対象となるファイル（ページ）全てに反映していく必要があります。 そういう意味で使い勝手はあまり良くないのですが、まぁ、無いよりはマシってことで……。 （逆に、特定のページだけをリダイレクトしたい場合には、こちらの方が楽だったりします） PHP によるリダイレクト方法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クラウド型高速レンタルサーバー【スターサーバー】
ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう！
功效保护进级中