JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
WebでProcessingしよう - HasCanvas
前の記事で紹介したTweetPosterでは、ツイート画面の背景に、Twitterのブランドを意識した画像を配置している。まあ、そんな凝った絵ではなく、水色の空に雲がもくもくと漂う感じの、簡単な絵だ。 こんな感じの絵を作るにはProcessingを使うのがいい。ついでに、久しぶりにJavaScriptバージョンのProcessingであるところのProcessing.jsをチェックしてみようかな……と思って色々調べていたところ、HasCanvasなる派生プロジェクトを見つけた。 HasCanvasはProcessing.jsを使って実装された、ウェブベースのプログラミング・プラットフォームだ。ウェブ上でProcessingのスケッチを書き、リアルタイムに動作を確認することができる。完成したスケッチは、その場で即シェアすることもできる。 Processing.jsにはいくつかの制約があって、
javascriptの関数が変態すぎる
冬の早朝散歩 もう春になってしまうから、大好きな冬の記録を残しておこう。 朝型であるがゆえ、6:00くらいにはアラームなしで毎日自然と目が覚める。 日によって、体が「歩きたいんですけどー」と言ってる日があるので、そういう朝はするすると支度して早朝散歩に行く。 冬の方がな…
Javascript ライブラリー - HTML5.JP
HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。 <meter> polyfill (jQuery プラグイン) <meter> polyfill は、HTML5 で新たに導入された meter 要素をサポートしていないブラウザーでも meter 要素がレンダリングされるようにする jQuery プラグインです。Chrome や Opera など、すでに meter 要素をサポートしているブラウザーには何も作用しません。このプラグインは、Internet Explorer 6, 7, 8, 9 でも動作します。 html5detector (Google Chrome Extentions) html5detector は、表示されているページが HTML5 でマークアップされていれば、アドレスバ
JavaScript で Lisp の処理系 (と REPL) を実装してみた - mooz deceives you
MiSPLi: http://mooz.github.com/mispli/ MiSPLi Emacs に出会ったのが三年前. それから一年程して elisp をいじり始めたので, 僕と Lisp との付き合いはかれこれ二年ほどになる. JavaScript を始めたのが一年前だから, 僕の中では C 言語に次いで付き合いの長い言語だ. 必要にかられたときにちょこちょこと elisp を書いて, 終わったらしばらく別れを告げる. そんな中途半端な付き合いを続けていた三月も終盤, 竹内先生の書かれた「初めての人のための LISP」を読み, その内容に深い感銘を受けた. Lisp を Lisp で実装する, といった章があり, これまで何となしに使っていた Lisp の中身を垣間見ることができたような, そんな気分になっていた. その時に, 「ひょっとしたら僕にも Lisp の処理系を実装でき
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
速くてコンパクトな JavaScript 用の sprintf の実装 - latest log
[javascript][sprintf] で検索してたどり着く方が多いようなので、uupaa-0.7.js から切り出して張ってみます。 /*!{id:"uupaa.js",ver:0.7,license:"MIT",author:"uupaa.js@gmail.com"}*/ window.sprintf || (function() { var _BITS = { i: 0x8011, d: 0x8011, u: 0x8021, o: 0x8161, x: 0x8261, X: 0x9261, f: 0x92, c: 0x2800, s: 0x84 }, _PARSE = /%(?:(\d+)\$)?(#|0)?(\d+)?(?:\.(\d+))?(l)?([%iduoxXfcs])/g; window.sprintf = _sprintf; function _sprintf(fo
JavaScript によるオーディオ＆ビジュアルプログラミング - Radium Software
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって，応用の幅を狭めていた。これが最近になると， Canvas 要素のおかげで絵を扱うことができるようになったり， Flash を代行役にすることによって音を出せるようになったりと，いろいろ状況が変わってきている。 そこで今回は，以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って， JavaScript によるオーディオ＆ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は，ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
JavaScriptで実行するファミコンエミュレータ·JSNES MOONGIFT
JSNESはJavaScript/Perl製のオープンソース・ソフトウェア。今やゲームと言えば任天堂、ソニー、マイクロソフトの三つどもえになっている。20年くらい前はファミコンくらいしかなかった。今のゲームは高性能で、グラフィックス性能は向上し、リアルなゲームが楽しめるようになっているが、旧来のファミコンのグラフィックスに回帰する人も少なくない。 ブラウザ上のファミコンエミュレータ そんな昔を懐かしむ人はエミュレータを使ってゲームを楽しんでいたりする。そしてファミコンは専用のソフトウェアを使うことなくブラウザだけで楽しめるようになってしまった。それがJSNESだ。JSNESはJavaScriptを使って各種ファミコンゲームをブラウザ上で楽しめるソフトウェアだ。 当たり前だがROMは別途必要だ。そしてROMを変換し、ブラウザ上で使えるようにしているようだ。実際のHTMLではCanvasを使っ
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」:phpspot開発日誌
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」 2009年07月22日- Recursive “pretty date” - James Padolsey JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」。 ここで紹介されている関数を使えば、JavaScript の Date オブジェクトに渡せる文字列を渡せば、何分前といった表記に自動で変換してくれます。 niceTime( "Sun Mar 01 20:20:02 +0000 2009" ); のように書くと、 "4.65 months ago" といった感じに変換 niceTime( "July 19, 2009 12:06:00" ); のように書くと "26 seconds ago" といった感じに変換 ちょこっ
jQueryベースのOS風インタフェース「JSOS」:phpspot開発日誌
James Luterek jQueryベースのOS風インタフェースを作った方がいるみたい。 デモを見る ソースを見て色々参考に出来る部分がありそうです。 関連エントリ jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」 HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン jQueryでリッチなグリッドを実装「jqGrid」 JavaScriptで小さくて可愛いグラフを作れる「jQuery Sparklines」 ActionScript3でjQuery「as3Query」
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」:phpspot開発日誌
Jx Home Welcome to the home of Jx, a javascript library for creating graphical user interaces based on the fabulous MooTools library.Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」 レイアウト、パネル/ダイアログ、コンテントエリア、バー、ボタン、タブ、メニューなどのＵＩパーツが既に用意されているみたい。 Mootoolsベースで動作しているとのこと。 ページ内ダイアログ ツリービュー グリッド ツールバー 今後の動きに注目していきたいですね。 Ext のライバルになるほど盛り上がってくるんでしょうか。 関連エントリ ますますクールになったJavaScript用UIライブラリ「Ext3」 あのJavaScriptライブ
MJL ― MITSUE-LINKS JavaScript Library | 制作／開発 | ミツエーリンクス
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js
JavaScriptでカラオケ:phpspot開発日誌
A web-based JavaScript Karaoke Lyric Scroller. ・the DtTvB's Blog JavaScriptでカラオケできるスクリプトが公開されました。 デモを見てもらえればその凄さが分かります。 曲に併せて文字が変わったりと、これは面白いです。 画像やムービーなんかも挿絵として入れられればまさにカラオケですね。 １曲いくらというのでＷＥＢでカラオケできる時代がやってくるのでしょうか。
WSHでDOM (Shibuya.js in Kyoto) - てっく煮ブログ
Shibuya.js in Kyoto にて「WSHでDOM」というタイトルで発表しました。開発に一週間、プレゼン作りに一週間かけた渾身のネタです。プレゼン作りにあたっては、２ページ目のイメージ写真を撮るために祇園祭に出かけたのが楽しかったです。資料に使ったフォントは「アニトＭ-教漢（無料版）」です。素敵なフォントが比較的自由なライセンスで公開されていて大変ありがたいですね。無料版なので、一部漢字が使えずに文章の変更を余儀なくされましたが、おかげで小学生にも読める分かりやすい資料になりました。ソースコード：http://coderepos.org/share/browser/lang/cplusplus/dom4winui/trunk/srcプレゼン 全画面で見る：http://tech.nitoyon.com/misc/shibuya-js-kyoto/Slide.swfソース：http
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
