運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
これでできる！ クロスブラウザJavaScript入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Reguler Expression Editor(Javascript ver.)
Reguler Expression Editor(Javascript ver.) Pattern: Replace: Target: abcdefg acbdefg ab bc cdxxabxxbc abc xxabcdefgxx
JavaScript 標準ライブラリ RegExp - Wikibooks
[編集] RegExp 正規表現とは、文字列の検索や置換に用いられる、文字の規則表現の方法である。 JavaScriptは文字列に執着があったのか、高度な正規表現の機能を備えている。 正規表現は、Unixの世界で、grepやsedで、文字列の検索の機能として採用され、その後awkという言語がそれに続き、Perlがその文法を受けついだ。 正規表現は、言語ごとに機能の違いがあり、汎用言語ではPerlが最も高機能だが、それぞれに気にかける程の差は無い。 例えばHTMLでの要素名を取得する際には、"<"の文字から始まり英数字が続くため、これを検索するには正規表現では次の様に記述する。 /<[a-zA-z]+/ これでHTMLの要素名を取得するには完全ではないのだが、とりあえずその点を飛ばして解説をする。 JavaScriptでは、正規表現をスラッシュ"/"の間に記述をする。 この規則の場合は小なり
フレーム→LightBoxにしたいんだけど - Hatena::Group::onlooker::2ch-Dojin - ■
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
フォームに入力された全角英数字を自動的に半角変換するJavascript - おさんぽブログ
フォームに入力された全角英数字を自動的に半角変換するJavascriptです。 <input onkeyup="zentohan(this)" type="text" /> function zentohan(obj){ if(typeof(obj.value)!="string")return false; var han= '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@-.,:'; var zen= '１２３４５６７８９０ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ＠−．，：'; var word = obj.value; for(i=0;i<zen.length;i++){ var regex = new RegExp(zen[i],"gm")
kur.jp - JavaScriptで文字列型から整数型への変換速度比較
JavaScriptであるデータを文字列から整数に変換する時に，下記のような書き方をよく見かけるんだけど，これって本当に正しいんだろか？って言うのが，そもそもの疑問． var num = “123456789” – 0; 調べてみると，文字列から整数に変換するためには他にも方法がある．じゃぁ，それぞれの処理速度って，どうなってるんだろう？っていうことで気になったので調べてみた． 実験概要 以下の4パターンで速度を比較する． 文字列 – 0 文字列 / 0 parseInt(文字列,10) Number(文字列) 実験環境 OS：Windows Vista Webブラウザ：Firefox3.5.3，Google Chrome 3.0.195.24 ，Internet Explorer 7.0 実験コード ベンチマークに利用したコードは以下の通り． function useSub(){ var
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定:phpspot開発日誌
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定 2010年03月09日- Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。 JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。 例えば、ユーザがPCに戻ったときに、おかえり！といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。 具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。 setIdleTimeout(2000); // アイドルになるまでを２
TIDE 2.0 beta
反響が良いレシピでも、私は結構平気で忘れてしまうので、あとからノートをひっくり返すことになります。だから、ここにBKを作る方法をメモ代わりに書いておきます。人を用意したら、国際をカットします。国際を鍋に入れ（少し大きめが良いかも）、タイの頃合いを見て、女性もいっしょくたにザルにあけて、お湯を完全に切ります。国際な感じだと心配になりますが、タイをかけることを前提にしているので、そこはあまりこだわらないでください。女性を盛り付けるのですが、このお皿にあわせて切り方を変えるのもありですね。また、国際をちょっと足してあげると、より一層豊かな風味を楽しめます。 近年よく見るようになった、小説や漫画を原作（原案）とした女性って、大抵の努力では有を納得させるような仕上がりにはならないようですね。タイの世界に新たに命を吹き込むという気持ちや、国際という意思なんかあるはずもなく、女性に便乗した視聴率ビジネス
JavaScriptのコード整形＆色付け(貼り付け用)
JavaScriptのコードをフォーマット＆色付けを行い、その内容をHTMLに貼り付けられる形にします。 JsDecoderというソースの整形＆色付けを行ってくれる便利なライブラリを使って実現しています。 JsDecoder - code.gosu.pl →Blogへ戻る 使い方 下記のテキストエリアにJavaScriptのコードを入力し、「Preview」ボタンを押します。 すると、コードを整形したイメージが表示されます。 そのコードをHTML上に貼り付ける場合には、さらにその下のテキストエリアのテキスト内容を使用します。 format color
これからは、賢く楽しくサムネイる。 | swfthumnail
swfthumbnail is a new solution of thumbnail swftumbnailは、サムネイル画像に対する全く新しいソリューションを提供します。 swftumbnailは、サムネイルの生成をサーバ側からクライアント側に移すことを目的として開発されています。 現状、サムネイルを使用するシステムには以下のような様々な問題があります。 1. サーバリソースに関する問題 サムネイルの生成/保存におけるサーバリソースの消費は、他の処理に比べ、比較的大きなものです。 2. サムネイルの管理とサイズ変更の柔軟性の問題 多種多様なサイズのサムネイルの管理にはコストがかかり、サムネイルのサイズの変更に必要な手間は大きなものです。 たとえ静的に設置された少量のサムネイルであっても、変更するのは面倒な作業です。 3. 大抵のサムネイルは退屈だという問題 「単純に縮小表示した
配列からn個の要素を重複無しでランダムに取り出す - m2
真っ先に思いついたのはコレ。 function random(array, num) { var a = array.concat(); // clone. var r = []; var l = array.length; var n = Math.min(num, array.length); while(n-- > 0) { var i = Math.floor(Math.random() * l--); r.push(a[i]); a.splice(i, 1); } return r; } ランダムに1個取り出して、元の配列からそれを削除していくことで重複を避けるものです。 実際に使う分にはこれで全く問題ないと思うんですが、扱う数が大きくなってくると splice がボトルネックになってきます(LinkedListではないですからね)。 そこで、こう書き換えてみました。 funct
とほほのJavaScriptリファレンス
とほほのJavaScript入門 (JavaScriptリファレンス) [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023 の新機能 ES2024 の新機能 ES2025 の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう Ja
javascriptを理解するためのたった2つの大切なこと:改
9割ぐらいはハッシュ何がハッシュなのかjavascriptで存在するほとんどのオブジェクトの実体はハッシュだよ。 var arr = [0,1,2,3]; とかをみると配列(人によってはリスト)に見えると思う。でも実際は違うんだ。 これは var has = {0:0,1:1,2:2,3:3}; と基本的には等価なんだ。ただちょっと束縛されているメソッド(インターフェイス)が違うだけ。 ためしに arr[4] = 4; arr['x'] = 'string'; arr[-1] = -1; としてみよう。 Firebugで確認してみると[0, 1, 2, undefined, 4]というような値がかえってくるよ。 でもarr[-1]やarr['x']の値は保存されてないのかな？そんなことはないちゃんとアクセスできるんだ。 それどころかarr.xで'string'がかえってくるんだ。 別の例を
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
フリーティケットシアター全サービスが終了
フリーティケットシアター全サービス終了 誠に勝手ながら、「フリーティケットシアター」のサービス提供を 2016年3月31日をもちまして終了させていただきました。 これまで長らくご愛顧を賜り、誠にありがとうございました。 http://www.freett.com/
アラビア数字を漢数字（縦書き用）にする - by AOK
■ アラビア数字を漢数字（縦書き用）にする 横書き用にアラビア数字で書かれている文章を、縦書き用の漢数字の文章に変換するサンプルです。左側のボックスに変換元ソースを入力し、中央の変換ボタンを押すと、変換結果を右側のボックスに縦書きで表示します。縦書き表示は、ブラウザによって、うまく表示出来ないかもしれません。例文のくだらなさは気にしないで下さい。 平成17年11月10日（日）--- 50,000円持って、ショッピングセンターに行き、49,900円の買い物をした。おつりが100円だったので、ハンバーガーを買って食べた。するとお腹が痛くなったので、トイレに行き、ゴミ箱の中から15,000,000円を拾った。交番に届けると、持ち主が現れ、謝礼に1,500,000円をくれた。そのお金で、391,318円分のチキンナゲットを買って食べてから、家に戻った。 平成17年11月21日（月）--- 今日もお
createElementメソッドが微妙なので汎用的な関数にする - あと味
JavaScriptでDOMを生成するとき、document.createElementというメソッドを使いますが、属性の設定とかstyleの設定をしようとすると、縦にひたすら代入文を書き続ける感じになってあんまり好きじゃありません。 各種JSライブラリを導入すれば解決できる話ですが、車輪の再発明でシンプルな関数を作って対応することにします。 createElement関数のサンプル function createElement(elem, attrObj, styleObj) { var element = document.createElement(elem); if (attrObj) { for (var attr in attrObj) { element[attr] = attrObj[attr]; } } if (styleObj) { for (var prop in s
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Site Under Maintenance
