コードのまとめ方いろいろ。オブジェクト・クラス・クロージャ - mumoshu.log
種類コード例 Object literal var myObject = { publicVar:1, publicFunc: function(){ return 2; } }; window.alert(myObject.publicVar); //=> 1 window.alert(myObject.publicFunc()); //=> 2 Class function MyClass(){ this.publicFunc = function() { return 3; }; this.publicVar2 = 2; } MyClass.prototype = { publicVar1: 1 }; var myObject = new MyClass(); window.alert(myObject.publicVar1); //=> 1 window.alert(myObjec
JavaScript Liquid Image FX
My JavaScript book is out! Don't miss the opportunity to upgrade your beginner or average dev skills. Yesterday I have been in Brixton Academy for Massive Attack concert: amazing! I have been totally impressed by their choreography: it looked apparently rudimentary stuff but once they started playing I could not avoid to think all the time how beautiful special effects are and how simple, sometime
JavaScript/DOM | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説カスタマイズ性抜群の上級者向けタブブラウザ「Lunascape」 動作の重いFirefoxや、セキュリティホールの多いIEから乗り換えるなら・・・ 高機能かつ拡張性に富んだ『Lunascape』（ルナスケープ）がオススメです。 このブラウザは、驚くほど “ 動作が軽い ” のが魅力！ Firefoxみたいにメモリを食いません（笑） IEのツールバープラグイン、Firefox、Netscapeの一部のプラグインに対応しているので、今まで使っていたプラグインごと乗り換えられます。 IEのお気に入りもブラウザのサイドバーに簡単に組み込めます。 また、RSSリーダー付ブラウザなので、RSSリーダーを使わずにブラウザ上でRSSの購読や管理ができます。 F
チェックボックスのラベル範囲を視覚的に分かりやすくするCSS - スタイルシートTipsふぁくとりー
《2016年2月29日 10:00 公開/更新》 チェックボックスのラベル範囲を視覚的に分かりやすくするCSS [フォーム,色] HTMLのinput要素を使ってチェックボックスやラジオボタンを作ると、クリック可能な範囲がとても狭くて若干使いにくいですよね。クリック可能な範囲は「チェックボックスやラジオボタンそのもの」だけで、その横に書いた文字列はクリック対象外になってしまいます。 ところが、input要素と併せてlabel要素を使えば、ラベル部分(チェックボックスやラジオボタンに対応する文字列の部分)もクリック可能になります。そうしておく方が、一般的なソフトウェア上のチェックボックスやラジオボタンと操作の感じが同じになるので、ユーザビリティ上も望ましそうです。 以下の2つのチェックボックスは、1つ目は「チェックボックスそのもの」しかクリックできないデフォルトの状態です。文字列部分をクリッ
オブジェクトの表示非表示を制御する｜JavaScript Tips
<form><input type="button" value="表示切替" onClick="checkExpand('text');"></form> <span id="text">あいうえお</span> <script language="JavaScript" type="text/JavaScript"> <!-- /**************************************************************** * 機 能： オブジェクトの表示非表示を制御する 1 * （表示している場合は非表示、非表示の場合は表示） * 引 数： ch 表示/非表示を切り替えるオブジェクト名 * 戻り値： なし ****************************************************************/ functio
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
JavaScriptの動かないコード (中級編) iframe内にDOMアクセスできないエラー - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： tenki.htmlの中に，天気が書かれている。 index.htmlのインラインフレーム内に tenki.html を表示して，その内容を解析する。 ※２つのHTMLは，同じフォルダ上にある。 index.html <input type="button" value="クリックして天気を表示" onClick="f()"> <br> <!-- ここに tenki.html を表示します。 --> <iframe id="ifr"></iframe> <script language="JavaScript"> function f() { // iframeを取得 var e_ifr = document.getElementById( "ifr" ); // ifram
効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan
コンソールAPIでJavaScriptの実行時情報を出力 FirebugのコンソールAPIを使えば、コンソールへのメッセージの出力やスクリプトの実行時間の計測などを行うことができる。具体的には以下のような関数が用意されている。 console.log(object[, object, ...]): メッセージ（オブジェクト）をコンソールに出力 console.debug(object[, object, ...]): メッセージをコードの行番号付きで出力 console.info(object[, object, ...]): メッセージを、先頭に「i」のアイコンを付けて出力 console.warn(object[, object, ...]): メッセージを、先頭に「!」のアイコンを付けて出力 console.error(object[, object, ...]): メッセージを、先
Web系雑記: JavaScriptでz-indexを操作するときの注意
(11/15)HTML5プロフェッショナル認定試験レベル1に合格しました (11/08)Windows10でエクスプローラーで開いてるフォルダをコマンドプロンプトで開くのが楽になった (02/16)CatalystでスタックMACアドレスの扱いが機種ごとにどう違うか (02/02)もう一つのSDN? Simple Defined Networkingとは (02/02)RealtekのNICでタグVLANのタグをパケットキャプチャで確認する (11/06)Windows標準で使用できる正規表現対応エディタとして「PowerShell ISE」という選択肢 (09/09)OpenFlow超初心者が最初の1週間で読んだ本たち (08/21)Catalystのdefineコマンドを使ってみた 一般(75) (X)HTML+CSS(5) JavaScript(12) UI・デザイン(6) Unix
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
マピオン、NTTドコモの新端末向けにAjaxフリースクロール地図を開発～業界初！ドコモのJa…
マピオン、NTTドコモの新端末向けにAjaxフリースクロール地図を開発 ～業界初！ドコモのJavaScript対応｢iモード®｣ブラウザにいち早く対応～ 株式会社マピオン（東京都千代田区、代表取締役社長 佐藤孝也）は、NTTドコモのiモードブラウザの機能拡充におけるJavaScriptに対応したAjaxフリースクロール地図サービスを開発しました。 同社が提供する携帯公式サイト『マピオンモバイル（＊1）』のiモード版において、5月22日以降発売される対応機種にてご利用いただくことができます。 【提供開始日】 2009年5月22日（金） 【利用料】 「マピオン☆ベーシック」会員 月額210円（税込み） 「マピオン☆デラックス」会員 月額315円（税込み） 【アクセス方法】 iMenu＞メニューリスト＞交通／地図＞地図・ナビゲーション＞ 地図ｉマピオン 【対応機種】 ▼docomo PRIME
コナミコマンドを仕込む方法 | エンタープライズ | マイコミジャーナル
itePoint: New Articles, Fresh Thinking for Web Developers and Designers 通称"コナミコマンド"と呼ばれるコマンドがある。もともとコナミが提供しているゲームによく搭載されている隠しコマンドで、このコマンドを入力することで何らかの効果が現れる。グラディウスというファミコンのゲームで登場したのがもっとも初めのコナミコマンドではないかと言われている。「↑↑↓↓←→←→BA」が基本のコナミコマンドで、入力デバイスに合わせて多少キーが変化したバージョンがある。 コナミコマンドといえばGoogle Readerが隠しコマンドとして実装していることで有名だ。Google Readerの画面で「↑↑↓↓←→←→BA」と入力すると検索フィールドに"Ninja!"と表示され、フィードエリアに忍者が現れる。有名なところではほかにもjQuery
外部のSVGファイルのSVGDocumentの取得の仕方 - プラグインレスでSVGを表示する「SIE」開発ブログ
Firefox(1.5以降）やOpera(9.x)において、 SVGファイルを参照しているobject要素やembed要素から、SVGDocumentを取得するには、「getSVGDocument()」というメソッドを使うといいそうです。（SVG1.1仕様などを参照） object要素とembed要素で、このメソッドは対応しています。要メモ。 <object id="oe" type="image/svg+xml" data="hoge.svg"></object> <script type="text/javascript"> var doc = document.getElementById("oe").getSVGDocument(); var circles = doc.getElementsByTagName("circle");
YUI Testを使ったJavaScriptユニットテストのすすめ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitやPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方
JavaScript の不思議な面白さ - 第三回
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 「第二回」では、グレー文字入り入力欄という課題への解答例としました。 プログラムの設計といったものがどんなものなのか、その面白さが少しでも伝わっていれば幸いです。 とはいえ、動いてさえいればあとはどれも似たようなもので、あとはプログラマの自己満足の世界です。その中での創意工夫はプログラマに閉じた世界とはいえ、ポケットの中に広がった空ではないかと思っています。 前回の最後の問題の答えを示す前に一つ重要なことを忘れていました。 そうです、使ってもらう為にはライブラリ化が必要でした。 ＊ 三回目となるこの記事からは、皆さんお待ちかねの関数化・ライブラリ化といったプログラムを隠す手法を試していこうと思います。ロジックの複雑化や高機能化につ
郵便番号マップ作成記 (3) - 経度緯度から動的に郵便番号を描画する - てっく煮ブログ
前回 まででデータを表示するためのデータ収集は完了した。いよいよデータを表示する集大成だ。JSON をちょっとだけ修正前回の最後に出力した JSON はこんな感じのデータだった。 [{"lat" : 43.0577485, "lng" : 141.3451574, "name" : "北海道札幌市中央区", "code" : "060"}, {"lat" : 43.1060624, "lng" : 141.3406195, "name" : "北海道札幌市北区", "code" : "001"}, {"lat" : 43.0944552, "lng" : 141.3766337, "name" : "北海道札幌市東区", "code" : "065"}, // (以下略) このままではデータを利用できないので、postal 変数に代入しておく。 postal = [{"lat" : 43.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ext Japan - ブログ
Google Code Archive - Long-term storage for Google Code Project Hosting.
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
http://i.yimg.jp/images/help/env/env.js