pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
【jQuery】ナビゲーションでの現在位置 - Blog_R
ナビゲーション上で現在いるページを示すボタンにだけ、「今ココ」な装飾をつけたいときの処理。 最初ココをを見つけて、あーこれこれー、と軽い気持ちで利用しようとしたらなんかうまく行かない。ので、ちょっとアレンジ。 jQuery(document).ready(function() { if(location.pathname != "/") { var now = location.href.split('/'); var endDir = now.slice(now.length-2,now.length-1); jQuery('ul#navigation li a[href$="'+endDir+'/"]').addClass('active'); } }); 少々回りくどいですが now にまず現在のURLを " / " ごとに分割した配列にして代入。でもってその配列の最後にくる文字列を
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」 「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。 投稿日2011年07月05日 更新日2011年07月05日 プラグインのダウンロードとインクルード 「jQuery-URL-Parser」は下記URLからダウンロードできます。 jQuery-URL-Parser – GitHub jQueryプラグインですのでjQueryも忘れず読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type
「#!」 (SheBang)の語源を徹底追求 「切り刻んでビックリ」 - karasuyamatenguの日記
「#!URL」エントリーに対するツイートやコメントで#!という文字列自体に対する疑問などが意外とあったので、ここでまとめてみる。 #!とは… ウェブとUnixで違った意味を持つ "shebang"と綴られる Hash(#) Bang(!)の略 グーグル検索tips： "#!"では何も出ない。"shebang"で検索するといい。 Unixでは昔からスクリプトファイルでインタプリタを指定する最初のラインに使われてきた 例えば ~/bin/ohhaiを #!/usr/bin/python print "OH HAI"とすればpython hoge.pyとしなくても直接コマンドとして使える $ ohhai OH HAIこのようにスクリプトファイルの一行目でインタプリタを指定する行頭に使う。詳しくはここを参照 http://ja.wikipedia.org/wiki/%E3%82%B7%E3%83%
WordPressでのパス指定を絶対パスから相対パスに変更する方法
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ（サイトの移転）、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
apacheのDirectoryとLocationディレクティブの違い - うまいぼうぶろぐ
http://httpd.apache.org/docs/2.2/ja/mod/core.html#directory すんげー大まかだけど。Directoryはディレクトリ名、LocationはURL名に関する設定。基本的に同じ。ただし、AllowOverRideなどのように、Directoryでしか使えない設定もある*1。 Directory 指定のファイルシステムのディレクトリとサブディレクトリとのみに 適用されるディレクティブを囲む DirectoryMatchだとpath名に正規表現が使える。 <Directory /hoge/fuga> とすると/hoge/fugaディレクトリに対しての設定になる。頭の/がなかったらDocumentRootからの相対パス。 Location 囲んだディレクティブをマッチする URL のみに適用 LocationMatchだとURLを正規表現で表
邪魔にならないカンタン短縮URL生成Firefoxアドオン「Spedr」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 短縮URL生成Firefoxアドオン「Spedr」 ↑このような感じでアドレスバーに雷マークが付き、マークをクリックするとアドレスバーに短縮URLが表示される非常にシンプルなもの。 もちろん一度生成すると次回以降生成しても同じアドレスになります。 Firefox用アドオンはspedr – firefoxへどうぞ。 通常のWEBページ版はspedrへ。 なんでも便利且つ場所をとらないものがベスト。 Firefoxなんかに便利機能をいっぱいつけている場合なんかは特にそうですよね。 メニューバーだけで画面がいっぱいになっちゃうなんてありえない。
Mozilla Re-Mix: 開いているタブのURLリストを簡単に作成できるFirefoxアドオン「URL Lister」
多くのURLをブログ記事に貼り付けたり、メールで送信したりする場合、通常はそれらのURLを一つずつコピーしなければなりません。 このような作業が発生したとき、そのURLの数が多いとコピペとはいえかなり面倒なことになりますね。 しかも、それを利用する側の利便性を考慮してリンク形式にでもしようと思えば、さらにHTMLタグでくくってやる必要などもあり、見た目以上の時間がかかってしまうことになります。 こんな場面が多い方も、Firefoxに「URL Lister」というアドオンをインストールしておけば、ストレス無く作業をこなすことができるようになります。 「URL Lister」は、Firefoxのタブで開いているすべてのサイトのURLを一括でリスト形式にしてくれるというシンプルなアドオンです。 アドオンをインストール後、どれか一つのタブ上で右クリックし、コンテキストメニューから[URL List
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブページをPDFに簡単変換「PDFmyURL」 | ライフハッカー・ジャパン
ApacheのURLリダイレクト設定 ｜ RewriteRuleサンプル付 | エンジニアのためのSEO入門
Ywcafe.net