JavaScriptライブラリ75選 | エンタープライズ | マイコミジャーナル
Smashing Magazine WebサイトやWebアプリケーションのインタラクティブ性・ダイナミック性を向上させるにはJavaScriptの活用が有効だ。最新のWebブラウザはJavaScriptの実行性能向上に継続的に取り組んでいるし、劇的な実行速度向上が相次いで報告されている。WebサイトやWebアプリケーションにおけるJavaScriptの採用はしばらくの間はホットトピックであり続ける流れにある。 JavaScriptを使ったアクションや効果の追加を実施する場合、どういったライブラリがあるのかを調べ求める機能を実現した適切なライブラリやフレームワーク、またはコードの断片をコピーして活用するといった作業をおこなう。そこでSmashing Magazineで公開されている75 (Really) Useful JavaScript Techniquesに注目しておきたい。Webデベロ
JavaScript--単体テスト環境の選択肢 - builder by ZDNet Japan
ソフトウェアのテストは、ソフトウェア開発に不可欠な一面だが、（アプリケーション開発工程には関わらない）テスターの一群がアプリケーションが期待に沿うものになっているかを確かめる段階以外でも行われる。開発者も、単体テストで日常的な仕事の成果をテストすることによって、コードが期待通りのものであることを確かめていくことができる。この記事では、クライアントサイドのJavaScriptコードに対して単体テストを行う方法について説明する。 単体テストは、個々のソフトウェアコンポーネントやモジュールに対するテストだ。単体テストはテスターではなく開発者によって実施されるという点で、従来のテスト工程とは異なる。これは、単体テストにはコードの知識が必要とされるためだ。従来のテストは、もっと後の工程で、（個々に単体テストを行われた）すべてのモジュールが全体として動作するかどうかを確認するために行われる。 単体テス
#01 JavaScriptのバッドノウハウ | gihyo.jp
今回から「BK通信」（ビーケーツウシン）と題して、連載することになった高林と申します。以前連載していた「プログラミングの光景」ではデバッグ、コードレビューといった大きなテーマを取り上げましたが、今回の連載では日常的に遭遇するチマチマした「バッドノウハウ」（Bad Knowhow）について書いていきたいと思います。 バッドノウハウとは？ バッドノウハウとは、筆者が2003年に作った造語です。元の定義は以下のようなものです。 計算機を使っていると、何でこんなことを覚えないといけないのだろうか、とストレスを感じつつも、それを覚えないとソフトウェアを使いこなすことができないためにしぶしぶ覚えなければならない、といった類いのノウハウは多い。そうした雑多なノウハウのことを、本来は知りたくもないノウハウという意味で、私はバッドノウハウと呼んでいる。 一方、「はてなキーワード」にある定義は簡潔ですっ
Shibuya.JS in Kyoto の資料を公開します。 - IT戦記
久しぶりの Shibuya.JS めっちゃ楽しかったです！ また来てください！ リンク http://javascript.g.hatena.ne.jp/keyword/JavaScript%20%E6%9C%80%E6%96%B0%E5%8B%95%E5%90%91%20-%20Shibuya.JS%20in%20Kyoto%20%E8%B3%87%E6%96%99
2008-07-19 - 川o・-・）＜2nd life Uffy externalinterface external interface
本日の OSC Kansaia 2008 で開かれた Shibuya.js in Kyoto で、JavaScript と ActionScript の連携について話しました。関西のカンファレンスでの発表は初めてでしたが、楽しかったです。スピーカの皆さん、参加された皆さん、どうもありがとうございましたー。 以下発表資料です。 JS <-> AS JavaScript と ActionScript の連携 自己紹介 はてなエンジニア 舘野 祐一 (id:secondlife) http://tako3.com/http://rails2u.com/ Ruby, ActionScript3, JavaScript JS と AS JS だけでよくない？ AS だけでよくない？ 相互に補完しあえる関係 両方使えると、様々なメリットが JavaScript -> ActionScript cros
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
Latest topics > 僕があまりDocumentFragmentを使っていない理由 - outsider reflex
Latest topics > 僕があまりDocumentFragmentを使っていない理由 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « スマートロケーションバーでNOT検索できるようにしたXUL/Migemo 0.10.5をリリースしたよ Main 遊びとか本気とか » 僕があまりDocumentFragmentを使っていない理由 - Jul 07, 2008 自分にはちょっと承伏できない理由でJintrick氏にDISられてるので、一応釈明しておきます。 ――「一応」と書いておきながら、Jintrick氏に「バカじゃねーの」みたいに煽られたような気がして感情的になってクドクド書き過ぎてしまったので、最初に例だけ示しておきます。 <?xml
聖剣風メニュー
<script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript" src="./RingMenu.js"></script> <script type="text/javascript"> //ロード時にメニューを追加 window.onload=function(){ ringMenu = new RingMenu(); //アイコンの追加 ringMenu.addMenu("http://angel.s234.xrea.com/pureplus/bnr_yagi1.png","http://angel.s234.xrea.com/pureplus/"); ringMenu.addMenu("http://homepage1.nifty.com/ARUMA-C/ar^b
JavaScriptでHTMLをダイナミックに書き換える 前編
もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、
Extばりのリッチなタブ等のＵＩを実現「dhtmlxTabbar」:phpspot開発日誌
dhtmlxTabbar - AJAX powered DHTML JavaScript Tabbar component with rich API dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tabbed-navigation interface. リッチなタブＵＩを実現「dhtmlxTabbar」。 次のような、縦横にタブを付けられるJSライブラリの紹介です。 見た目がクールなので、デザインが気になる人も、そのまま使ってもよさそうです。 タブ以外にも同じシリーズで多数のUIコンポーネント公開されているみたい dhtmlxTree dhtmlxGrid dhtmlxTreeGrid dhtmlxMenu dhtmlxCalendar dhtmlxColorPicker dhtmlxSlider dht
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (2) 既存テーブルにFlexigridを組み込む | エンタープライズ | マイコミジャーナル
動作サンプル - 既存テーブルにFlexigridを組み込む jQuery 1.2.6とFlexigridを用意し、実際にテーブルリストに組み込んで使ってみた。ここでのWebブラウザ実行環境は次のとおり。 Microsoft Windows XP SP2 / Microsoft Internet Explorer 7 FreeBSD 8-current / Mozilla Firefox 2 まずは既存のテーブルに対して組み込んでみる。ベースとなるHTMLソースコードとWebブラウザでの実行結果は次のとおり。 base_table.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Con
HTML&CSS、プログラミング、データベースなどのチートシート集
Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) HTML Help Sheet. Panic Over. (PDF) XHTML cheat sheet (HTML) CSS CSS Cheat Sheet (PNG, PDF) CSS Cheat Sheet (PDF) CSS Cheat Sheet (HTML) XML XML Quick Reference (PDF) XSLT Quick Reference (PDF) XML Syntax Quick R
js2-modeを使ってEmacsでJavaScriptを書く
更新履歴 2008-06-20: 公開 js2-mode をおとなしくさせる js2-mode は Emacs で JavaScript を書くための major-mode です。 外部の JavaScript 処理系無しに (flymake のように) 文法上のエラーを表示するなど、 かなり意欲的な機能を備えています。 しかしその一方で、js2-mode のデフォルトの挙動はかなり独特です。 ここでは、それらの挙動を他の major-mode とそろえる方法を説明します。 インストール js2-mode はファイル単体で配布されていますので、それを load-path の通った場所に置きます。 % wget http://js2-mode.googlecode.com/files/js2-20080616a.el % mv js2-20080616a.el /PATH/TO/js2.el
アップル、ウェブアプリに向けオープンな「SproutCore」技術を採用か？
Adobe Systemsの「Flash」技術を回避する方法として、Appleはオープンソースのソリューションを考えていると言えるかもしれない。 RoughlyDrafted Magazineは、米国時間6月9日〜13日に開催された「Worldwide Developers Conference（WWDC）2008」のセッションについて話してもいいという開発者を見つけることができた。機密とされてはいるが、この手の話はどうしても露見してしまうものだ。13日のセッションの1つは「SproutCore」と呼ばれる技術に関するものだったらしい。これによってAppleの開発フレームワーク「Cocoa」が、ウェブ開発者たちの心をとらえられるようになるかもしれない。 現在ウェブアプリの存在は大きくなっており、開発者は作るアプリケーションの性能と魅力を改善する方法をたえず探している。となればたいていの場合
たった6行でWebサイトのUIをガラッと変える (2/3)
導入は簡単、ASCII.jpの記事で試してみた 単に「本や雑誌のようなレイアウトのWebサイト」なら巷にはFlashを使ったものがあるし、Web制作者にとってはそれほど目新しく感じないかもしれない。bookreaderの特徴の1つは、初心者でも既存のWebページに組み込みやすく、すぐに簡単に利用できる、という点だろう。 bookreaderの導入は、基本的にはHTMLファイルの中でライブラリを呼び出して、指定されたタグで囲むだけ。公式サイトからダウンロードできるzipファイルには、HTMLのテンプレートファイルが含まれている。既存のサイトへ組み込む場合や、新規のサイトを作る場合はこれをベースに手を加えて（というよりもコピペして）いけばいい。 筆者も試しに、ASCII.jpの最近の記事の中から、比較的長文だと思われる記事「水素製造の大手に聞く『燃料としての水素』」をbookreaderで横ス
JavaScriptCore (Safari の JavaScript エンジン) を使って C 言語から JavaScript を実行する - IT戦記
はじめに JavaScriptCore (WebKit/Safari の JavaScript エンジン) を C 言語に組込む方法を調べてみました。 解説はソースコード中のコメントを見てください。 まず 以下のコードを hoge.c とかいう名前で保存します。 #include <JavaScriptCore/JavaScriptCore.h> static JSValueRef jsGlobalPrint( JSContextRef ctx, JSObjectRef jobj, JSObjectRef jobjThis, size_t argLen, const JSObjectRef args[], JSValueRef* jobjExp); int main(int argc, char** argv) { if (argc == 1) exit(0); // ---- グローバル
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
【ハウツー】ゼロからはじめるYahoo! UI Library - Panel編 (1) 概要 | パソコン | マイコミジャーナル
Yahoo! UI Libraryとは？ Yahoo! UI Libraryは米国Yahoo!が開発したAjaxライブラリです。Yahoo! UI Libraryは名前が示すように主にUI (ユーザーインタフェース) の機能を多く持っています。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。本稿で紹介する「Panel」は、ブラウザ上にマウスでドラッグ可能な表示領域を作成できるライブラリで、ユーザーがコンテンツを自分の好きな位置に配置させることができます。 「Panel」のサンプル まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI Libraryのダウンロードは以下のURLにある[Download YUI]のボタンをクリックします。 Webサイトにアクセスして、[Download YUI]ボタンでダウンロード ダウンロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dev.iralog.net is Expired or Suspended.