mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ&ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
jQuery - BackgroundPosition plugin 今回もまたweb creators 2009年1月号の「Web Design Style-UP Tips」からのテクニックの紹介です。 jQueryの「BackgroundPosition plugin」というプラグインを使うと、メニューボタンにロールオーバーした際にFlashのような滑らかなアニメーションを施してくれます。 ちなみにサンプルは下記のページ。 →jQuery Background Test 仕組みとしては、メニューボタンの下に配置する変化のある背景画像を用意し、その背景画像をJavaScriptで移動させるコトによって、ロールオーバー時にアニメーションさせる…というモノです。 下記のサイトからJavaScriptをダウンロードして読み込ませます。 →Downloading jQuery - jQuery
suzunari ブログパーツフレームワーク suzunari Download http://svn.coderepos.org/share/lang/javascript/blogparts_framework_suzunari/suzunari.js Compressed: http://svn.coderepos.org/share/lang/javascript/blogparts_framework_suzunari/suzunari.min.js svn co http://svn.coderepos.org/share/lang/javascript/blogparts_framework_suzunari/ License Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog JavaScript と言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。かくいう私も検索エンジン(を使ってコードを書く)プログラマになっていることが多々あります。 JavaScript にあるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語としての特殊性が挙げられると思います。特に目的実現の為に必要となる発想は他の言語と一線を画します。 今回は、 題材は、これです。 誰でも一度は使ったことがあるだろう灰色の説明文付きの入力欄ですね。 簡単な例 さて、作ってみましょう、ということ
JavaScriptには名前空間がないので、オブジェクトを代わりに使います。 Namespace.hoge = "ほげほげ"; Namespace.fuga = function() {}; こんな感じでオブジェクトのプロパティを追加していくことで、グローバルスコープを汚さずに済みます。 それだけではなく、JavaScriptだとグローバルスコープに宣言するよりも速いらしいです。 ただし、名前空間がcom.example.foo.barといったように長ったらしくなると、宣言が面倒になってくるのでクロージャを使って凌ぎます。 //グローバルシンボルだけは宣言しておく。(既に使用済みでもvarは問題なし) var com; //プロパティがなかったら追加する。 //すでにある場合はオブジェクトかどうか判断して例外発生させた方がいいらしい if (!com) com = {}; if (!com
2007年02月02日16:45 カテゴリ javascript - ふつうのnamespace これはいいとして、 IT戦記 - JavaScript の名前空間 シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 これはJS界のラマヌジャンなamachangならとにかく、私でも起き抜けにコーヒーの湯気も当たらぬこちこちの頭ではついてけん。 window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI これはふつうに // Namespace jp.ne.hatena.d.amachang a la J
2012年08月04日14:30 カテゴリ書評/画評/品評Lightweight Languages JavaScript.bible = this - 書評 - JavaScript: The Definitive Guide 全く同様の理由で入手しておくべきなのが、こちら。 JavaScript 第6版 David Flanagan / 木下哲也訳 [原著:JavaScript: the Definitive Guide (6th Ed.)] naoyaグループ - naoyaの日記 - Emacs を使えるようになりたい人は「なぜ」はリファレンスには書いていないですから。 ただし、5th Edition以降を入手すること。邦訳は第三版、JavaScript 1.2ベースで、ちょっと古過ぎて薦めづらい。 2011.12.21更新 2012.08.04 第6版邦訳にあわせて更新 元書評は
yabooo.org | Situs Judi Joker Slot Gacor Terpopuler Banyak Bonus yabooo.org Yaitu Agen Judi Joker Slot Mudah Jackpot Bonus Member Baru Games Slot Gacor, Taruhan Bola, Poker Online Pakai 1 Akun WSO Server Luar India Ingin menikmati pengalaman bermain slot yang mengasyikkan? Jika iya, Anda perlu mencari situs slot terbaru yang gacor! Game slot gacor terbaru dapat memberikan kesempatan bagi Anda untu
JavaScript での大規模開発では シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 で、こんな記述ルールはどうだろう window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI 例えば window['http://d.hatena.ne.jp/amachang/']={}; (function(){with(this){ var hoge = 'hoge'; // このスコープ内で共有するシンボル this.fuga = 'fuga'; // 同じ名前空間で共有するシンボル window.p
10.1 モジュールと名前空間の生成 モジュールの開発では、名前空間の衝突を避けるため、1つのグローバルシンボルにモジュールのオブジェクトを追加していくようにします。 var Class = {}; // グローバルシンボル Class.define = function(data) { /* コード */ }; Class.provides = function(o, c) { /* コード */ }; グローバルシンボルをその存在をチェックしてから生成する場合には、宣言されていないグローバルオブジェクトを読み出すと例外がスローされるため、最初にグローバルシンボルとなる変数の宣言だけはしておく必要があります。 名前空間が衝突する可能性をより減少させるために、ファイル名ベースとドメイン名ベースのルールとコードの例が掲載されています。 10.2.2 プライベートな名前空間とスコープとしてのク
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
Eric Miraglia (@miraglia) is an engineering manager for the YUI project at Yahoo. Eric has been at Yahoo since 2003, working on projects ranging from Yahoo Sports to YUI. For the past several years, Eric and his colleagues on the YUI team have worked to establish YUI as the foundation for Yahoo's frontend engineering work while open-sourcing the project and sharing it with the world under a libera
10章は、ライブラリなどの製作者向けの情報が多いようです。 名前空間という概念はXHTMLやCSSでも存在しているので、わりと読み進めやすかったです。 JavaScriptの名前空間 JSには、名前空間を定義するための機能が存在しない。しかし、オブジェクトを使って同じ効果を得る事ができる。 var hamashunSpace = {}; hamashunSpace.hoge = function(a){ var foo = a + 4; alert(foo); } hamashunSpace.huga = function(b){ 〜 } // 略 hamashunSpace.hoge(1); //アラートで5と出るこのコードは、特別な事をしている訳ではなく、単にオブジェクトを生成して関数を格納しているだけ。 以降の関数も、全てこのhamashunSpaceオブジェクトに格納する。つまり、
jQueryの話を社内ブログの方に書いたのだけど、よくよく考えてみたら僕が外から見れないなと。 ってことでこっちにも同じ内容。 # 自分がばれそうなところは変更。 # って言っても社内の人にはばれるのか。 jQueryを使いながらJavaScriptを書いているのだけど、 ユーザ向けに、なるべくグローバル変数を汚さないようにしようと、 jQueryで使われるグローバル変数「jQuery」と、そのショートカットの「$」を 「A.B.dom」にしようとした。 こうすればユーザの「$」は生きるし、Aのみグローバル変数を汚すだけなので。 で、ある程度までできあがったものの、「$」で済むところが、 「A.B.dom」になってるから正直見にくい。 ということでやり直し。 クロージャを使ってA.B.domを$に代入して全体を書いてみようかなと。 # まぁ、あんまりクロージャわかってないから嘘言ってるかも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く