秋元@サイボウズラボ・プログラマー・ブログ: lightboxライブラリ37個の比較表
写真などをページ上で強調表示する、いわゆるlightbox効果を実現するJavascript+CSSライブラリを37個も集めて、ライブラリサイズやそれぞれの機能、どのJavascriptライブラリを使っているかなどで絞り込めるようにした比較表が発表されている。 このようなUI系のライブラリを使う際には、自分が普段使っているベースライブラリとの親和性などが重要だと思うので、このような形でまとまっているとdel.icio.usで”lightbox”タグで絞り込む、といった調べ方よりも楽にライブラリが選べていい。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘い
難読化されたJavaScriptを見やすく·JsDecoder MOONGIFT
JavaScriptが多用されるになっているが、そのために肥大化する傾向にある。特に共通ライブラリ系は相当重たくなっており、ブラウザへの負担が大きくなっている。そのためにサイズを減らすべく使われているのが難読化処理だ。 見づらい… 変数名を短い単語に置き換え、余計な改行やコメント、空白を省いていく。開発は通常のソースで行い、配布は難読化処理を行ったものを利用する。だが、利用者側は問題が起きた時に情報が得づらくなってしまう。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはJsDecoder、難読化の逆処理を行うソフトウェアだ。 JsDecoderは難読化処理されたJavaScriptを逆に見やすくするソフトウェアだ。;で区切り、適切なインデントを行い、さらにハイライト処理を行ってくれる。もちろん、変数名が変わる訳ではないが、これでも随分見やすくなるだろう。 見やすい！
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
XMLHttpRequestでRefererをセットする - FAX
JavaScript 追記Firefox 3.0で確認したところエラーになった。 Firefox 2.0.0.13で確認しました。 var url = 'http://localhost:8080/index.html'; var referrer = 'http://www.hatena.ne.jp/'; var req = new XMLHttpRequest(); req.open('GET', url, true); req.onreadystatechange = function(){ // 1: 読み込み中 if(req.readyState == 1) req.setRequestHeader('Referer', referrer); // 4: 準備完了 if(req.readyState != 4) return; console.log(req.responseTe
jsAutoPageScraperというのを作った - snippets from shinichitomita’s journal
http://coderepos.org/share/wiki/jsAutoPageScraper 概要 ブックマークレット開発などにおいて、JavaScriptでのHTMLスクレーピングを支援します。検索結果などの複数のレコードをJavaScriptの配列に変換して取得できます。ページングを利用しているサイトでは、意識することなく複数ページにまたがってレコードを取得できます。 特徴 クロスブラウザで動作します。 スクレーピングする要素の指定にはXPathを使います。IEとかSafari2の場合はJavaScript-XPathをロードして使います。 AutoPagerizeとかLDRizeのSITEINFO形式（一部）を利用できます。 使い方 1. jsAutoPageScraperをcodereposからチェックアウトし、適当なサーバにアップします svn co http://svn.
MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例（via S6 と XPath の紹介） とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな
タイプ・クラス・プロトタイプ - OOの語彙 : 404 Blog Not Found
2008年04月13日06:00 カテゴリLightweight Languages タイプ・クラス・プロトタイプ - OOの語彙 その違いは微妙というにはあまりに大きいので、ここでおさらい。 駄文 - JavaScript と「クラス」と「コンストラクタ」と「プロトタイプ」って言葉の定義が難しいよなあ - IT戦記 JavaScript関数の実体は、Functionクラスのオブジェクトです。今回はFunctionクラスの機能を網羅的に解説します。 JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan 「Function クラスのオブジェクト」って言いますよねー。 僕もそういう風に言ったりするんですけど、本当は微妙ーに違うんですよね。 Type(型)って何? まず、タイプ=型から説明しよう。 型というのは、「どんなデータを、どう置くか」の
JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、thisキーワードについて深く解説しました。関数内で使用する「this」は、状況に応じて様々に変化する可能性がある、というお話でしたね。 これでやっと、JavaScriptの関数が持つ様々な機能を説明するための前提知識が整いました！ JavaScriptの関数については、当連載でも一度取り上げています。JavaScriptの関数は、単なる手続きの単位ではなくオブジェクトの一種なのだ、と言うことを取り上げたトピックでした。 そう、JavaScript関数の実体は、Functionクラスのオブジェクトです。Functionクラスには、関数を操るための様々なメソッドやプロパティが存在します。今回は、それらを網羅的に解説するとともに、関数内でのみ使用可能な「arguments」オブジェクトについてもお話ししたいと思います。 Functionクラスのメンバ
駄文 - JavaScript と「クラス」と「コンストラクタ」と「プロトタイプ」って言葉の定義が難しいよなあ - IT戦記
このエントリを見てて思ったんですけど JavaScript関数の実体は、Functionクラスのオブジェクトです。今回はFunctionクラスの機能を網羅的に解説します。 JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan 「Function クラスのオブジェクト」って言いますよねー。 僕もそういう風に言ったりするんですけど、本当は微妙ーに違うんですよね。 でも、そんな細かいことを言っていてもしょうがないので、やっぱり「Function クラスのオブジェクト」って言うんですけど。 なんか、良い言い方ないかなあ。 Function.prototype を継承する、内部メソッド ［［Call］］ を持つオブジェクト Function コンストラクタを new することによって作られるオブジェクト いや、そもそも 関数って 内部メソッド ［［
【ハウツー】ゼロからはじめるS5 - スクリプトひとつでプレゼンサイト (1) S5の概要 | パソコン | マイコミジャーナル
S5とは？ S5はブラウザ上でプレゼンテーション(以下プレゼンと省略)を行なうJavaScriptライブラリです。プレゼンを行なうアプリケーションとしてはパワーポイントが最も有名です。パワーポイントで作成されたプレゼンデータとブラウザ上で作成されたプレゼンデータには違いがあります。 S5の実行結果 ブラウザ上で処理されるプレゼン用のプログラムでは(X)HTML+CSSベースで処理されるため、Webブラウザを搭載しているデバイスであればプレゼン用の資料を閲覧することができるわけです。つまりゲーム機 や携帯電話でもパソコンでも見ることができます。何よりも手軽に作成できるところが利点です。 ブラウザ上で動作するプレゼンライブラリはいくつかありますが、S5は独自のフォーマットではなくOpera Show Format 1.0を採用しています。Opera Show Format 1.0はこちらのUR
Ajax を加速する「 jQuery 」を知ってますか？ : LINE Corporation ディレクターブログ
こんにちは。「本が好き！」などを担当している根岸です。 【01】改めて、Ajax って、なんだろう？ 最近は、Ajax を使用したサイトが増えてきました。 Ajax とはブラウザ内(リロードレス)でサーバー側との非同期通信(同期可)を行い、その結果、インタラクティブ性の高いユーザーインターフェースを構築する仕組みを指します。 2005年に登場した、 Google Maps や、 Google Suggest から一気に広まりました。 Ajaxとは、そもそも「 Asynchronous JavaScript + XML 」の略です。直訳すると「非同期な JavaScript と XML」となりますが、「なんじゃそりゃ？」で すよね。 昔ながらのWebサイトは、 (A)ウェブブラウザがページのリクエストをする (B)ウェブサーバーがリクエストされたページを HTML 形式で返す という通信を、
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 18 Jul 2025 / Threats & Vulnerabilities News brief: Cyberattack trends signal security arms race Check out the latest security news from the Informa TechTarget team. 18 Jul 2025 / Applications of AI Data-driven AI: how AWS partners and customers operate From the
JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数＝メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第９回で、このように述べています。 「（thisキーワードは）実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数（メソッド）などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
はてなブログ | 無料ブログを作成しよう
むすめの朝顔 酷暑もやわらかさが見えてきたみなさん、今日も元気に夏の暑さにやられていますか。 大人になった私が今まで生きてきた暦は、盆暮れ正月ゴールデンウィーク、時々シルバーウィーク。たまに三連休。職場と保育園のずれは幸いなことに小さく、些細なすり合わせで事足りて…
Web Development Bookmarklets
These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.)
John Resig - Ruby VM in JavaScript
Welcome Waxy.org and Slashdot readers. I blog about JavaScript, like it’s my job, feel free to subscribe for a ton more posts like this. Related Posts: Running Java in JavaScript JavaScript Talk at Northeastern University State of ECMAScript 4 The World of ECMAScript JavaScript As A Language Note: I’m not the creator of HotRuby, as mentioned elsewhere – it is the work of a highly-skilled Japanese
CSS の名前の整理 - IT戦記
CSS の話をする時に 名前をはっきりさせてないと混乱するので、整理しておこう。自分用です。けっこう適当です。 仕様 ここの仕様を見て書いています。 CSS Syntax Module Level 3 CSS 日本語では「スィーエスエス」と言いますね。 CSS とはHTML, XML の要素をどのように表示するかを示すための仕様のことです。 style sheet 日本語では「スタイルシート」と言いますね。 これはすごくやっかいな言葉です。以下の二つ意味があるからです。 HTML, XML の表示形式を制御する概念のこと。 CSS は、このスタイルシートという概念を実現するための一つの仕様。 CSS の仕様に従って書かれたファイルや style 要素の内容。簡単にいうと css ファイルや style 要素の内容一個一個がスタイルシート。このエントリでは、こっちのほうは「CSS スタイルシ
【連載】パーフェクトDojo (4) マークアップを用いないDijitプログラミング | エンタープライズ | マイコミジャーナル
深くて広いDojo Toolkitの世界を紹介する、当連載は今回4回目だ。 前回は、Dijitプログラミングをこれから行っていく上で最低限必要な知識として、「属性」や「メソッド」、そして「拡張ポイント」についての説明を行った。今回は、マークアップを用いずにDijitプログラミングを行う方法について解説したい。 マークアップを用いないDijitプログラミングの概要 「マークアップを用いずに」と言うのは、つまり「JavaScriptコードのみを用いてウィジェットを生成する」と言うことだ。どういうことかを手っ取り早く知っていただくために、まずは軽くコードで説明しよう。 まずは、ボタンウィジェットをマークアップで記述する例をお見せする。 <div id="button" dojoType="dijit.form.Button" label="クリック!></div> このコードを、マークアップを用
MOONGIFT: » 必見！GUIアプリケーションもこれでWeb化？「Jsc」:オープンソースを毎日紹介
※ 画像は公式サイトデモより このソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわない。 ギャラリーアプリケーション だが、それさえも軽々と乗り越えてしまいそうなアプリケーションが登場した。 今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。Sourceforge.net上でのライセンスはPublic Domainとなっているが、ダウンロードできるパッケージに含まれるlicense.txtには個人利用に限るフリーウェアとなっているので注意されたい。 実際、そのようなことができ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
