OpenSocial, mixiアプリhttp://blog.spicebox.jp/labs/2010/03/gamequery.html私個人の経験としては、OpenSocialアプリの開発に行き詰まっていたところで、opensocial-jquery - Project Hosting on Google Code に出会いかなりアプリ開発の見通しがよくなりました。そんなわけでｊQueryをカスタムしたりアドオンしたりするタイプのライブラリにはかなり良い体験をしたわけですが、ここにきてまたソーシャルアプリ開発に役立てそうなライブラリを発見。gameQueryというjQueryベースのゲームエンジンです。 gameQuery - a javascript game engine with jQuery デモはこちら：gameQuery - a javascript game engin
2009-04-23 opensocial-jquery は jQuery プラグインと組み合わせて使えます。 こんばんは。なかじまんです。 opensocial-jquery は OpenSocial ガジェット向けに jQuery 本体に手を入れていますが、jQuery.ajax の Deferred 対応 を除いては、jQuery 自体の機能やインタフェースの互換性を保っています。 ですので、jQuery で WEB アプリケーションを作るとの同じ方法で、OpenSocial ガジェットを作ることができます。また、jQuery で作った WEB アプリケーションがあれば、最低限の労力で OpenSocial ガジェットに転換できます。 1つガジェットの例を紹介します。次のガジェットは opensocial-jquery と jQuery Cycle Plugin を組み合わせて、自分
aext.netで、フレッシュで便利なjQueryプラグインが紹介されています。 ざっとご紹介しますね。 jQSlickWrap floatした画像の周りにテキストを配置させるプラグイン jQuery Slider plugin (Safari style) Safariスタイルのかっこいいスライダーを作ることができるプラグイン jQuery Shuffle Plugin 要素の順番を入れ替え（シャッフル）てくれる Flips スライドするボックスを作成。スピード等のカスタマイズが可能 JQuery Sprite Animation Plugin Flashのようなアニメーションを作ることができるプラグイン それぞれデモがあるので、一度見てみてください。 5 Fresh and Useful jQuery Plugins Were Born in November 2009 タブを40個く
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
jQueryでQueryStringをパースして配列で受け取れる便利関数が公開されていました。 hogehoge?a=b&c=d&e=f の ? 以降のQueryStringを {"a":"b", "c":"d", "e":"f" } といった配列で簡単に受け取れます。 次のような関数によって実現しています。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = ha
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ
twitter facebook hatena google pocket JavaScriptライブラリの「jQuery」を使用してカレンダーを作ります。 via：FullCalendar - Full-sized Calendar jQuery Plugin sponsors 使用方法 FullCalendar - Full-sized Calendar jQuery Pluginからファイル一式をダウンロードします。 <link rel="stylesheet" href="fullcalendar.css" media="all"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="ui.core2.js"></script> <scr
スパイスラボ神部です。 以前、jQuery でブラウザ判別をする方法をしらべていたとき、こちらを参考にしていました。 -jQueryで簡単UserAgent判別 - Webtech Walker なぜかというと Google で一番上に来るからなんですけどね。 しかしもう少し調べてみると、どうやらバージョン判別もできるようです。 -jQueryを使ったブラウザ分岐 | A Day in the Life どうやら 1.3 系列では使えないらしい $ browser しかしこの $browser、どうやら 1.3 系列からは使えなくなるようです。 -jQuery.browser - jQuery 1.3.2 日本語リファレンス $support を使うように、となるようです。 -jQuery.support - jQuery 1.3.2 日本語リファレンス 非推奨になりますが一応$b
Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio of Adrian Pelletier jQueryでリアルなホバーエフェクト作成チュートリアルが公開。 次のように、ホバー時にリアルにリフレクションしたり、リアルな影がついたりする物体作成チュートリアルになってます。 背景がグラデーションだったり、リフレクションや影が綺麗にアニメーションする部分など、かなりのテクニックを要しているみたいです。 こうしたディテールにもこだわりたい場合に参考にできそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 PHPとjQueryのAjax連携の学習用チュートリアル
スパイスラボ神部です。 ちょっと必要があって、配置済みのDOM要素を並べ替えたかったのですが、どうしてもやりかたがわからず、Twitter でつぶやいてみたところ、めちゃめちゃ参考になる情報をいただきました。 ・要素そのものを並び替える方法 ・CSS で要素の一を変える方法 のどちらかがあるだろうなぁ、とは思っていましたが、奇しくも両方を教えていただきました。教えてくださったお二方、本当にありがとうございます！ 参考までにまとめてみたいと思います。 要素の配置換えを行う jQuery プラグイン @tamiko 氏に教えていただいた方法。こちらは要素そのものを入れ替える方法ですね。 -jQuery: Shuffle Plugin | Yelotofu サンプルデモはこちら。 -jQuery: Array Shuffle まさにこれ！という感じ。 >jQueryでランダムに要素を再配置
I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f
スパイスラボ神部です。 JavaScript でカレンダーを作ろうと思っていたのですが、またもや jQuery に便利なものがあり驚き。 FullCalendar 今回は FullCalendar というライブラリを選んでみます（検索で上位に出てくるjCalendar はもう存在しないようでした）。 -FullCalendar - Full-sized Calendar jQuery Plugin -FullCalendar -新JavaScript例文辞典 その他のカレンダーライブラリ -JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
神部です。 mixi アプリを開発していて、デバッグ期間だけ alert を使っていたけど今更いい代替がみつからない！というときに便利です。 なんとスタイリッシュな Alert＆Confirm を体現する jQuery プラグインがあるのです。 -jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) -jQuery Alert Dialogs -alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」:phpspot開発日誌 実際に使ってみました Google Hackathon で作成したファイナルクエスチョン で大いに使わせていただきました。 アプリの方も若干ブラッシュアップしたので、よかったら遊んでみてください。
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。12月9日（月）～12月15日（日）〔2024年12月第2週〕のトップ30です*1。 順位 タイトル 1位 無自覚にメンバーの心理的安全性を奪っていた経験から得た学び - Speaker Deck 2位 重度知的障害の女性が活躍する仕事 川崎 “あるシステム”が決め手に 職場全体にメリットも | NHK 3位 犬とおばあちゃん助けたら最近かなりいい感じ 4位 セロトニンを補う薬がびっくりするほど効く人たち | Books&Apps 5位 コワーキングスーパー銭湯ランキング（東京近郊） 6位 あるXユーザーの「娘が4～5歳の頃にハマったボドゲ」全26種の紹介ツリーが参考になる→クリスマスに子どもからボドゲを所望された親御さんは必見 - Togetter [トゥギャッター] 7位 一つ嫌なことがあると
多言語に対応したWebサイトを構築する場合、サーバサイドで対応するのが一般的だった。例えばGetTextを使った国際化処理が有名だ。サーバサイドで処理をできるのは手軽な反面、言語ごとにリソースを消費してしまうのが問題だ。 JavaScriptで国際化を行う 結局のところ、国際化とは見た目の話でしかない。であれば見た目を操作するのに向いたJavaScriptで行わせるというのはあながち間違っていないかもしれない。 今回紹介するオープンソース・ソフトウェアはjquery.localize.js、jQueryを使った国際化ライブラリだ。 jquery.localize.jsはrel="localize[hoge]"といった要素で国際化する際のキーを指定する（この場合hogeがキーになる）。そして別途JSONファイルを用意し、hogeに対応した各国語の文字列を指定する。後は読み込み時にjquery
jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。 クラスを生成する var Class = $.klass({ init: function (a) { this.a = a; }, view: function () { alert(this.a) } }); initがコンストラクタとして機能します。 $.klass=function(a){var b=function(){this.init&&this.init.apply(this,arguments)};b.prototype=a;return b}; CSSルールの追加削除 var index = $.css.add("body{background:red;}"); alert("stop"); $.css.remove(index); あると便利なときがあるので一応。 $
肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 （私が過去にはまったり、今はまっている罠です） 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が少なくほかのライブラリとの共存が行いやすいですが、特定のサイト向けに開発する場合window objectを使用してもそれほど問題は発生しません。 しかしjQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに実装しようとしてしまいます。 これはwindow objectの代わりにjQuery objectを汚染しているだけなので、素直にwindow objectを使用したほうが普通に実装しやすいでしょう。 2
スパイスラボ神部です。 OpenSocial アプリを作る際、Gadget XML の Feature のひとつに miniMessage というのがあります。 -gadgets.MiniMessage - OpenSocial - Google Code これ結構ユーザとのインタラクションに便利なんですが、使うにあたりあんまり情報が無くて困っています。 -MiniMessage が好きだ！ - Favorites! いろいろ探してみる -MiniMessageによるちょっとリッチなメッセージ表示 - OpenSocial-Japan | Google グループ 基本はこれでいいようです。Require Feature で minimessage を読み込み、new して msg.createDismissibleMessage で呼び出し。 -Postal Search APIs &
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く