Showcase of Parallax Scrolling Effects in Web Design
The parallax illusion is one of the coolest effects to hit the world of web design. This showcase rounds up the best examples of websites that have scrolling parallax effects. Some use the effect to add a subtle effect to the website’s background, whereas others use the parallax effect more prominently to create an exciting browsing experience. Para-what?!The parallax effect has been around for ye
canonical属性とは／link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩（前編） | Web担当者Forum
canonical（カノニカル）タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか？ 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search（マイクロソフト）は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる（ただし、自サイト内の問題のせいで生じる重複インデックスのみ）。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関
ウェブデザインコンプレックスは克服できるか - GIGAZINE
幽霊の正体見たり枯れ尾花。これが結論である。 デザインセンスや技術力は努力だけで90％まで到達できる。後残りの10パーセントがその人の持って生まれた才能やセンスの問題、後は好み。あるいは、生まれ育った生活環境や諸々のもの。とにかく、努力では変えようのないものが残り10パーセントを占めている。 だが、努力だけで到達可能な90パーセントまで達すれば、一流のプロとして通用するレベルである。今から定年までにこの技術を磨いておけば一つの芸として成立するし、あなたの老後はバラ色だ。そのためには、ほふく前進で努力をすることが必要となる。一体、デザインの現状というものはどのようなものなのか？以下、述べてみよう。そして、ウェブデザインコンプレックスを克服する方法を教えよう。 なんとなく、目に触れる美術環境が戦後の日本は貧しくなっている。大量生産で画一的なデザインがいっぱいになっている。日本の生活風習で「ひと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Buy / reinstall a Mac | Weboo Returns
About five years have passed since I started using the Mac, but the software I use has changed with the changing times. Most of the work has been done on the web, especially recently, so much less software is installed. Just the other day, I installed OS X cleanly, so I will write down the software and settings that I reinstalled for the next time. I’m using MacBook Pro, so it might be a little bi
定山渓観光協会公式サイト
開湯から１５５有余年 支笏洞爺国立公園指定の 美しき渓谷の湯どころ 札幌中心部から車で約１時間。 慶応２年の開湯から１５５余年。 豊かな自然環境と古い火山帯の 山岳地形からなる森の滴が、 地中深くにしみ込み 大地の熱でつくられた湯どころ。 美しき四季につつまれた 癒やしのひと時をお過ごしください。
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結
インスピレーションを得られるWebデザインのギャラリーサイト 30 « Ligg
世界中には数えきれないほど素晴らしいデザインのWebサイトがたくさんあります。Liggでもこれまで多くのWebサイトを紹介してきましたが、一つの記事で紹介出来るWebサイトは限られます。 そんな時におすすめなのがギャラリーサイト。世界中の素晴らしいWebサイトをギャラリー形式で紹介しているサイトです。今回は国内、海外問わず様々なWebデザインのギャラリーサイトを集めてみました。 国内 日本人の方が運営しているギャラリーサイトです。 1. I/O 3000 2. cliplop 3. Good Design Web 4. straightline bookmark 5. S5-Style 6. ウェブセレクション 海外 海外のギャラリーサイトです。 7. CSSMAYO 8. CSSREMIX 9. Web Creme 10. Foliostars 11. Creamy
WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
プログラミング初心者にオススメのPerl本 - Islands in the byte stream (legacy)
この時期、Perlを学び始める方も多いと思います。そこでプログラミング初心者がPerlを学ぶのに適した本を、私が実際に読んだことのあるものの中から選んでみました。 1冊目 1冊目はなんでもいいと思うのでとりあえず定番としてリャマ本を挙げておきます。 初めてのPerl 第5版 作者: Randal L. Schwartz,Tom Phoenix,brian d foy,近藤嘉雪出版社/メーカー: オライリージャパン発売日: 2009/10/26メディア: 大型本購入: 22人 クリック: 293回この商品を含むブログ (41件) を見るこれで基本的なPerlの文法が学べるはずです。この手の入門書は「課題」がつきものですが、すべて解く必要はないと思います。幾つか気になるもの・面白そうなものだけ試してみればいいでしょう。 1冊目読了の辞典では、以下のプログラムの簡易バージョン*1を実装できるよう
Flash開発者は絶対に入れるべきFirefoxアドオン「FlashFirebug」 | Web活メモ帳
いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。 AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。 アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。 Firebugのようなデバッグ ↑SWFにマウスオーバーした際に、HTMLのように要素を表示してくれます。 ↑YouTubeのサイトで、パラメータを操作している様子。 ↑エラーやトレースの出力ももちろん可能に。 これは開発が楽になりそうですね。 利用にはFlash Debug Playerバージョン10以上が必要との事。 ダウンロードは下のリンクからどうぞ。
PHPのrequireを使って、WordPressの外にある静的トップページに新着記事＋投稿タグを表示させてみた
今回課せられた制約は大きく2つ ・/blog ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ
わがままなプログラマにならない為の10のルール
「エゴレスプログラミング」という言葉があります。アメリカのコンピューター科学者、ジェラルド・ワインバーグ氏によって『プログラミングの心理学』にて取り上げられた思想です。プログラマ同士が協調する事で最終的なコードの品質が向上するという思想です。プログラマが協調できていないムードだとコードの品質が下がると言い換えてもなんだか思い当たるフシのある感じです。1970年代からある考え方ですが、ちょうど話題になっていました。さてそのエゴレスプログラミングの為の十戒は下記のようになっています。 自分が失敗をする事を認める コードは自分自身ではない どれだけ空手を知っているかは重要ではない。他にもっと知っている人がいる 相談なしにコードを書き換えない 自分よりも知識が無い人に対して尊敬と敬意と忍耐を持って接する 唯一不変な事は、世界は変わるという事 権威は立場からではなく知識から生まれる 自分が信じるもの
WordPress マルチサイト版の高速化アイデア - dogmap.jp
WordPress をマルチサイトで使用していると、画像のURLが以下のような感じになると思います。 http://hoge.example.com/files/2011/05/fuga.jpg しかし、実際にはサーバ上には /files/2011/05/fuga.jpg ってファイルは存在してません。 WordPress が、どうやってこのファイルを処理しているかというと… wp-includes/rewrite.php の WP_Rewrite クラスで wp-includes/ms-files.php?file=2011/05/fuga.jpg に書き換え wp-includes/ms-files.php で、/wp-content/blogs.dir/{blog ID}/files/2011/05/fuga.jpg を読み込んで出力 つまり、静的ファイルにアクセスするためにわざわざ
Facebookをマーケティングで使う上で知っておくべき18のこと
Tweet Slideshareに1週間前にアップロードされていた『The 5 Key Tools for Effective Facebook Marketing』がとてつもなく有益なのでご紹介。 日本とアメリカではFacebookを取り巻く環境が異なるため、日本には当てはまらなさそうなデータもありましたが、Facebookをマーケティングで使う方は是非知っておくべきかと！ 以下、重要な情報、18個を抜粋。 1. ソーシャルメディアはオンライン上で最も多くの時間を使われている活動である。 もし、アメリカ人がインターネットに費やす時間を一時間とすると、ソーシャルメディアは約13分を占める。（全体の約4分の1） これはメールに費やす時間の4倍であり、昨年と比べて48％も増加している。（2008年比では3倍の成長） 一方、メールは前年比で3分の1減少した。 2. FORTUNE100に入ってい
URLをリダイレクト・リライトする場合の.htaccessの設定例 | コリス
Roshan's Blogのエントリーから、URLをリダイレクト・リライトする場合の.htaccessの設定例を5つ紹介します。 5 useful url rewriting examples using .htaccess 「product.php?id=12」を「product-12.html」でアクセス 「product-12.html」を「product.php?id=12」にリライトします。 <textarea name="code" class="html" cols="60" rows="5"> RewriteEngine on RewriteRule ^product-([0-9]+).html$ product.php?id=$1 </textarea>
.htaccessでHTTPアクセスをSSLでリダイレクト(逆もアリ) - hogehoge foobar Blog Style Beta
.htaccessを使って、HTTPでアクセスされたページをSSLでリダイレクトする方法と、SSLでアクセスされたページをHTTPでリダイレクトする方法です。 今回は、以下の2パターンで試してみました。 環境変数「HTTPS」を使用する。 環境変数「SERVER_PORT」を使用する。 環境変数「HTTPS」を使用する場合 ※メイビンラボさんのページを参考にさせてもらいました。 一番簡単で分かりやすい方法はコレだと思います。 「RewriteCond」で環境変数「HTTPS」の値を判定します。 「HTTPS」がoffの場合 → HTTPでのアクセスなのでSSL(HTTPS)でリダイレクト 「HTTPS」がonの場合 → SSL(HTTPS)でのアクセスなのでHTTPでリダイレクト .htaccessを全てのディレクトリに置くのは管理が煩雑になってよろしく無いので、DocumentRoot直
SEOで失敗しない「サイト移転」マニュアル｜αSEO(アルファSEO)
「会社名が変わるので、ドメイン名を変えなければならない」「リニューアルでシステム変更をするのでURLが全て変更される」・・Webマスターであれば、一度はこのような経験をしたことがあるでしょう。ドメインやURLを変更するということは、SEO対策においては一大事！これまでのSEO対策の効果をうまく引き継ぐサイト移転方法を、SEM総合研究所の渡辺隆広所長が伝授します。きちんとSEOを意識したリニューアルで、勝ち組サイトを目指しましょう。 ドメイン変更によるSEOのリスク サイトのドメインを変更するような場合、検索エンジンのランキングにも影響するので注意が必要です。なぜなら、今の検索エンジンはドメインの「年齢」を評価するためです。例えば、今まで5年間運営してきたドメインを新規に取得したドメインにに移転すると、ドメインの年齢は「5年→0年」となってしまい、検索エンジンの評価はその分落ちてしまいます。
【SEO】サイトリニューアル時に悩むURL変更の影響を最小限にする設定
【SEO】サイトリニューアル時に悩むURL変更の影響を最小限にする設定 ■SEO で失敗しないためのリダイレクト設定 抜本的なサイトリニューアルする際に頭を悩ませる問題にURLの変更が挙げられますが、SEOの観点から問題なく行うための方法としてリダイレクトがあります。 クライアントサイドリダイレクトはあまり環境に依存することなく、ほとんどの人が出来るのがメリットですが、手間がかかります。 サーバーサイドリダイレクトはメリットとデメリットがクライアントサイドリダイレクトとは逆になりますね。以下のようなhtaccessを使うのが一般的でしょうか。 htaccess記述例 Redirect permanent /hogehoge/directory/ http://www.example-domain.com/ ※この場合 /hogehoge/directory/ ディレクトリへのアクセスを全部
『【読み物】SEO で失敗しないためのリダイレクト設定』
空は青く。海は碧く。WEB・mobile・広告などなどのNEWSクリッピング集。ＩＴ系広告代理店にいる視点から、気になったnewsをクリッピングしてます。 前回 、リダイレクトの重要性と有効性について概念のみ説明させていただいたが、今回は具体的な手法と SEO 上の効果について説明したい。 まず、リダイレクトの手法は大きく2つに分類できる。 ・クライアントサイドリダイレクト ・サーバーサイドリダイレクト 両者の細かな違いについては以下をご確認いただきたい。 ■クライアントサイドリダイレクト このリダイレクトを実行するには、html ファイルに次のような記述を行なえばいい。 ＜META HTTP-EQUIV="Refresh" CONTENT="5; URL=http://～"＞ これは、対象のページへリンクした場合、5秒後に指定した別のページへ移動（リダイレクト）するというものである。 「
SEM業界～スナップアップ投資顧問の推奨銘柄
ネット広告業界やSEM・リスティング広告業界に関する解説ページです。 ネット広告市場の動向やスナップアップ投資顧問の推奨銘柄の実績例を紹介します。 東証一部上場の運用型ディスプレイ広告会社「Orchestra Holdings」（オーケストラホールディングス、旧デジタルアイデンティティ）など。 メニュー セプテーニ アドウェイズ オーケストラHD アイモバイル SEM・ネット広告業界 ネット広告業界の大手企業の一覧 ネット広告業界の大手企業の一覧です。 売上高のランキング（順位）や業態などをリストにまとめました。 ネット広告会社は主に「代理店」「メディアレップ」「アフィリエイト」に大別されます。 最大手サーバーエージェントのような独立系のほか、電通や博報堂など旧来型のメガ代理店の傘下に入っている会社もあります。 ＜ネット広告企業の業態別ランキング＞ 業態 売上高の順位 会社名 証券コード
SEO的に301リダイレクトは是が非か？ | ランサーズ社長日記
いいね！ 4 ツイート B! はてブ 168 Pocket 10 サイトを移転してURLが変更になる場合、多くのウェブ運営者が「検索エンジン対策」で頭を抱える。 なぜならば、人間の目からみれば、サイトに引越し案内が出ていれば、引っ越したことは明らかであるが、検索エンジンのロボットからすれば、「引越ししました」という文言や、「新しいサイトへのURL」は1テキスト、1リンクにすぎず、サイトを引越したことを理解することができない。 つまり、今までのURLを新しいURLに変更するということは、PageRankや検索順位も新しくなり、GoogleやYST（Yahooの検索エンジン）からはまったくの新しいサイトという評価になってしまい、いままで苦労して集めたリンクやSEO対策が水の泡になりかねないのだ。そんな迷えるウェブ運営者の救世主が301リダイレクトだ。 301リダイレクトはHTTPステータス・コ
301リダイレクトを使った「WWWあり」と「WWWなし」の統一
僕のところに、毎月１，２件必ず寄せられる質問があります。 それは、「wwwあり」のURLと「wwwなし」のURLに関する質問です。 もう少し正確に言うと、「wwwあり」と「wwwなし」の統合です。 同じコンテンツを示すURLが、「http://www.example.com/」と「http://example.com/」のように、２つに分かれてしまっている場合があります。 人間にとっては同じでも、検索エンジンにとってはまったく別のページになります。 被リンクが両方に張られていたら分散してしまうし、それよりもなによりも異なるURLで同じコンテンツなので、複製コンテンツとしてマークされてしまう危険も付きまといます。 本来ならサイトの構築を始める前に、「wwwあり」で運用するのか、「wwwなし」で運用するのか決めるべきですが、何らかの事情で分かれてしまっていることもあるでしょう。 そこで、「ww
301リダイレクト はサイト引越時の強い味方
301リダイレクト とは？ サイトを引っ越したいけど今のサイトはページランクが付いているし検索順位も上位表示されているのでもったいない。 またいちから SEO 対策をしないといけないのかwwww、とお悩みの方、301リダイレクト がお勧めです。 301リダイレクト は、特定のURLへのアクセスを指定したURLに転送することが出来ます。 しかもページランクや検索結果に影響するデータを引き継いでくれます。 Google や Yahoo! もこのやり方を推奨していますので、スパムになることはありません。 301リダイレクト の効果 引越ではなかったのですが、私もこの 301リダイレクト を行い、効果を実証しています。 趣味で「食玩・ガチャポン・フィギュアコレクション」というサイトを公開しているのですが、どういう訳か突然 Google Yahoo! とも http://www.figure.kan
PHP で 301 リダイレクトするときの設定方法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 「リダイレクト」という言葉でまず思い浮かぶのは、「.htaccess」ファイルを使用した方法です。 ただ、レンタルサーバーなどでは、この .htaccess ファイルが使えなかったり機能を制限していたりするため、別の方法を準備しなければなりません。 そんなときに、次の候補として挙がるのが PHP によるリダイレクトです。 もちろん .htaccess のようにサーバー全体へ設定することはできないので、対象となるファイル（ページ）全てに反映していく必要があります。 そういう意味で使い勝手はあまり良くないのですが、まぁ、無いよりはマシってことで……。 （逆に、特定のページだけをリダイレクトしたい場合には、こちらの方が楽だったりします） PHP によるリダイレクト方法
無料チェックツールの紹介｜Googleに習うSEO
HTMLタグ利用状況解析ツール このHTMLタグ利用状況解析ツールは、ページ内で使用されているHTML要素の種類を解析し、使用頻度の高いHTML要素から順にソートするほか、h1～h6要素やstrong要素など検索エンジンが重要とみなす傾向にある要素の内容の文字列を、要素ごとに表示します。また、ソースをコピーしてあなたのサイトに設置することも可能です。あなたのサイトのSEOにお役立てください。【SEO検索エンジン最適化】より転用 リダイレクト検証ツールこのリダイレクト検証ツールは、.htaccessなどを用いたサーバサイドリダイレクトや、meta要素のrefreshを用いたページリダイレクトについて、その内容の詳細をオンラインから検証し、ページ移動の際のリダイレクトの安全性の目安にすることができます。また、ソースをコピーしてあなたのサイトに設置することも可能です。あなたのサイトのSEOにお役
効率よくリダイレクトマップを作るツール
リニューアルをする際に旧ページから新ページにリダイレクトはかけていますか？ この設定をしていないと、評価されているページ（ページランクなどのついたページ）をドブに捨てる結果になってしまいます。 リダイレクトマップとは？ そもそもリダイレクトマップとは、 旧ページから新ページへどこへリダイレクトするかをリスト化したものです。 リダイレクトをかけたことのある方ならわかると思いますが、 このリストを作らないとどのページがどのページへリダイレクトがかかっているか把握できないしないと不便なのです。 しかもこれを作るのが結構面倒・・・。 面倒な点 旧サイトを全ページ洗い出さないといけない。 旧ページからどの新ページにリダイレクトしようか考えなくてはいけない。 そもそもサーバーが.htaccessのリダイレクトに対応しているか調べなくてはいけない。 効率化できそうなところはないかしら・・・ ということで
Yahooのサイト内リダイレクトを使ったSEO:WEB in the morning
すいません、最近めっきり調子悪くて、ノンアルコールDayを更新しております。 そんな中でも、仕事は何とかしてますので、今回はYahooのサイト内リダイレクトを使ったSEOを紹介します。 まず、YahooのペナルティーはURL完全一致で適用されるという事です。 つまり、http://www.exsample.com/ にペナルティーを受けてもhttp://exsample.com/ やhttp://www.exsample.com/index.html にはペナルティーを受けることはありません。 具体的にはhttp://www.exsample.com/ に大量のリンクを貼って、 http://www.exsample.com/ にアクセスした際に、リダイレクトをかけて http://www.exsample.com/index.html に飛ばせば良いんです。 そうすることにより、
リダイレクト手法まとめ | Like@Lunatic
サイト内でページを移設するとか、拡張子を変更するとか（html→php など）、ドメインを変えるとかいったことになると、旧URLから新URLへのリダイレクトをするケースがあります。リダイレクトが必要とされるのは、旧URLを参照するユーザーに不便をかけないためだけではなく、検索エンジンのロボットにURL変更を通知するためという側面もあります。 ここでは3つのリダイレクトの方法を取り上げてまとめてみました。 (1)301リダイレクトと呼ばれる方法で、.httaccessを使うなどして行うもの。 (2)HTMLの<meta http-equiv="Refresh" ...>を使う方法 (3)JavaScriptのlocation.href、またはlocation.replace()を使う方法 (1)はサーバー側に.htaccessを設置する方法です。具体的なコードは以下のようになります。 Red
Basic認証とリダイレクト
ユーザ毎に表示する内容を変更したい！ Webページへアクセスするユーザ毎に表示する内容を変更したい場合、以下の条件が必要となる。 ①ユーザを識別させるために「Basic認証」の設置 ②リダイレクトさせるために「mod_rewrite」の利用 まずは上記①「Basic認証」の設置から行ないます。 設置には 「.htpasswd」というパスワードファイルと 「.htaccess」という設定ファイル を利用します。 まずは以下のコマンドを実行しパスワードファイルを作成しましょう。 以下の例では「/var/www/html/.htpasswd」というファイルを作成し、ユーザ「user1」を追加しています。 パスワードファイルの作成 # htpasswd -c /var/www/html/.htpasswd user1 New password: パスワード入力(不可視) Re-type new p
.htaccessでリダイレクト機能を利用する方法
.htaccess活用法（６） .htaccess（拡張子がhtaccessということで、ドットが必要です。ファイル名がないので最初戸惑いますが、こういうものだと思ってください。）が利用可能だと、 アクセス制限（Basic認証）が可能。 特定のホスト（IPアドレス。プロバイダ）からのアクセスを制限することが可能 参照元（Referer）によるアクセス制限が可能（画像の直リンク禁止も可能） 特定のユーザーエージェント（ブラウザ・ロボット）からのアクセス制限が可能 ブラウザ経由でのアクセス（http://～）を拒否することも可能（大切なデータファイルを守る） リダイレクトが可能（ページの移転時などに重宝） 404 File Not Foundページのカスタマイズが可能。 拡張子別に文字コードを設定することが可能。（文字化け対策に必須の場合があります。） index.cgiやindex.phpを
＠IT：Java TIPS -- リダイレクトとフォワードの違いを知る
しかし、sendRedirectメソッドによる移動は「リダイレクト」、forwardメソッドによる移動は「フォワード」と呼ばれ、内部的な挙動も性質もまったく異なるものです。ユーザーからは同じように見えますが、開発者はこれらの違いを把握しておく必要があります。 まず、リダイレクトとフォワードの挙動がどのように異なっているのかを簡単に説明しましょう。 リダイレクトの場合、クラアイアントがページXを要求すると、サーバがページYを要求する指示をクライアントに戻します。これによって“クライアントは自動的に”ページYを要求し、結果としてページYがクライアントに戻されます（ページXとページYは、必ずしも同一サーバからのレスポンスではない）。これに対しフォワードは、クライアントがページXを要求すると、“サーバ内で”ページXからYへ処理が移送され、ページYが応答として戻されます（ページXとページYは、必ず同
301リダイレクトの記述方法 | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サイト引越し・移転 (301 リダイレクトの方法)
私の運営しているレビューサイト「わかったブログ」のサイト名のつづりが間違えている事が判明しました。 ディレクトリ名も間違えていたので、思い切ってそちらも修正することにしました。 しかし、パスが変わってしまうと、これまでのページランクが消えてしまいます。 そこで、301リダイレクトを利用すると、過去の実績を引き継ぐ事が出来ます。 今回は内部構造の変更が無いため、.htaccessでまとめて行うことにしました。 +++ http://www.kanesara.com/wakkata/ 以下のページを http://www.kanesara.com/wakatta/ 以下の同じページにリダイレクトする方法 １）エディタなどで.htaccessという名前のファイルを作成（メモ帳ではそのままで作れないので、まず「htaccess.txt」というファイルを作って、サーバーに送った後で名前を変更する）
リダイレクト - futomi's CGI Cafe
CGIにおいて、リダイレクトの使い道はいくつかあります。たとえば、アンケートやメール送信フォームで、送信した後に、「ありがとう」ページを表示するにはどうすればいいでしょう。 一つの手としては、CGIによって「ありがとう」ページを出力させることができます。ただこの方法だと、もし「ありがとう」ページを更新したい場合には、CGIスクリプト自体を書き換えてあげなければいけません。もちろんFrontPageやホームページビルダーのようなホームページ作成ツールを使って書き換えることはできません。もし定期的に更新したい場合などは、非常に手間がかかります。 もう一つの手として、リダイレクトがあるのです。リダイレクトするためには、その「ありがとう」ページを事前に作成しておく必要があります。ただ単に、HTMLファイルを作成すればよいのです。これをサーバにアップロードします。そして、CGI側で、その「ありがとう
【 リダイレクトとは 】 - シェル・スクリプト・リファレンス：ITpro
シェルは「キーボードから入力し，画面に出力する」ようになっている。こうした入力と出力の方法を変更する場合には，リダイレクトを使う。たとえば，入力をファイルから行い，出力は捨ててしまう（画面への表示もファイルへの保存もしない）ということが可能だ。 リダイレクトには出力先を切り替える「>」，出力先のファイルに追加する「>>」，入力元を切り替える「<」，複数行の入力を行える「<<」がある。 出力先や入力先の指定方法には，ファイル・ディスクリプタと呼ぶ数字を用いる。たとえば，特定のファイルへのアクセスをファイル・ディスクリプタの5に割り当てるといった具合だ。 ファイル・ディスクリプタの0，1，2はシェルで予約されている。 「0」は標準入力と呼ばれ，シェルにどのように入力するかを指定できる。通常はキーボードからの入力になっている。 「1」は標準出力と呼ばれ，シェルの結果をどこに出力するかを指定できる
301リダイレクトが使えないときの転送方法
ドメインを移転するときには、301リダイレクトを使うのが鉄則です。 しかし、何らかの事情で301リダイレクトが使えないときは、どうしたらいいのでしょう。 301の代替手段として使えるのは、meta refreshです。 meta refreshは、指定した秒数が経過した後、指定したURLへ自動転送することができるHTMLコードで、headセクションに次のように記述します。 <meta http-equiv="refresh" content="●;URL=http://..."> ※「●」は秒数 検索エンジンは、指定する秒数を「0」秒にすることで、301リダイレクトとして処理してくれるようです。 Yahoo!は、インフォセンターで以下のように説明しています。 ●には、転送元から転送先にリダイレクトする場合に要する時間を秒数で記述します。この値を「0」とした場合、YSTは301リダイレクト（
seotemplate.biz - seotemplate リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ミケネコの htaccess リファレンス
はじめに .htaccess ファイルの使い方 .htaccess ファイルの使い方を説明します。 アクセス・コンフィグレーション クライアントのリソースへのアクセスを、条件によって制限します。 ホスト/IP 制限 ホストまたは IP アドレスを用いて、リソースへのアクセスを制限します。 ユーザ認証 パスワードを用いて、リソースへのアクセスを制限します。 リソース・コンフィグレーション リソースに対する、何らかの制御を行います。 ブロック コンフィグレーションの範囲を、特定のファイルだけに制限します。 ディレクトリ制御 ディレクトリに対する制御を行います。 HTTP ヘッダー HTTP ヘッダーにまつわる制御を行います。 MIME/ハンドラ タイプ MIME タイプやハンドラタイプに、特別の意味をもたせます。 コンテンツネゴシエーション クライアントに返送するデータを、条件によって選択して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://html5snippets.com/
https://blog.nagocre.com/web/2011/05/popular_gallery_sites02.php
HTML5の使えるスニペットを投稿・共有できる『html5snippets』 | 100SHIKI
.htaccess httpとhttpsの場合のリダイレクト設定 » ブロードヒューマンネットワーク社員ブログ
ApacheのURLリダイレクト設定 ｜ RewriteRuleサンプル付 | エンジニアのためのSEO入門
http://japan.internet.com/column/busnews/20070719/8.html
http://arisa.biz/acsessup-management/seo/2010-10-29/301%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E3%81%A8302%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E3%81%AE%E9%81%95%E3%81%84%E3%81%A8%E6%96%B9%E6%B3%95
無料ツール - SEO 検索エンジン最適化