ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フレームワーク - jQueryの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2010/08/27

iPad用Webサイトを構築するの使えるテンプレート「jQPad」

jQPadはHTML/JavaScript製のオープンソース・ソフトウェア。iPadはPCを使うほどでないライトやネット利用者や逆にギークを軸に売れている。毛嫌いする人も多いが、個人的には気に入っているデバイスだ。iPhoneとは違って大きな画面でWebブラウジングできるのが良い。iPadに最適化されたサイトを構築する...

List

  • 2010/06/11

jQueryで作るGoogleカレンダークローン「wdCalendar」

wdCalendarはWebベース/jQuery製のオープンソース・ソフトウェア。Googleの中でも人気の高いプロダクトの一つがGoogleカレンダーだ。Ajaxを駆使し、まるでデスクトップアプリのような操作が可能だ。スケジュールはビジネス/プライベートを問わず利用できる。スケジュール登録画面  &nbsp...

List

  • 2010/06/09

jQueryを使ったWebベースプレゼンテーション「jQuery Presentation」

jQuery PresentationはJavaScript/HTML製のオープンソース・ソフトウェア。プレゼンツールと言えばかつてはPowerPointを指していた。最近ではMac OSXユーザはKeyNoteを使ってプレゼンする人が多くなっている。プレゼンもツールによってインパクトが変わってくるのだ。Webベースの...

List

  • 2010/04/12

jQuery製のプレゼンテーション「jQuery Presentation」

jQuery-PresentationはjQuery/JavaScript製のオープンソース・ソフトウェア。プレゼンテーションを作成するソフトウェアと言えばPowerPointやKeynote、WebアプリケーションであればGoogleドキュメントを利用する方法がある。HTMLでプレゼンを だが画一的な表示のプレゼンテ...

List

  • 2010/04/04

アジャイルUIプロトタイピング「fluidIA」

fluidIAはHTML/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発する際にモックから入るのは基本だ。テキストから考えていては各自の中で想定されるイメージが異なってしまう。頭のイメージを書き出すことでより具体的になるはずだ。簡易的に画面を定義する デザインレベルではないが、画面の動きを含め...

List

  • 2010/03/28

jQueryを使ったWYSIWYGなエディタ「elRTE」

elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。jQue...

List

  • 2010/03/28

QuickLookまであるオンラインファイルマネージャ「elFinder」

elFinderはPHP製のオープンソース・ソフトウェア。ローカルのリソースをインターネット上に置くサービスが増えている。セキュリティについては各自で判断が必要だが、それさえ乗り越えられれば大きなメリットが得られるようになる。Webベースのファイルマネージャ 外部のサービスを使うのも良いが、自分でサーバを立てればセキュ...

List

  • 2010/03/17

iPhoneでも使える。JavaScriptを使った簡易アニメーション「Spritely」

SpritelyはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhone + Webの最大の問題点と挙げられるのがFlashを使えないために効果的なアニメーションが利用できないということだ。GIFアニメーションを使う手もあるが、クリックやインタラクティブな動作ができないのはいただけな...

List

  • 2010/03/16

テーブルのデータをインクリメンタルに検索する「jQuery quicksearch plug-in」

jQuery quicksearch plug-inはJavaScript製/jQuery用プラグインのオープンソース・ソフトウェア。業務アプリなどではデータをテーブルで一覧表示するニーズが多々発生する。だが表示して終わる訳ではなく、絞り込んだり、必要な情報を素早く見つけられる必要がある。lsugjQuery quic...

List

  • 2010/03/11

ストリートファイター系ゲームまで!ゲーム用jQueryプラグイン「gameQuery」

gameQueryはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhoneでストリートファイター4が発売になったと話題になっている。最適化処理が行われているのだろうが、意外とiPhoneでも遊べるレベルで動作する。アクションゲームまでこなせるようになるとiPhoneの可能性は飛躍的に...

List

  • 2010/03/10

多数のブラウザでvideoタグに対応する「html5media」

html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。Safariで実行した場合。videoタグのまま そんなv...

List

  • 2010/03/10

jQTouch用のjQuery拡張「jQExtensions」

jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。フローティングウィンド...

List

  • 2010/02/13

多数の方式で使えるマルチファイルアップローダー「Plupload」

PluploadはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザのもっとも面倒な操作はファイルのアップロードだ。一つのファイルボックスで一つしかファイルが指定できない。これはあまりにも不便で、Flashを使った複数ファイル指定できるファイルアップロードライブラリが人気だ。Flash版...

List

  • 2010/02/02

サイトのデザイン微調整に。ブラウザ上でCSS修正「Brosho Plugin」

Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。オンラインでデザイン修正 そこでFirefoxであればFi...

List

  • 2010/01/17

jQueryベースのWYSIWYGエディタ「jHtmlArea」

jHtmlAreaはJavaScript製のオープンソース・ソフトウェア。Webシステム開発においてJavaScriptを使わないプロジェクトの方が多くなった。そしてブラウザ互換性のためにもprototype.jsやjQueryのようなフレームワークを利用することが多い。jQueryで作られている 特にjQueryはプ...

List

  • 2010/01/13

見るべし、試すべし!オンラインのSVGエディター「SVG-edit」

SVG-editはWebベース/JavaScript製のオープンソース・ソフトウェア。時々こういうソフトウェアに出くわすからオープンソースの紹介は止められない。オンラインで動作するWebアプリケーションは多数存在し、画像編集すらオンラインで行えるようになっている。オンラインでSVGを作成、編集! そういったソフトウェア...

List

  • 2009/12/22

リッチなWebコンテンツ編集に。jQuery製のWYSIWYGエディタ「WKRTE」

WKRTEはJavaScript/jQuery製のオープンソース・ソフトウェア。Webブラウザのテキストエディット機能があまりに貧弱であるために、開発者はJavaScriptやJavaアプレット、Flashなどの技術を使ってリッチなエディタを作ってきた。jQuery製のシンプルなエディタ JavaScriptが最も簡単...

List

  • 2009/12/05

ユーザビリティ向上に。デフォルト値を薄い文字で表示する「jQuery Watermark」

jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。予め文...

List

  • 2009/11/26

jQueryによる画像に沿ったテキスト回り込みライブラリ「jQSlickWrap」

jQSlickWrapはjQueryベース、JavaScript製のオープンソース・ソフトウェア。Webページの中に画像を差し込んで表示することは多々ある。そんなとき、画像が四角であれば回り込みも綺麗に行われるので申し分ない。だが三角の画像や、人物だけの画像の時に四角く回り込んでいるのはあまり格好が良くないだろう。画像...