リダイレクトします 以前ここにあったブログは、現在 https://www.kissaten-no-heya.com/2013/01/link-relcanonicalurl.html にあります。 リダイレクトしますか。
転送中
リダイレクトします 以前ここにあったブログは、現在 https://www.kissaten-no-heya.com/2013/01/link-relcanonicalurl.html にあります。 リダイレクトしますか。
JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum
JavaScript でのブラウザ判定について まとまった情報がサクッとヒットしないので、まとめ UserAgent によるブラウザ判定 よくある単純な例 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1) { return 'ie'; } else if (userAgent.indexOf('chrome') != -1) { return 'chrome'; } else if (userAgent.indexOf('safari') != -1) { return 'safari'; } else if (userAgen
Cookieより扱いが簡単な「Web Storage」の使い方 [ホームページ作成] All About
従来、ウェブページ側からブラウザに対して何らかのデータを保存させるには、Cookie（クッキー）を使うしかありませんでした。 しかし、クッキーを利用してデータを保存・読み出しするのは、少々面倒なスクリプトを書く必要がありました。必要なソースの長さを見て、「なんだかクッキーを扱うのは難しそうだ」と断念した方々もいらっしゃることでしょう。 「Web Storage」（ウェブストレージ）機能なら、クッキーよりも格段に簡単な方法で、任意のデータを楽に保存したり、読み出したりできます。 保存や読み出しに必要なスクリプトは、どちらも僅か1行で記述できます。とても簡潔で分かりやすいので、スクリプトを記述するのが苦手な方々でも簡単に扱えます。 ※ウェブストレージ機能は、元々は「HTML5」の仕様に含まれていましたが、「HTML4.01」など、HTML5以外で記述されたページ内でも利用可能です。 ウェブスト
![Cookieより扱いが簡単な「Web Storage」の使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
JavaScriptの動かないコード (中級編) clickイベントを強制的に発生させたい （fireEvent/createEventの使い方） - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「クリックするとメッセージを表示する」という，テキストボックスがある。 このテキストボックスの動作テストをしたい。クリックのイベントを自動的に発生させ，ちゃんとメッセージが出るかをコードで確認する。 <body> イベントの発生源となるテキストボックス： <input type="text" onclick="onclick_func()" id="my_text"> click時に，ここにメッセージが表示されます。 <div id="my_div"></div> テスト： <input type="button" onclick="test_onclick()" value="onclickの単体テストを実行"> <script language="JavaScript">
JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいの... - Yahoo!知恵袋
JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいのですがundefinedとなったり、代入されません。どうかご教授お願いします。 JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいのですがundefinedとなったり、代入されません。どうかご教授お願いします。 -----以下ソースコード-------- yahoo(); function yahoo(){ w=0; new Ajax.Request(url, { method: 'get', onSuccess: getData, onFailure: showErrMsg, parameters: paramList }); function getData(data){ response = d
遅いブログパーツを高速表示する方法
ブログパーツの表示が遅いと、ページ全体の描画が止まってしまいますよね。 ブログパーツを「非同期化」してしまえば、ストレス無くページが表示されるようになりますよ。 非同期化とは、ページの一部分を、全体のページから独立して描画させる方法です。 方法はいろいろあるのですが、今回はJavascriptの「setTimeout()」関数を利用しました。 setTimeout()は、メインの描画とは別に、指定した時間後に命令を実行する関数です。時間を0にすれば、非同期で動作させることが可能です。 ブログパーツは、主に3つの形に分けることができます。各々の形ごとに、高速化する方法を紹介します。 ●タイプ0 <iframe src=”http://hogehoge.com/blogparts.cgi”></iframe> iFrameのタイプは、すでに非同期化されているため、特に対策は必要ありません。 ●
ajax(xmlhttprequest)で非同期取得したHTMLを、元のHTMLにinnerHTMLで流し込んでいます。…
ajax(xmlhttprequest)で非同期取得したHTMLを、元のHTMLにinnerHTMLで流し込んでいます。 この取得したHTMLの中にJavaScriptがあるのですが、このJavaScriptが動いてくれません。このJavaScriptは外部ファイルに記述されています。 非同期ではなく通常のページに埋め込んで実行（サーバにアップして普通に取得するしてブラウザで表示）した場合は正しく動作しますのでスクリプト自体は問題ないと思われます。 この外部ファイルのJavaScriptを含むHTMLを非同期取得して尚且つスクリプトを走らせる方法はないでしょうか？ なお、該当の外部スクリプトを修正することは出来ません。 このままでは無理な場合は、なにか代案がありましたらお願いします。 （うっすらと思ってるのは、サーバでスクリプトを実行させて結果に置き換えてからHTMLを返すってことかな、と
javascript - ブログパーツ/ウィジェット開発者におねがい : 404 Blog Not Found
2010年11月26日18:00 カテゴリTipsLightweight Languages javascript - ブログパーツ/ウィジェット開発者におねがい JavaScript: The Good Parts Douglas Crockford / 水野貴明訳 [原著:JavaScript: The Good Parts] たった二つです。 名前空間を一つだけ用意して、それのみを使うこと 設定はグローバル変数ではなく、引数渡しにすること そうでないと、導入したサイトで変数衝突が起こる公算が大きくなります。 それが実際に発生したのが、右の画像です。表示がぐしゃぐしゃになっています。 問題を起こしたのは、以下のsnippetでした。 <script type="text/javascript" src="http://blogchart.jp/js/blogparts.js"></sc
JavaScriptにおけるURLエンコードの処理
このメモは、JavaScriptでクッキーを処理する場合のポイントをお示しし、URLエンコードに関わるトラブルを回避していただくことを目的にしています。お急ぎの方は3章と4章を飛ばして読んで頂いて構いません。なおこのメモはなるべくIEでご覧下さい。 目次 1. 1 クッキーとURLエンコーディング 2. 2 URLエンコーディングとは 3. 3 JavaScriptにおけるescape()とunescape()関数 4. 4 JavaScriptにおけるencodeURI、decodeURI、encodeURIComponent、decodeURIComponent 5. 5 それでは一体どうすればよいか？ 6. 6 UTF-8のURLエンコード・デコード関数の例： プログラム例 7. 7 JSPとJavaScript間のクッキーによるデータ交換例 HTMLテキスト以外にウェ
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Ajaxローディング時に使える画像ジェネレーター色々:phpspot開発日誌
Ajaxローディング時に使える画像ジェネレーターが色々あったようなのでまとめてみました。 こうした細かいところも、他サイトと違うものを使って独自色を出したいという場合に、沢山あると選択肢が広がりますね。 Preloaders.net ちょっと変わったデザインから選んでジェネレート可能。 Ajax Loading デザインから、背景色、前景色を選んでジェネレートできる。 Loadinfo.net 多数のサンプルからクリックで好きなものを作れる。種類多いです Webscriptlab 500で見れなくなってるかも。 120+ Free Ajax Activity Indicator Gif Icons ジェネレーターではないけどサンプル多数 他にもあったら教えてもらえるとありがたいです。
Yahoo PipesでRSSフィードの統合、カスタマイズ
昨日から勉強中のYahoo Pipes。調べれば調べるほど便利で楽しいです。で、今回は複数のRSSフィードを統合してみました。とりあえずサンプルを紹介していって、ある程度理解が深まったらまとめてみたいです。 では、順を追って説明します。 【Fetch Feed】 まず、統合したいフィードを指定します。 【Sort】 記事ごとに日付の新しい順に並び替えます。 【Filter】 フィードに広告が含まれている場合はFilterで除くこともできます。「AD」や「広告」と頭に付いている場合が多いのでタイトルにこれらの文字が含まれているとこれで除かれます。 【Truncate】 そのままだと全てのフィードが表示されてしまい数が多くなってしまうのでこちらで表示する件数を指定します。
JSON and JSONP | Shinta's Site
JavaScript での利用方法 JSON形式の文字列を JavaScript で利用するのはとても簡単で、eval()関数で JavaScriptのオブジェクトに変換することで利用可能になります。 var jsonData = '{"type" : ["JSON", "XML", "YAML"]}'; var obj = eval('(' + jsonData + ')'); alert(obj.type[1]); JSONを外部ファイルに記述しておき、XMLHttpRequest を利用して取得することも可能です（XMLHttpRequest部分は jQuery を利用）。 {"type" : ["JSON", "XML", "YAML"]} $.ajax({ url: "/data/jsonData.json", success: function(jsonText){ var o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascriptで動的にCSSを追加する
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
Keyboard Events and Codes
はじめてのjQuery
https://labs.cybozu.co.jp/blog/kazuho/archives/2007/01/jsonp-security.php