Code Archive Skip to content Google About Google Privacy Terms
プログラムにおいて、日付というのは厄介な存在だ。表示形式は様々に存在し、タイムゾーンもあり、60進数と12進数がおり混ざっている。 Railsでは翌週金曜日をnext_week(:friday)といった形式で呼び出せる。この拡張がエレガントで惹かれる。同様の操作を実現するJavaScriptライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはDatejs、日付を扱うために生まれたJavaScriptライブラリだ。 Datejsは文字列を日付形式にパースしたり、計算すると言った操作ができるライブラリだ。Date.today()からはじまって、Date.today().next().friday()で翌週金曜日になる。 日付の計算も用意で、Date.today().addMonths(-3)で三ヶ月前になる。(3).months().ago()でも三ヶ月前になるらしい。面白い。 パ
Webページの自動カテゴライズ の続き。 前回書いたとおり、パストラックで行っている Web ページのカテゴライズでは、Web ページの本文抽出がひとつの鍵になっています。今回はその本文抽出モジュールを公開しつつ、使っている技法をざっくり解説などしてみます。 本モジュールの利用は至極簡単。require して analyse メソッドに解析したい html を与えるだけ。文字コードは UTF-8 です。 【追記】大事なこと書き忘れ。本モジュールは Ruby1.8.5 で動作確認していますが、特別なことはしていないので、1.8.x なら動くと思います。 $KCODE="u" # 文字コードは utf-8 require 'extractcontent.rb' # オプション値の指定 opt = {:waste_expressions => /お問い合わせ|会社概要/} ExtractCont
※ 画像の一部は公式サイトデモより。 アプリケーションをWeb化する上で、リッチなユーザインタフェースは欠かせない。そうでなくとも動作はするが、ユーザビリティを高めるのには必須と言えるだろう。 自作しても良いだろうが、やはり既存のライブラリを利用するのが手っ取り早い。チェックしてほしいのはこれだ。 今回紹介するオープンソース・ソフトウェアはRico、リッチなWebアプリケーションのためのライブラリだ。 Ricoは各種言語(ASP、.NET、Perl、PHP、Rails)用にサンプルも用意され、開発者の利便性をよく考えられている。実際可能な機能は数多い。 角丸のボックス作成、タブウィンドウ、ドラッグアンドドロップ、アニメーション、ドロップダウンリストの作成、アコーディオン機能、ソートやフィルタリングの可能なテーブル等がサンプルとして提供されている。 それらの機能を利用し、天気のガジェットがサ
Usability on websites is exploding right now. AJAX has enabled web developers everywhere to add functionality to their sites like never before. I’ve gathered 43 extremely useful (but still easy to implement) AJAX applications for use on any website. Keep your users coming back and increase your website’s functionality. General Purpose Dragable Boxes Create draggable content boxes. AJAX Poll Create
MooTabs - Tiny tab class for MooTools MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation.可愛くアニメーションするタブUI実装ライブラリ「MooTabs」 タブ項目をクリックするとページがアニメーションしながら開きます。 動きが滑らかで、使っていてちょっと驚きで楽しいUIを提供できます。 CSSで綺麗にスタイルしても見栄えがしそうですね。 moo がついているので mooTools を利用しているのは言うまでもありませんね。
プログラムのコードを配色する「google-code-prettify」 google-code-prettifyはプログラムのコードに色を付けるJavaScriptライブラリになります。 CやJava, Python, SQL, HTML, XML, CSS, Javascript,Ruby, PHP, Perlなど様々な言語に対応しております。 設置方法 ダウンロードしたprettify.cssとprettify.jsを読み込みます。 <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> prettyPrint()を実行します。 配布元ではonloadイベントで追加と説明していますがaddEventL
AS3 のキーイベント監視でなんかいい方法ないかなー、と考えていたら良い方法が思いついたので実装してみた、らかなり便利な気がするので公開してみます。 http://github.com/hotchpotch/as3rails2u/tree/master 通常のキーイベントの監視では addEventListener(KeyboardEvent.KEY_DOWN, func) で関数を登録して switch で event.keyCode 判別して Shift が押されてるか Ctrl が押されてるかによって云々、でかなりめんどくさいです。でもこの KeyTypeListener を使うと驚き300%(当社比)の方法でキーイベントを定義できます。 // 読み込んで import com.rails2u.utils.KeyTypeListener; import com.rails2u.uti
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea
All In One Get all the above components in one package. There is an example that uses most of the components. Documentation API-Doc Treeview control with built-in checkbox system, drag&drop suppert etc. more ... Let us know Have you done something interesting with BlueShoes or one of its components?
Synergiser レビュー セットアップ (クリックすると拡大します) 完了です。 (クリックすると拡大します) インデックス (クリックすると拡大します) ログイン (クリックすると拡大します) 管理画面 (クリックすると拡大します) 記事作成 (クリックすると拡大します) 作成しました。 (クリックすると拡大します) 設定 (クリックすると拡大します) メニュー (クリックすると拡大します) コンテンツ (クリックすると拡大します) コンテンツ編集 (クリックすると拡大します) モジュールページ (クリックすると拡大します) RSS表示 (クリックすると拡大します) Synergiser 紹介はこちら
Build customized, reliable, and powerful content editing experiences with CKEditor. Every tool you need: Create powerful rich text editors with over 300+ features.Customize everything: Tailor CKEditor’s functionality and appearance to meet your specific requirements for seamless and integrated editing experiences.Deploy how you like: Take full control over your deployment strategy. Cloud-hosted or
cssQuery() version 2.0.2 getElementsByTagName? Pah! Introduction cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors. All CSS1 and CSS2 selectors are allowed plus quite a few CSS3 selectors. Usage Syntax elements = cssQuery(selector [, from]); where selector (required) is a valid CSS selector and from (optional) is a document, elem
Data exchange across multiple platforms is more crucial than ever in the era of integrations. Consider an online store without integrations. Your website would have to develop systems for managing user accounts, email subscriptions, payment processing, shipment, and other tasks in addition to managing product listings. It would be more effective to outsource these duties to other providers since t
JavaScript - Browser detect A useful but often overrated JavaScript function is the browser detect. Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari. JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」。 JavaScriptでOSやブラウザのバージョンを簡単に得ることができます。クラスなのでグローバル変数多用もせず、再利用できて便利です。 <html> <body> <script language="javascript" src="BrowserDetect.js"></sc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く