サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 ６つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル１ マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル２ スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル３ スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル４ 上のサンプル３に、タブを追加したバージョンです。 サンプル５ 上のサンプル４に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript /CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのはJavaScript ファイル 1つのみ。ダウンロードしたJavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
Creating web sites for the Wii Opera browser Thoughit may be old news that Wiimote keycodes can be detected byJavaScript in the Wii Opera browser, I could not find aJavaScript library that facilitates handling these input events, so Icreated my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand
去る8月30日（土曜日）、ライトウェイトプログラミング言語（Lightweightprogramming Language）の総合カンファレンス「LL Future」が、なかのZERO（中野区もみじ山文化センター）大ホールで開催された。当日は前線の影響で時おり豪雨に見舞われる中、さまざまな言語のユーザーや開発者など千人近くが集まった。
図1 インクリメンタル検索を実現<br>作成したサーバーCGIプログラムを使ってインクリメンタル検索する様子。計画通りに稼働しているのが分かります。 前回は，インクリメンタル検索を実現するAjaxアプリケーションのクライアント・サイドの実装を紹介しました。今回は，サーバーとして稼働するCGIプログラムを作成します。このCGIプログラムは，クライアントから送られてきたクエリーに基づいてテキストを検索し，その結果を返送します。Ajaxアプリケーションは通常のWebアプリケーションに比べて，サーバー・アクセスが増加しがちです。このためサーバーをいかに効率よく実装できるかが，サービスを快適に提供できるかどうかを左右します。サーバー負荷を下げる手法についても考えてみましょう。 テキスト検索にsaryを使用 みなさん，テキスト検索といえばどんな方法を思いつくでしょうか。単純なところではgrepコマンド
tomas.epineer.se Asynchronous file upload with AJAX progress bar inPHP One of the few things that I find lacking inPHP is the ability toreport the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or ifit has stalled or ifit has even started. アップロードの進捗を表示しつつア
まとめ系エントリーが続きますが、ウェブ職人のためのネタ帳を目指しているのでご容赦くださいませ・・・。 さて、25 Code Snippets for Web Designersなる記事をご紹介。角丸やら噴出しやら、CSSでのグラフなどなど、すぐに使える小技がたくさんです。 ちょっとサイトにスパイスを・・・というときに眺めると便利ですね。このサイトで既に紹介したものもいくつか含まれていますね。よろしければ。 » 25 Code Snippets for Web Designers (Part1) Part 1なので続編もありそうですね。続編が出たらまたお知らせします。
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
The Dojo Foundationは29日(現地時間)、はじめての公式パブリックリリースとなるDojo version 0.1を公開した。Dojo version 0.1に関する多くのドキュメントは近日中に公開される予定。DojoはAcademic Free License version 2.1のもと公開されているオープンソースのJavaScriptパッケージ集で、ウェブアプリケーションを開発するためのDHTMLツールキットということになる。Academic Free License version 2.1はBSDライセンスによく似たライセンス。 Dojo version 0.1には次の5つのエディションが用意されている。 AJAXエディション I/O (XmlHttp)エディション Event + I/Oエディション Widgetsエディション The "Kitchen Sink"
2005-08-21 遅いコードを貯蓄する 私は仕事柄, 書いたコードに実行速度を要求されることがある.本当はいつも要求されていて, たまにそれに応えるという方が正しいかもしれない... とにかく, 権力者(上司, 顧客, 同僚)から "遅いので速くしろ" というお言葉を日常的に頂く. とはいえできる範囲の高速化は既に済んでいる. 無い袖は振れない. まわりからの圧力を前にすると, 高速化の余地あるコードがある種の資産に思えてくる. 高速化の "余地" にも色々ある. 直せは確実に速くなる性質の良いもの. 複雑さ故に速くなる "かもしれない" ように見える 不確実性の高い不良債権, まだプロファイルをとっていない未公開株のストックオプション, など. そこで, 優良な財をなす投資の方法 ... つまり遅くてかつ簡単に高速化できるコードを書く方法を, いくつか提案しておく. アクセサ変数を
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
FunctionalJavascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functionalprogramming language isJavascript.JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
10分で書く構文解析器をやってみました。 再帰下降法を使っています。 四則演算して結果を返します。 最初に、簡単なスタックのように使える文字読み込み関数pop(),push(),peek()をつくり、 その関数を利用して、再帰下降構文解析の関数expr,term,factを作成しています。 字句解析は、pop()とfact()関数内でやってる感じです。 時間が余った分、空白の処理を入れています。htmlはありものを使ってるので、実質、作ってる時間は5,6分です。 ムービー http://sakurai.s59.xrea.com/10min/10minparse.html できあがったもの http://sakurai.s59.xrea.com/10min/parse.html 詳しいところは、id:tanakhさんの 10分で書ける、お手軽パーザーを見てください。 http://fxp.
話のメインは オブジェクト指向です。 というよりも、僕がJavaScript のオブジェクト指向をこう理解している。という話です。 リンク http://amachang.art-code.org/devsum2008/ 言い訳 口頭で説明した個所も多いのですが、楽しんでいただけたら嬉しいです。
Tenjin News (2012-02-16) pyTenjin 1.1.0 released (2011-11-27) rbTenjin 0.7.1 released (2011-11-24) rbTenjin 0.7.0 released (2011-04-29) pyTenjin 1.0.2 released (2011-02-22) pyTenjin 1.0.1 released (2011-02-21) pyTenjin 1.0.0 released Introduction Tenjin is a very fast and full-featuredtemplate engine available in several script languages. How fast Tenjin is? The following is a result of benchmark
Harry Maugans How toCreate a Collapsible DIV withJavascript andCSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs.JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない＆軽い、簡単な実装を行いたい時に使えます。 <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document
Ajax アプリケーショントップ10 で紹介した、ベンチャーキャピタリストのブログで、Ajax アプリケーショントップ10 パート2 が公開されていた。先月の記事なので僕が気づいてなかっただけだが。トップ10 なのにパート2、しかも 12 個あるんだが。。。まあいいか。 パート1 のあとに出てきたもの、いまだにその実態がはっきりしないものもふくめ、前回とは別の 12 個、追記の 2 個を含めて 14 個の注目 Ajax アプリケーションがピックアップされている。 カレンダー: CalenadarHub 検索可能な共有 or プライベートカレンダー。グループによる共有、購読機能、ドラッグ&ドロップできるUI、RSSフィード、API 公開 辞書/シソーラス: ObjectGraph Dictionary 説明不要 メール: Zimbra メール、カレンダー、アドレス帳やその他のコミュニケーシ
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
