タグ「フレームワーク - jQuery」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/02/15
- Apache Clickを使ってWebアプリケーションを組むなら...
タグ「フレームワーク - jQuery」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/02/03
テキストエリアでタグのハイライトや自動補完「TAGMATE!」
TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されて...
2012/01/25
appMobi社製。チェック必須のスマートフォン向けjQuery「jQ.Mobi」
jQ.MobiはappMobi社の開発したHTML5をターゲットとしたスマートフォン向けJavaScriptフレームワークです。 黒を基調にした格好いいUIです。 jQueryをリライトして作られておりAPIは似ています。 フォーム系も格好いいです。 プラグインにも対応しています。 セレクタ...
2012/01/23
範囲を指定して切り抜き。jQuery製の画像クロップライブラリ「Jcrop」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,MIT License ,jQuery ,プレミアム ,画像
写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。 はい、まずは普通の表示です。マウスで範囲指定します。 こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。 正方形に限らず形を決め...
2012/01/17
業務システムに単なるCSVもリッチに表現「js-tables」
js-tablesは業務システムで使えそうなjQueryプラグインです。CSVファイルやCSVのテキストを渡してフィルタリングや並び替えに対応したテーブルを表示してくれます。 サンプルです。元データはCSVファイルとなっています。 カラムごとに入っているデータをグルーピングして表示します。そ...
2012/01/11
JQGridを使ったAjax対応のPHPグリッド表示ライブラリ「JQgrid PHP Grid Control」
PHPで作られた業務システムなどでデータを表で一覧表示する際に使ってみたいのがJQgrid PHP Grid Controlです。ごくシンプルなPHPコードだけで高度なグリッド表示を行ってくれます。 データが整然とグリッド表示されています。 データの追加もここでできます。 日本語が???にな...
2011/12/25
間違ってブラウザを閉じても編集データを保持できる「Sisyphus」
Gmailでは編集中のメールの内容を定期的に保存しておいてくれるので誤って画面を閉じた場合でもメールの内容が消失したりしません。同様の仕組みをクライアントサイドで実装してくれるのがSisyphusです。 最初の表示です。右側にフォームが表示されています。 入力しています。時々、ローカルストレ...
2011/12/24
PHP製のシンプルなWebチャットシステム「anologue」
anologueはPHP製のWebチャットソフトウェアです。シンプルですぐに使い始められます。 メイン画面です。 最初にルーム名を決めます。おそらく日本語は使えません。 作成しました。 メッセージをやり取りできます。 メールアドレスを登録すればアイコン（Gravatar）も出ます。 anol...
2011/12/17
ユーザのテキスト表示サイズ変更を検知するjQueryライブラリ「jquery-textresize-event」
もし閲覧しているWebサイトの文字が小さかったり、逆に大きすぎる場合には拡大/縮小メニューを使うと思います。そんな時にそれを検知して別なスクリプトを実行できるのがjquery-textresize-eventです。 文字を大きくしたり、小さくしたりするとコンソールにresizedというログメ...
2011/12/17
ヘッダーとフッターを常時表示するjQueryライブラリ「Keep-in-View」
最近のWebサイトではヘッダーがスクロールしても常に表示され続けるUIが人気です。同様にフッターも表示し続ける、そんなjQueryプラグインがKeep-in-Viewです。 最初の表示です。ヘッダーとフッターに注目です。 一番下までスクロールしました。ヘッダーが残っています。 途中までのスク...
2011/12/08
jQueryをダイエット。サイズをぎゅっと減らした「jQuery in parts（jquip）」
jQueryは便利なJavaScriptライブラリである一方、ふくれあがった機能によってライブラリサイズが巨大になりつつあります。そこでjQueryを再度見直し、より機能を絞り込んでいこうと試みているのがjquipです。 デモプログラムです。 ボタンを押すたびに背景色が変わります。 ボタンを...
2011/11/25
注目！サーバサイドからjQueryを使ってDOM操作「nodeQuery」
node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通...
2011/11/18
Mac OSXのFinder風に動くドリルダウン式選択コンポーネント「jcvl」
デモです。カラムは左からドリルダウンしていきます。選択すると、その結果が下にタグ上になって表示されます。 中央のカラムの選択を変更すれば、その右側のリストが変化します。 一段階のドリルダウンをした場合の表示です。この場合は三段目のカラムは表示されていません。子要素がない場合は「●」が表示され...
2011/11/16
サーバサイドがなくともここまで出来る！jQuery Mobileを使ったTwitterクライアント「Twitter-Mobile」
Twitterクライアントは何を使っていますか？それぞれのOSに対してネイティブなもの、Webアプリケーション、他のソフトウェアのアドオンとして組み込まれるものなどたくさんあります。今回紹介するのはHTML/JavaScriptだけで作られたスマートフォン向けのTwitterクライアント、T...
2011/11/15
エラーやインフォメッセージの通知に使いたい。jQuery製通知ライブラリ「Notifier.js」
Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。 リンクをクリックすると通知が右上に表示されます。この...
2011/11/03
写真コンテンツの見せ方に一工夫。カバーフロー風表示のjQueryプラグイン「Coulisse」
撮りためた写真を見せる際にただ一覧に並べてみせるのでは面白みに欠けます。そこでiTunesのカバーフロー風に表示するCoulisseを紹介します。HTML5対応ブラウザでのみ動作します。 読み込み完了した際の表示です。 矢印キーを押した場合です。滑らかにアニメーションしながら写真が切り替わり...
2011/10/22
ついにここまで…。jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」
業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラ...
2011/10/15
アイディア次第で使い道色々。フリック入力対応のギャラリーライブラリ「flickGal」
Webサイトにフリック操作で画像を切り替えられるギャラリー機能を追加したいと思ったらflickGalを使ってみましょう。jQueryプラグインで手軽に導入できます。 フリック操作なので主にiOS向けです。でもSafariやGoogle ChromeなどのデスクトップWebブラウザも問題なく利...
アンケート