閲覧者が何をテキストコピーしていったか監視するスクリプト
サイトに訪れた人がどんな文章や単語をCtrl+Cや右クリックから選択してコピーしていったのかを調べるスクリプトです。 Webページ上のテキストコピーを監視し, 貼り付けにはリンクバックを付けるTyntが$8Mを調達 : http://jp.techcrunch.com/archives/20100416tynt-gets-8-million-for-ctrl-c-action/ この記事を読んでどんなものをコピーしたのかを解析すれば面白いと思ったので、かなり適当にでっち上げてあります。 言語はJavaScript+PHPで結果をtxtファイルにするという適当な感じです。 copylogger.zip 上のファイルをダウンロードすると copylogger ├──copylogger.js └──dataStorage.php となっているので、二つのファイルを同じ場所において(もしくはフォ
JavaScriptでのクッキー（cookie）を発行する場合 | forWEB屋
2010年4月8日2010年4月30日 JavaScriptでcookieにデータを書き込む場合は document.cookie = クッキー情報; とすればよい。以下は一例。 nowdate = new Date(); nowdate.setTime( nowdate.getTime() + 1000*60*30); document.cookie = 'cookiename=cookievalue; expires="+nowdate.toGMTString()+";"; これで、３０分後が有効期限の 名前：cookiename 値：cookievalue というクッキーが発行される。 expiresを省略したら、ブラウザを閉じたら終了。
JavaScript処理をバックグラウンドで実行する方法 | forWEB屋
2010年3月31日 http://journal.mycom.co.jp/news/2010/03/30/010/ HTML5での話なので、すぐに実現可能なわけではないが （クライアント相手にはまだ使えないだろう）、 自分用の趣味のプログラムや、ＷＥＢサービスだがブラウザを指定出来るようなサービスには、 このJavaScriptをバックグラウンドで同時に動かす仕組みは結構使えるかもしれないですね。
Development Reference｜JS パスワードを入力し易くする３
このエントリは ライブラリ へ移動しました。
第3回 クロスブラウザの傾向と対策 | gihyo.jp
こんにちは、太田です。第1回は各ブラウザの特徴をまとめ、第2回は環境作りについて解説したので、ようやく今回からクロスブラウザの本題に入っていきます。まずはクロスブラウザ対応のパターンを整理し、そのパターンごとの対策をまとめます。 クロスブラウザとはなにか そもそも、クロスブラウザ対応とはどういうことでしょうか？ここで、この連載におけるクロスブラウザの定義を決めておきます。 サポート対象のブラウザで設計通りの表示・動作をして、たとえ未知のブラウザであっても、そのブラウザがWeb標準に沿っているなら最低限の表示・動作をすること サポート対象のブラウザについては第1回で解説した通りですが、メインターゲットはIE（6/7/8）、Firefox（3.6）、Chrome（4.1）、Safari（4.0.5）、Opera（10.51）とします。カッコ内はフルサポートするバージョンで、それ
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定:phpspot開発日誌
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定 2010年03月09日- Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。 JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。 例えば、ユーザがPCに戻ったときに、おかえり！といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。 具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。 setIdleTimeout(2000); // アイドルになるまでを２
Javascriptで（GPS,Wifi）位置情報を検出する｜JavaScriptプログラムメモ｜プログラムメモ
Javascriptで（GPS,Wifi）位置情報を検出するには下記のようにします。 ただし、Firefox3、iPhone,iPadのSafariでないと動作しません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>HTML 5 GeoLocation Demo</title> <script type="text/javascript"> if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { s = position.coords.latitude+","+position.coords.longitude; alert(s); }); } else { aler
JavaSciprt/PHPによるiPad検出コード例と.htaccessによるリダイレクト例:phpspot開発日誌
iPad Detection Using JavaScript or PHP JavaSciprt/PHPによるiPad検出コード例と.htaccessによるリダイレクト例が公開されています。 コードに関しては、iPadがUserAgentに含まれているのを見ているだけですが、ノンプログラマな方は参考にされてみてください。 .htaccess でいうと次のようにコードを記述すれば、iPad の場合に ipad.yourdomain.com に リダイレクトさせることが可能です。 RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$ RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301] iPadサイトを別ドメインのサイトに設置した場合に、リダイレクトする際に使えそうですね。 関連エントリ iPad用のサイト作
JavaScript 用テンプレートエンジン Jarty の紹介 - ドワンゴ 研究開発ブログ
はじめに この記事では、JavaScript 用のテンプレートエンジン Jarty を紹介します。 Jarty (じゃーてぃー) とは、PHP の有名なテンプレートエンジンである Smarty を JavaScript に移植したものです。ただし、完全に再現しているわけではなく、いくつかの機能は制限されています。 Jarty には以下のような機能があります。書式の多くは Smarty 互換です。 変数の置換 {$foo} => "abc" {if} {else} {/if} などの条件分岐 {foreach} {/foreach} などのループ {$foo|upper|escape} などのフィルタ (パイプ) etc. ソースコードは The MIT License として公開しています。 GitHub 上のリポジトリ: http://github.com/kotas/jarty また、
jsFiddle - JavaScriptやjQuery/Mootoolsなどの動作を直ちに試せるオンラインツール - JavaScript入門
Newest Top10 jsFiddle - JavaScriptやjQuery/Mootoolsなどの動作を直ちに試せるオンラインツール - 04/06 17:43 JavaScriptとCanvasタグによる3D効果で画像を光らせる サンプル - 03/30 23:30 Super Tables - テーブルのヘッダ固定・縦横スクロールさせるJavaScriptライブラリ - 12/04 19:25 jPlayer - jQueryプラグイン ベースの オーディオ プレイヤー - 12/03 17:40 Flash MP3 Player - Webページに埋め込めるフリーFlash MP3 プレイヤー - 12/03 17:17 ExtPlayer - ExtJS/Adobe AIRベースのMP3プレイヤー - 12/03 16:41 niftyPlayer - 軽量オープンソースF
HTML5/js/CSSでiPhone/Androidアプリが作れるPhoneGapのメモ (blog@browncat.org)
blog@browncat.org Web, Linux, Ubuntu, Mac, PDA, 携帯電話, プログラミング, ソフトウェア＆落書き iPhoneのソフト開発を行うのに少し敷居が高いのはやはりObjective-Cでしょうか。慣れてしまえば何とでもなるのでしょうがお手軽とは言い難いものがあります。 で、まあこれをいろいろと簡単に行うツールが出ているのですが、手っ取り早くWebアプリをネイティブ化してくれるPhoneGapを軽く使ってみたのでメモ。 このPhoneGapはなかなか面白く、ちょうどMobileデバイス向けにMozilla PrismやAdobe Airのような働きをします。要はデバイスに内蔵されているブラウザコンポーネントをベースにhtmlやcss,jsをひとまとめにしてネイティブアプリを作成するというもの。クロスプラットフォームでiPhone/Android/B
選択文字列を取得 - m2
Opera 10.50 で document.selection が使えなくなったので window.getSelection も使うように書いてみました。 alert( (function f(w){ var d=w.document,q,t,i=0,r=d.selection,s=r&&(r.createRange()||i).text; if(!r){ s=w.getSelection()+'',q=s||d.querySelectorAll('input,textarea'); while(!s&&(t=q[i++]))s=t.value.slice(t.selectionStart,t.selectionEnd) } i=0; while(!s&&(t=w[i++]))try{s=f(t)}catch(e){} return s||''; })(this) ) bookmarkl
入力したパスワードを表示するJavaScript「Password (un)Masking」
twitter facebook hatena google pocket 確認などもあるとパスワードに何を入力したかわからなる場合があります。 入力したパスワードを表示させることでユーザーにとってわかりやすくなるかと思います。 jQueryを利用した「Password (un)Masking | VileWorks」を紹介します。 sponsors 使用方法 まず以下のようなフォームがあったとします。 <form> パスワード：<input id="password" name="password" type="password" /> </form> これに確認するためのチェックボックスをつけます。 <input id="showcharacters" name="showcharacters" type="checkbox" /> 確認する 次に、このチェックボックスにチェックが入っ
JavaScript処理をバックグラウンドで実行する方法 | エンタープライズ | マイコミジャーナル
Robert’s talk Robert Nyman氏がUsing HTML5 Web Workers to have background computational power - Robert's talkにおいて、Web Workersの実装例を紹介している。短くてわかりやすいサンプルコードが掲載されておりWeb Workersを試してみたい場合の最初の取っ掛かりとして取り組みやすい。 Web WorkersはHTML5とともに策定が進められているJavaScript API。JavaScriptファイルをダイナミックに読み込みバックグラウンドで処理を実施する。UIとは別のスレッドで動作する。特徴的な動作や仕組みまとめると次のとおり。 Web Workersの特徴 JavaScriptファイルを読み込んでバックグラウンドで処理を実行する。 別スレッドで動作するため、マルチコアの性能
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScriptが遅い4つの原因とは？
1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう？ その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています（このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです）。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言
第2回 完全版：ブラウザとデバッグ環境 | gihyo.jp
こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb
URLのhtml以降の引数をJavaScriptで受け取る方法 | forWEB屋
2010年3月29日2010年4月30日 URLが http://www.4web8.com/index.html?id=1234&test=aaaa というような時、JavaScriptで、この?以降を受け取りたい場合がある。 そのような時は var data = location.href.split(“?")[1]; var data2 = data.split(“&"); for( i in data2 ) { data3 = data2[i].split(“="); } というようにして受け取る事が出来る。 前述の例だと、 1回目のループで data3[0] = “id"; data3[1] = “1234"; 2回目のループで data3[0] = “test"; data3[1] = “aaaa"; ということになる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]Apple風の画像ギャラリー：カバーフロースクリプトの決定版 -ContentFlow
JavaScriptからCSSのz-indexを操作する方法 | forWEB屋