最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
画像をアップロードする前にサムネイルを表示させる。
ここは他所様と比べると、やってる事のレベルがと～っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ： IE6.0 / IE5.5 参照画像をリアルタイムでサムネイル表示させるJavaScriptです。 画像をアップロードするまえに確認することができます。 全ブラウザで確認したわけではありませんが、どうやらIE以外はセキュリティの関係上ローカル画像は表示出来ない仕様となってるみたいです。 IE以外のブラウザは「file:///C:/Documents%20and%20Settings/」のようにsrcを書き換えないといけないみたいです。 めんどくさいから作りません。 Mozilla FirefoxではWEB上からローカル画像が参照出来ない!? 優しい方が教えてくれました。感謝。 セキュリティの観点からローカルファイルを読み込ま
DOM Reference
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Collection & Copy - JavaScriptにおける高階プログラミング
翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。
hori-uchi.com: 続・onload時に複数のfunctionを実行するJavaScript
続・onload時に複数のfunctionを実行するJavaScript ちょっと前に書いたonload時に複数のfunctionを実行するJavascriptというエントリーへのkoさんのコメントでaddEventListenerというのを初めて知りました。 これは何なんだろうということで、調べてみると、W3C DOM Level2 のイベントモデルでイベントハンドリングを行う際に使う関数だということがわかりました。 もう少し調べてみると、このDOM Level2、FirefoxなどMozilla系のブラウザには実装されているようなのですが、IEには実装されていないため、addEventListenerが使えず、そのかわりに同等の機能をもったattachEventという関数が定義されているそうです。 将来的にはIEもDOM Level2をサポートして、addEventListenerが使
Test::Simple - テストを書くための基本的なユーティリティ - perldoc.jp
名前¶ Test::Simple - テストを書くための基本的なユーティリティ 概要¶ use Test::Simple tests => 1; ok( $foo eq $bar, 'foo is bar' ); 概要¶ ** テストに馴染がないなら、まず、Test::Tutorialを読んで下さい! ** これは、CPANモジュールや、他の目的のためにテストを書くのに、 極めて簡単な、極めて基本的なモジュールです。もし、より複雑なテストを望むなら、 (置き換え可能な実装である)Test::Moreモジュールを使って下さい。 Perlのテストの基本的なユニットは、okです。テストしたいものそれぞれについて、 プログラムは、「ok」か、「not ok」を出力し、合格したか、失敗したかを示します。 ok()関数で、これを行います(下を見てください)。 唯一の他の強制は、行おうと計画しているテス
Collection & Copy - JavaScriptの圧縮/曖昧化/難読化
圧縮/曖昧化/難読化関連 リンク, JavaScript 最終更新 2008/2/20 ANTとYUICompressor2系 - Thousand Years CompressorRater - Rate JavaScript Compression Utilities 無圧縮/JSMin/Dojo ShrinkSafe/YUI Compressorを比較できる。 Painfully Obvious » Blog Archive » Packing Prototype Prototype.jsの圧縮。Dojo ShrinkSafe利用。 minify - Google Code AssetPackager – JavaScript and CSS Asset Compression for Production Rails Apps js-builder - Google Code Ja
IBM - 日本
企業には、汎用的なAIではなく「ビジネス向けに設計されたAI」が求められることを強調する、新たなキャンペーンを開始しました。これらのアニメーションに込めた「IBMよりお伝えしたい5つのこと」をご紹介します。 最新情報 ドイツと日本の宇宙機関、国際宇宙ステーションでロボット間連携の画期的成果を達成 ドイツテレコム社がIBM Concertを採用し、AIを活用した自動化でIT業務を加速 IBM、2025年度第2四半期の連結決算を発表 日本IBM、医療従事者の業務変革を促進する「病院業務支援AIソリューション」を提供開始 CEOスタディ2025「ビジネス成長を飛躍させるための5つの意識改革」日本語版を公開 IBM、エンタープライズITの水準を引き上げるIBM Power11を発表 ウィンブルドンを主催するオールイングランド・ローンテニス・クラブとIBM、リアルタイムでファン・エンゲージメントを高
20 CSS Tips & Tricks
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 30 Sep 2025 / Reimbursement CareCloud to acquire HFMA's MAP app for revenue cycle tracking CareCloud's acquisition of HFMA's MAP App for revenue cycle tracking would infuse AI capabilities into the tool while extending its reach to hospitals, the organizations sa
JavaScriptMVC [ SocieWiki ]
JavaScript de MVC SmalltalkのModel-View-Controllerフレームワーク（注）をJavaScriptで真似した簡単なクラスライブラリです。（って、JavaScriptにクラスはないんだった…） Model - データを保持するオブジェクトです。 現在のところValueModel, ListModel, MatrixModel, RecordSetModelがあります。 View - HTMLで表現されたGUI部品です。 DOM の HTMLElement をそのまま使います。 Controller - Modelの変化をViewに反映したり、ユーザーの入力をハンドリングしたりするオブジェクトです。 現在 InputBoxController, ListController, EditableTextController, EditableParagr
JavaScriptの簡易プロファイラ - llameradaの日記
JavaScriptで少し大きなアプリケーションを作っていると、処理速度がどんどん遅くなってしまうことがある。処理速度を向上させるには、ボトルネックとなっている処理を見つけて、その部分のパフォーマンスを改善するのが一般的である。そこで、ボトルネックを見つけるのに便利なプロファイラを作ってみた。 コードはこちら。 var Profiler = Class.create(); Profiler.prototype.extend({ initialize: function(){ this.keys = []; this.records = {}; }, observe: function(object, name){ name = name || "Method"; for (property in object) { if(typeof object[property] == "functi
onload時に複数のfunctionを実行するJavaScript
昨日に引き続きJavaScriptねたです。 ページを表示した時点でJavaScriptを実行したい場合、 window.onload=function(){ alert('called when window is loaded.'); } のようにwindowオブジェクトのonloadイベントに実行したいfunctionをセットしてやればいいのですが、これだと、オンロード時にひとつのfunctionしか実行できません。 そこで、オンロード時に複数のfunctionを実行できるようなスクリプトを書いてみました。今回のコードはnaoyaさんのprototype.js でデザインパターン - IteratorのエントリにあるIteratorパターンのコードをそのまま借りたリスペクト指向プログラミングになってますｗ //multiple_onload.js var OnloadFunction
llameradaの日記 - JavaScript でマルチスレッド・デザインパターン
JavaScriptでデザインパターンを書いてみる。とはいえ、いまさらFactoryパターンなど書いても面白くないので、マルチスレッド・デザインパターンにする。 もちろん、JavaScriptの言語仕様にスレッドなどない。しかし、ブラウザ環境では実質的にスレッドが存在する。スレッドが発生する場面には２種類ある。１つは、イベントである。例えば、ユーザのクリック動作によってonclickイベントが発生した時、onclickイベントハンドラだけを処理するスレッドが発生するとみなせる。もう１つは、setTimeoutとsetIntervalメソッドである。これらのメソッドでは、一定時間後に、別の処理を実行させるが、この処理は現在の処理と並行的に実行される。つまり、スレッドとみなせる。個人的には、setTimeoutをアニメーションなどの小細工だけに使うのはもったいないと思う。setTimeoutの
JavaScript Libraries
Images Image preloader Automated image rollover and click script 3D image rotator Gallery slideshow Simple gallery Variable retention 'Get' method variable reading Cookie management Save Form Values script Variable serialiser Forms Form validator Continent country selector Days-in-month validator Caps Lock detector Save Form Values script Mouse multi-select Generic DHTML Generic DHTML do everythin
JSAN-0.10 - ドキュメント - FAX
翻訳 原文：JSAN-0.10 - DocumentationCopyright (c) 2005 Casey West. All rights reserved. 名前JSAN - JavaScript Archive Network概要 // または、ライブラリの中では if (typeof JSAN != 'undefined') { JSAN.use('Some.Library'); } 詳細このライブラリは、古典的なプログラミング言語に備わる振る舞いをJavaScriptへ追加します。そして、きちんと設計されモジュールに分けられたコードを作成するために必要な機能をプログラマに提供します。クラスプロパティglobalScope JSAN.globalScope = _player; globalScopeには、デフォルトでselfの値がセットされます。これはウェブブラウザでは上手く
1分でわかるJSAN - FAX
1分でわかるJSAN 技術 概要 JSANは、他のライブラリをインポートするライブラリです。 リポジトリ リポジトリは、ライブラリの検索対象のパスです。 JSAN.addRepository()で追加します。 JSAN.includePathにリストされます。 デフォルトのリポジトリは「.」と「lib」です。 JSAN.use() ライブラリをインポートするには、JSAN.use()を使います。 クラスがロードされます。 個々の関数もグローバルコンテキストへロードされます。 JSAN.require() クラスのみをロードします。 「Test.Simple.plan()」のように、全部書けば呼び出せます。 グローバルコンテキストを汚しません。 JSAN.exporter() ロード済みのクラスから、好きな関数をグローバルへ置き直します。 関数が使いやすくなります。 好きなライブラリの、好き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2005-09-22 - FAX
Effective JavaScript - Dynamic Scripting
Mozilla — 利益ではなく、ユーザーのためのインターネット
"Super Maryo World" - Javascript Virtual Machine