[B! @javascript] yamaedaのブックマーク

[訂正版] Javascriptでクラスを継承する

Photo by spud murphy 先ほどの記事のコードにミスがあり、継承を行うと、親クラスも書き換えてしまうバグがありました。コメントやTwitterで報告いただいた方々ありがとうございます。あの後、調べて見れると、あまりスマートに継承を実現する方法は無いみたいですが、ユーザが作ったクラス(StringなどのAtomic型を除く)は下記のコードで継承が行えます。特に、Array型を継承するのは、無理なようです。[]を上書きできないので、どうしようも無いみたいです。残念。 <body> <div id="result"></div> <script> var puts = function(str) { var el = document.getElementById('result'); el.innerHTML = el.innerHTML + str + "<br/>";

yamaeda 2010/11/10

@javascript

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

yamaeda 2010/02/02

リンク

[JS]jQueryのプラグイン100選 -2009年総集編

2009年に紹介したものを中心としたjQueryのプラグイン100選です。カルーセル・ニュースティッカー関連ギャラリー・画像拡大関連ナビゲーション関連タブ関連パネル・ボックス関連角丸関連

yamaeda 2009/12/18

@javascript

リンク

JavaScript初心者におくる24のグレイトなtips - 三等兵

私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ

yamaeda 2009/12/15

@javascript

リンク

株式会社ALBERT（レコメンドエンジン）

データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

yamaeda 2009/10/07

@javascript

リンク

FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム

はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ

yamaeda 2009/10/06

@javascript

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

yamaeda 2009/09/01

@javascript

リンク

Ajaxで実現するエフェクト20選「20 More Excellent AJAX Effects You Should Know」

最近ではライブラリも多数リリースされ、様々な所で使われている「Ajax」簡単に高度なエフェクトや動作が導入可能ですが、今日紹介する「20 More Excellent AJAX Effects You Should Know」はAjaxで実現するエフェクトをまとめたエントリーです。 GlassBox 様々なAjaxのサンプルが紹介されていますが、今日はその中からいくつか気になった物を紹介したいと思います。詳しくは以下 ■LightWindow YouTubeに動画、画像、PDFファイルと様々なメディアに対応したライトボックスエフェクト。 ■Unobtrusive Table Actions テーブルの各ブロックにエフェクトを付与できるAjax。データを見せるページには便利に使えそうです。 ■iCarousel plugin イメージをスライダー形式で表現できるAjax。 ■Validat

yamaeda 2009/04/30

@javascript

リンク

for 文と無名関数のイディオム - IT戦記

id:cho45 がチョロっと書いたコードが話題になっている冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech このような書き方は、自分もたまにする。というわけで、この書き方をする利点を以下の順に解説して見る。単純な for 文の問題点 with 文を使った解決方法と、その微妙な問題点無名関数を使った解決方法単純な for 文の問題点まずは、以下の HTML に対して <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> 以下の JavaScript を実行して var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v

yamaeda 2009/01/19

リンク

jsmario.com.ar

This domain may be for sale!

yamaeda 2009/01/15

@javascript

リンク

http://www.designwalker.com/2009/01/table.html

yamaeda 2009/01/15

リンク

2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌

Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト

yamaeda 2009/01/15

@javascript

リンク

jQueryで作る“Amazon風”インターフェイス (1/5)

「最近、どこでよく買い物していますか？」――こう聞かれて「Amazon！」と答える方も少なくないかもしれません（特に本誌読者であれば）。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手本にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。今回のお手本サイト：『Amazon.co.jp』米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。現

yamaeda 2008/09/24

@javascript

リンク

まじで使えるJavascriptライブラリ75選 | CREAMU

Javascriptで優れたインターフェースを実装したい。そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript

yamaeda 2008/09/16

リンク

Yahoo! User Interface Library - YUI

YUIをはじめよう： Yahoo!® User Interface Library (YUI)とは、その名の通りYahoo!が提供しているDHTMLやAJAXを使ってアプリケーションを作るためのライブラリーです。このライブラリーは、BSDライセンスのもと誰でも無料で利用することが可能です。では早速、YUIで用意されている以下のクラスを個別に見ていきましょうレビュー： Event onClickやonSelectなどのイベントハンドラーを共通的に扱うユーティリティー Dom Collection DOM スクリプティングを簡単に共通的に扱うユーティリティー Connection Manager AJAXを行うためのユーティリティー Drag and Drop ドラッグ＆ドロップ可能な要素を作るためのユーティリティー Animation 指定した通りに要素を動かしたり、視覚的効果を追加する

yamaeda 2008/06/06

@javascript

リンク

Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi

上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。この技術を使って、試しにチャットシステムを作ってみました＞デモ（ソースコード）*1 リアルタイ

yamaeda 2008/05/05

@javascript

リンク

JavaScript1.7 の yield を使って、非同期処理を同期処理のように書く方法 - IT戦記

経緯 id:kazuhooku さんが一年前にやってたことですが Kazuho@Cybozu Labs: JavaScript/1.7 で協調的マルチスレッド今日やっと挙動が理解できたのと、 Weave のソースを読んでいたらこのテクニックをバリバリ使っていて「ちょwwおまwww」ってなったので、自分でも作ってみようと思いました。ほとんど id:kazuhooku さんのと同じものなので、既出です＞＜本当にありがとうございました＞＜まず、 yield とは何か yield とは、 JavaScript 1.7 から導入された機能です。以下に yield の細かい挙動を示しておきます。 function f() { // なんかの処理 yield; // ... (1) // なんかの処理 yield; // ... (2) // なんかの処理 } var g = f(); // こ

yamaeda 2008/03/04

@javascript

リンク

デブサミ2008 13-D-7: JavaScript Tips & Technique

id:amachangのターン。例のJavaScriptの歴史シートからプレゼン開始。JavaScriptは初心者向け言語であり、オブジェクト指向言語であり、プロトタイプベース言語であり、関数指向言語でもある一粒で4度おいしい言語なのだというお話。 JavaScriptは初心者向け言語すぐに始められるすぐに公開できる。ツッコマレビリティが重要。PHPだとサーバが必要だけどJSだとブログでもいいおもしろい Firebugとかjshとか環境が充実 JavaScriptはオブジェクト指向言語 JavaScriptのメッセージには角括弧"[]"のメッセージと丸括弧"()"のメッセージがあると考えると見通しが良くなる。 a = [1,2,3] a[1] #=> 2 ドット"."は角括弧"[]"のシンタックスシュガーである。obj.hoge = 1 と obj["hoge"] = 1 は同じ。同

yamaeda 2008/02/24

@javascript

リンク

JavaScript でカリー化、再び: Days on the Moon

以前、「JavaScript で引数束縛」において関数のカリー化を試みました。しかし、そこでカリー化された関数は、そのままでは一度しか部分適用ができず、また、最初の関数呼び出しは必ず部分適用として扱われていました。 function mean3(a, b, c) { return (a + b + c) / 3; } // 「JavaScript で引数束縛」における curry 関数。 var curriedMean3 = curry(mean3); curriedMean3(1)(2, 3); // => 2 curriedMean3(1)(2)(3); // => TypeError: curriedMean3(1)(2) is not a function // そのままでは部分適用を 2 回以上行えない。 // curry(curriedMean3(1))(2)(3) なら大丈夫

yamaeda 2008/02/14