JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
めも - Vimperatorを使っていてもフィードアイコンを表示
_ [Firefox] Vimperatorを使っていてもフィードアイコンを表示 普通にFirefoxを使っていると、フィードを提供しているサイトに行けばアドレスバーの端にフィードアイコンが表示される。 こんなやつ。 Vimpertorを利用しているとナビゲーションツールバーは非表示にしているので、このアイコンにはお目にかからない。 #17 (Show the feed-button in the statusbar) – vimperator labs VimperatorのMLを別の用件で彷徨っていたら偶然発見した。 javascript <<EOF (function(){ var feedPanel = document.createElement("statusbarpanel"); feedPanel.setAttribute("id", "feed-panel-clone"
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
GoogleがホスティングしてるjQueryなどのJavaScriptライブラリを使う方法 - F.Ko-Jiの「一秒後は未来」
そういえばGoogleがjQueryをホスティングしてたよなぁということを思い出して調べたのでメモ。 2009年1月14日時点でGoogleがホスティングしているライブラリは以下の8種類です。 jQuery (1.2.3, 1.2.6) jQuery UI (1.5.2, 1.5.3) Prototype (1.6.0.2, 1.6.0.3) script.aculo.us (1.8.1, 1.8.2) MooTools (1.11, 1.2.1) Dojo (1.1.1, 1.2.0, 1.2.3) SWFObject (2.1) Yahoo! User Interface Library (YUI) (2.6.0) YUIもホスティングされてます。 それぞれのライブラリは直接 script タグで読み込むこともできますし、GoogleのAJAX API Loaderを利用して読み込むこ
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
MOONGIFT: » 要注目！時間と場所の二軸を効果的に演出する「TimeMap」:オープンソースを毎日紹介
当たり前ではあるが、過去は現在と同じではない。東京は元々江戸であったし、さらにその昔は武蔵野国の一部だったらしい。また、偉人が生まれたのは過去であり、多数の偉人は同じ地域で生まれながらも時間軸がずれているので知り合うことなく去っている。 時間軸と地図の妙技！ つまり歴史などを表現する際には地図だけでも、時間だけでも足りないのだ。この二つを効果的に組み合わせることで、情報が意味をもってくる。それを実現するのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはTimeMap、時間と地図を組み合わせるソフトウェアだ。 TimeMapはGoogleマップとSIMILE timelineとを組み合わせて情報を表示できる。デモが多数登録されており、使いどころは多いという実感を感じさせてくれる。地球環境を訴えたり、オリンピックの情報を表示したりなど色々な場面で役立つはずだ。 説明文をAja
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 | 100SHIKI
ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 July 30th, 2008 Posted in 便利ツール（ウェブ） Write comment サイト製作者にとっては、訪問者がなるべく新しいバージョンのブラウザを使っていてくれるとうれしいものだ。 新しいブラウザであれば新しい技術を使った素敵な見せ方ができるからだ。 ただし、ぶっきらぼうに「古いブラウザーでは見えません」とか「このサイトは○○用に最適化しています」とかいうのはいただけない。 そこで登場したのがPushup The Webだ。このサイトで配布されているJavaScriptを設置するだけで、サイトの右上の方に「新しいバージョンのブラウザがあるようですよ」とお知らせしてくれるのだ。 しかも「いや、すぐにアップグレードはしないなぁ」という訪問者のために「6時間後にリマインドする」といったオプ
jQueryでウィジェットインターフェース
多くのデベロッパから支持を集め、もはやおなじみとなったJavaScriptフレームワークjQuery。jQuery単体でも非常に優れたJavaScriptフレームワークだが、jQueryにはjQuery UIと呼ばれるウィジェットセットが用意されており、デベロッパは同ライブラリを利用することでグラフィカルなユーザインタフェースをより簡単に開発することが可能となる。 jQuery UIはThe jQuery Projectが開発/公開しているjQueryをベースとしたウィジェットライブラリ。The MIT License、GNU GENERAL PUBLIC LICENSE Version 2(GPLv2)のデュアルライセンスの下で公開されている。いくつかのコア機能とウィジェットが用意されており、ダイアログやスライダー、タブといったインタフェースを簡単に構築することが可能だ。また各種APIや
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
J's Goalブックマークレット Ver.0.1：サッカー蟻地獄 ガチの広島サポ＆代表サポ日記
tombloo/patches/model.Tumblr.multiTumblelogs.js at 2bb5ccd238d2a88df8990c258cdfd9a3c52b5cca · to/tombloo
/lang/javascript/vimperator-plugins/trunk/appendAnchor.js – CodeRepos::Share – Trac
/lang/javascript/vimperator-plugins/trunk/migemo_hint.js – CodeRepos::Share – Trac
ajaxzip3 - Google Code
IDEA * IDEA
Google Code Archive - Long-term storage for Google Code Project Hosting.
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
