タグ

JavaScriptに関するwlbhiroのブックマーク (156)

  • TinySegmenter: Javascriptだけで実装されたコンパクトな分かち書きソフトウェア

    TinySegmenterはJavascriptだけ書かれた極めてコンパクトな日語分かち書きソフトウェアです。 わずか25kバイトのソースコードで、日語の新聞記事であれば文字単位で95%程度の精度で分かち書きが行えます。 Yahoo!形態素解析のように サーバーサイドで解析するのではなく、全てクライアントサイドで解析を行うため、セキュリティの 観点から見ても安全です。分かち書きの単位はMeCab + ipadicと互換性があります。 デモ 日語の文章を入力し、解析ボタンをクリックしてください。 ダウンロード TinySegmenterはフリーソフトウェアです. 修正BSDライセンスに従ってソフトウェアを使用,再配布することができます. Download TinySegmenter version 0.2 使い方 <script type="text/javascript" src

  • JavaScriptでCookieを扱う - memo.xight.org

    Cookieの取得 var cookie = document.cookie; Cookieの設定 document.cookie = 'var1=value1;var2=value2;var3=value3;'; Cookieの有効期限を指定する document.cookie = 'var1=value1; expires=Tue, 1-Jan-2030 00:00:00 GMT;'; Cookieの書き込み (有効期限を1時間後に指定) var xDay = new Date; xDay.setHours(xDay.getHours() + 1); // 有効期限を1時間後に設定 xDay = xDay.toGMTString(); //GMT形式の文字列に変換 document.cookie = "value0=" + + ";expires=" + xDay; Cookieの読み

  • Loading...

  • javascript IEだと下記でマウス座標が取得できます。…

    javascript IEだと下記でマウス座標が取得できます。 x = event.screenX y = event.screenY FireFox(できれば他も)で同様の処理を行う方法を教えてください。

  • とほほのCookie入門 - とほほのWWW入門

    Cookieの概要 Cookie情報が保存されるファイル Cookieの実行例 Cookieの設定 Cookieの書き込み Cookie書き込みの例 Cookieの読み込み エンコードとデコード Cookieに関するQ&A Cookieの語源は何ですか? Cookieで複数の値を設定するには? Cookieを削除するには? Cookieの有効期限を無期限にするには? path=/ とすると、そのサーバー上のすべてのファイルに対して送信されるの? Cookieをフォルダ単位ではなく、ファイル単位に設定することはできますか? escape()でエンコードされたUnicodeをCGIでシフトJISにデコードするには? Cookieの概要 Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好み

  • encodeURIComponentした文字列の圧縮 紫キャベツ日記

    語を文字化けなく安全に扱ったり、URLに載せたりする際はencodeURIやencodeURIComponentを使いますよね。 ただ、これらで日語をエンコードするとめちゃくちゃ長くなります。 日語1文字(utf-8で3byte)が9文字(9byte)となんと3倍!! これをどうにかできないかなと思い、圧縮してみました。 圧縮方法はいろいろありますが、実装が簡単でそれなりに小さくなるLZSSを採用。 LZSSとはLZ77を改良したもので、圧縮が遅く展開が速いと言われています。 簡単にアルゴリズムを説明すると、 1. 以前に出現したデータ列から一致するものを探す 2. 一致するものが見つかった場合は、一致したというフラグ、一致位置、一致した長さを出力 3. 一致しなかった場合は、一致しないというフラグと一致しなかった文字列を出力 詳しくはデモのソースを見てください。 通常は8bit

  • 第11回 JSONP入門 | gihyo.jp

    こんにちは、太田です。今回から、Ajaxと呼ばれるような非同期な通信処理を行うJavaScriptについて解説していきます。今回は特にJSONPについて基礎的な部分を解説します。 JSONとは JSONについては第9回でも少し触れていますが、改めて解説します。 JSON(JavaScript Object Notation)はJavaScriptから生まれたデータ記述フォーマットで、真偽値、数値、文字列、null値の組み合わせを持ったハッシュか配列かその両方で構成されます。 JSONはそのシンプルさから多くの言語でネイティブにサポートされており、特にウェブ関連ではポピュラーなデータフォーマットです。 JSONのサンプル(配列) ["aaa", "bbb", "ccc"] JSONのサンプル(ハッシュ) {"aaa":1, "bbb": 2, "ccc": 3} JSONのサンプル(ハッシュ

    第11回 JSONP入門 | gihyo.jp
  • jQueryで画像を自動で切り替えてみる。

    最初ぐぐって出てきたスクリプトそのまま使ってたのだが、要件に満たさないところがあったのでごっそり書き換えたので良いだろうということで書いておく事にした。 何をやっているかというと、同じ場所に切り替えたい画像を全部重ねて置いておき、JavaScript の setTimeout を使用して順番に表示している。 今回は画像が4枚を3秒毎に表示していき、最後の画像だけ10秒ほど表示としている。あまりこういった細かな制御ができるプラグインは無いのかな、すぐ出て来なかったので既存のものを改造した。その既存のものがどこからとってきたものなのか忘れてしまった...。見つかったらリンクはろう。 html <header> <h1>画像が自動で切り替わるアレ</h1> <ul id="header-images"> <li><img src="/images/image_top_01.jpg"></li>

    jQueryで画像を自動で切り替えてみる。
  • ブラウザで戻ってもonloadイベントを走らせる | 2GRAVITY

    ブラウザの「戻る」を利用しページが再表示された時にはonloadイベントが走らないブラウザが多いため、ロールオーバー画像が既に見えていたり、フェード効果がなくなったり、Ajaxで読み込んだコンテンツが…といった不都合が起きやすいものです。 これはキャッシュを利用しページを再表示するために起こるのですが、unloadイベントがあるとキャッシュされない性質を利用し回避することができます。 ※下記のコードではjQueryを利用しています。 // ブラウザバック対策 $(window).unload(function(){}); 参考:戻るボタンとonloadイベント – 北海道苫小牧市出身のPGが書くブログ 0 Comments» コメントはまだありません。 このコメント欄の RSS フィード TrackBack URI コメントをどうぞ » 初めてコメントされる方は管理人の承認が必要となります

    ブラウザで戻ってもonloadイベントを走らせる | 2GRAVITY
  • JavaScript 日付関数

    JavaScript 日付関数 ◆ ■日付オブジェクト(Dateオブジェクト)の作成 ★ = new Date(◆); ★が、日付オブジェクトの変数名です。 ◆に設定する時刻を記述します。省略すると現在の時刻になります。 now = new Date(); unix = new Date(0); num = new Date(1000000000000); minus = new Date(-1000000000000); date = new Date(2010,0,2,3,4,56,789); birth = new Date(1967,2,24,8,30,0,0);

    wlbhiro
    wlbhiro 2014/12/01
    月は-1しないとダメ!!!
  • Ajaxのクロスサイト通信をJSONPを使わないでやってみよう - Back yard : yuya_lush’s report

    jQueryなどを使いAjaxで通信などをしていると、他のサーバから直接JSONが取れたら便利なのにと思ったりします。 通常はこういったときはJSONPなどを使うのですが、もっと楽な方法は無いものかと探していたところ「Access-Control-Allow-OriginなるものをHTTPヘッダーに入れればできる!」という記事があったのを思い出し、夜中にフツフツと試してみました。 先に結論を書いておくと、冒頭の例え「他サーバから直接JSONを取る」には、他のサーバーが返してくるResponseのヘッダー部分に「Access-Control-Allow-Origin:"*"」と入っていると、受け取ったブラウザはJSONを処理してくれます。 このテクニックは特殊なテクニックではなく、いたって正攻法とのことでした。そのため、ほとんどのブラウザで同じく処理されます。複数のWebサーバのヘッダを調整

    Ajaxのクロスサイト通信をJSONPを使わないでやってみよう - Back yard : yuya_lush’s report
    wlbhiro
    wlbhiro 2014/12/01
    別のドメイン(origin)にアクセスするための方法。 サーバ側でアクセス許可ドメインを変更させる方法。
  • syboos.jp

    wlbhiro
    wlbhiro 2014/12/01
    replaceAll
  • どのラジオボタンが選択されているか調べる

    document.getElementsByName()を使うとページ上にある同じ名前のエレメント(ラジオボタン)を取得することができます。これはラジオボタンで同じ名前(グループ名)を指定するため、このメソッドを使うことで特定のラジオボタングループの情報を取得することができます。取得したラジオボタンのcheckedプロパティを調べることで、どのラジオボタンが選択されているかを取得することができます。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link r

  • JavaScriptの配列を特定の順番にソートする方法

    JavaScriptで作った配列の順番を特定の順番に入れ替えたい時があったので、ソートして入れ替える方法を調べました。 sort関数 ソートする関数が用意されていますので、sort関数を使います。パラメーターを入れないとアルファベット順になります。 //配列 var station = ["Shinjyuku","Ikebukuro","Shibuya","Ueno"] //配列をソート station.sort(); //出力用 alert(station); // Ikebukuro,Shibuya,Shinjyuku,Ueno ちなみに配列の中身が数字の場合だと・・・ var number = [50000,40,900,3000] number.sort(); alert(number); // 3000,40,50000,900 アルファベット順なので、このような並びになります。

    JavaScriptの配列を特定の順番にソートする方法
    wlbhiro
    wlbhiro 2014/12/01
    任意のソートを実装する方法。
  • Datepicker | jQuery UI

    The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.

  • はてなブログ | 無料ブログを作成しよう

    試験終わりの台湾一人旅(3日目) 5:45に目が覚め、ゲストハウスの共用部でコーヒーを飲みながら次の試験のテキストを開いた。この前受けた試験よりボリュームは軽いと聞いていたけど、Twitterで検索する限りの合格者がいう必要時間を考えると年内に受けるには余裕がないですなワハハ、となった。1時間…

    はてなブログ | 無料ブログを作成しよう
  • jQuery.get( url, data, callback ) - jQuery 日本語リファレンス

    HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。

  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します

  • JavaScript/リンク/履歴の移動(進むボタン・戻るボタン) - TAG index

    <html> <head> <title>TAG index Webサイト</title> </head> <body> <p><a href="#" onClick="history.back(); return false;">前のページにもどる</a></p> <p><a href="#" onClick="history.go(-2); return false;">2つ前のページにもどる</a></p> </body> </html> 上記の例では、タグに直接指定しています。 history.back() … 1つ前に戻る history.forward() … 1つ先に進む history.go(-3) … 指定数分戻る(マイナスで指定します) history.go(3) … 指定数分進む <input type="button" value="戻る" onClick="his

    JavaScript/リンク/履歴の移動(進むボタン・戻るボタン) - TAG index
  • 324 (net::ERR_EMPTY_RESPONSE): 不明なエラーです - 小宮日記

    このウェブサイトはご利用いただけません。 http://misakirara.s296.xrea.com/2chradio/timeline.cgi?id=newsplus1257505690 のウェブページは一時的に停止しているか、 または URL が変更している可能性があります。 エラーの詳細 元のエラー メッセージは次のとおりです。 エラー 324 (net::ERR_EMPTY_RESPONSE): 不明なエラーです。時々このエラーが出るんだけど、ググってみても原因が解らない 検索結果のやりとりを見ていると google chromeの場合にだけでる問題かもしれない

    324 (net::ERR_EMPTY_RESPONSE): 不明なエラーです - 小宮日記