タグ jQueryベース
人気順 5 users 50 users 100 users 500 users 1000 usersRailsで構築しているWebサービスをjQueryベースからReactに移行する時の知見 | スペースマーケットブログ
こんにちは、エンジニアの小林です。 先日、スペースを貸し出すオーナー様向けのダッシュボード(管理画面)を リニューアル しました。 スペースマーケットはwebサーバもAPIサーバもRailsで構築しているのですが、JQueryをベースに構築していたリニューアル前の実装からReactをベースにした実装へ移行した際に得た知見を書きたいと思います。 サーバ構成 既存のサーバ構成では、webサイトはweb... 続きを読む
たった3KBのコードで3DCGモデルが歌って踊ってアングルも操作できる! jQueryベースのライブラリでMMDデータを活用したWebGLコンテンツを作ろう (1/2):CodeZine
本連載では、jQuery+three.jsを実現したWebGLライブラリ「jThree(ジェイスリー)」について、MMDプラグインを利用したコンテンツのコーディング例を紹介します。連載初回となる今回は、導入編として、jThreeが提供する機能の概要を説明するとともにコーディング手順を紹介します。さらにCanvasを自動生成し、マウスで動かせる立方体を描画してみて、シンプルな記述だけでコンテンツが作... 続きを読む
新し目のAPIにも対応したGoogleマップ操作jQueryプラグイン「Maplace.js」:phpspot開発日誌
新し目のAPIにも対応したGoogleマップ操作jQueryプラグイン「Maplace.js」 2013年11月21日- Maplace.js - A small Google Maps Javascript plugin for jQuery 新し目のAPIにも対応したGoogleマップ操作jQueryプラグイン「Maplace.js」。 jQueryベースのラッパーでjQueryに慣れている方... 続きを読む
Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」:phpspot開発日誌
Home | JavaScript UI - w2ui Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」。 グリッド、ツールバー、サイドバー、閉じれるタブ、フォームのウィジェットがBootstrapに追加できそう。 グリッド ツールバー サイドバー 閉じれるタブ フォーム IE8でサポート対象外なのに注意ですが、ますますBootstrapが強化されますね 関連エントリ... 続きを読む
jQueryベースの軽量UIライブラリ・w2ui - かちびと.net
jQueryベースの軽量なUIライブ ラリ・w2uiのご紹介。軽量な理 由が、IE8以下に非対応にしてい る、との事なので、利用シーン はやや限られるかもしれません が、これはこれで。 軽量なUIライブラリ。jQuery依存ですが選択肢の一つとして。 w2ui 軽さが売りのUIライブラリです。最小で37KBだそうです。サイズの割に、かなり機能が充実している印象でした。 ↑ デモ。上記はデータテーブ... 続きを読む
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI - かちびと.net
ベーシックなUIを実装できるjQuery ベースのUIフレームワーク・ZinoUI のご紹介です。他にも便利なUIフレ ームワークはあるので、このフレー ムワークを選択する理由は無いかも ですけど・・ ベーシックなUIを実装できるフレームワーク。jQuery依存となっています。選択肢の一つとして覚えて置いて損は無さそう。ただし、ライセンスは非商用はCC、商用は1サイト/50USDから。 ZinoU... 続きを読む
スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」:phpspot開発日誌
スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 2013年01月08日- jKit - jQuery based UI Toolkit - Index スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 1つのライブラリで様々な機能を実現できます。必要に応じて読み込む必要がありますが、基本的にマークアップと... 続きを読む
タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit - かちびと.net
jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。 2013年になりました。喪中により新年の御挨拶を控えさせて戴きます。皆様に取って本年が充実した年でありますようお祈りいたします。 さて、今日はUIキットのご紹介。jQueryベースとなっていま... 続きを読む
その場で編集。Webベースのガントチャートエディター「jQuery Gantt editor」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
プロジェクト管理において進捗や各人のステータスによる作用を判断するのに便利なガントチャート。オンライン版も幾つか出ていますが、既存サイトに組み込みたいならjQuery Gantt editorを使ってみましょう。その名の通り、jQueryベースのガントチャートエディターです。 0 続きを読む
パスワード強度をパーセンテージで表し安全性の高いパスを促進できる「jquery-complexify」:phpspot開発日誌
パスワード強度をパーセンテージで表し安全性の高いパスを促進できる「jquery-complexify」 2012年05月31日- Dan Palmer パスワード強度をパーセンテージで表し安全性の高いパスを促進できる「jquery-complexify」 次のように入力毎に安全性を表示できます。利用者は100%を目指そうとより複雑なパスワードを付けるようになりそう。 使い方はjQueryベースなの... 続きを読む
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現で... 続きを読む
ボタンやタブ、スライドなどのコンポーネントを実装するjQueryベースのUIライブラリ・Ninja UI - かちびと.net
なかなか素敵だったので備忘録です。 ボタンやスライドやアイコンなどのUI コンポーネントを揃えたjQueryベース のライブラリ・Ninja UI。IE6では実装 出来ませんけどモバイルで使えそう かな。 忍者の要素があるかよく分かりませんけどwなかなか手軽そうだったのでメモ。 Ninja UI 手裏剣かわいい。ライセンスはApache 2 Licenceだそうです。 ひと通り揃ってる 必要とされ... 続きを読む
[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」 | Web活メモ帳
「Sammy.js」はURLによって処理を振り分ける事ができるJavaScriptの軽量フレームワークです。 #以降のアドレスを利用してURLルーティングを実装されており、 簡潔に記述することを目指したフレームワークとなっています。 RubyのSinatraというフレームワークにインスパイアされたみたいですね。 わずか16KBしかないのですが、外部ファイルの読み込みやリダイレクト処理などがサポート... 続きを読む
jQueryベースの画像スライダー30まとめ:phpspot開発日誌
Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins | Lava360 jQueryベースの画像スライダー30まとめエントリのご紹介。 画像スライダーといっても、実に様々なデザインがありますが、30個もあれば自分の目的に合ったものが見つかりやすそうですね。 全体的にクオリティは高いようです。 昔では想像もできなかったことが実現... 続きを読む
クールで多機能なHTML5オーディオプレイヤー「Speakker」:phpspot開発日誌
Speakker | The new way of クールで多機能なHTML5オーディオプレイヤー「Speakker」のご紹介です。 標準の再生機能に加え、プレイリスト機能や、カバー画像表示、facebook/twitterにシェアしたりダウンロードボタンなんかも付けられます。 jQueryベースで動作。使い方も超簡単です。 更に、Flashによるフォールバック機能付きです。 関連エントリ HTM... 続きを読む
jQueryベースのWebフォームライブラリ「jFormer」 | DesignDevelop
WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、... 続きを読む
Facebookとの連携に。jQueryベースのFacebook友人リストライブラリ「jQuery Facebook Multi Friend Selector」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブロ
jQuery Facebook Multi Friend SelectorはjQuery/JavaScript製のオープンソース・ソフトウェア。今や6億人とも言われるユーザを抱え、サービスの域を超えてプラットフォームになりつつあるのがFacebookだ。使わない手はないだろう。友人リストFacebookとのシステム連携を行う幾つかの方法はあるが、JavaScriptを使うのが最も手軽と思われる。そ... 続きを読む
jQueryでリアルな本をペラペラめくるUI作成チュートリアル:phpspot開発日誌
Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルな本をペラペラめくるUI作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQueryベースというのはあまり見たことがなかったのですが、これを参考に作れそうですね。 CSS3なんかも使われ... 続きを読む
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David K... 続きを読む
MOONGIFT: » jQueryベースのグラフ作成ライブラリ「jqPlots」:オープンソースを毎日紹介
Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlot... 続きを読む
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各... 続きを読む
超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」:phpspot開発日誌
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に... 続きを読む