jQueryの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。シンプルなテキストエフェクトライブラリ単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。動的にHTMLテーブルのrowspanを設定これは良いアイディア!HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。データを表示する際に、重複した項目はセルを連結して表示するでしょう。colspan/rowspanをシステムで動的に設定するのは非常に面倒です。jQuery製のウィザードライブラリたくさんの入力欄があるフォームをまとめて入力するのは苦痛です。果てしなく続く入力欄を見ただけで気分が萎えてしまいます。そこで使えるのがウィザードです。入力欄をグルーピング、分割することで心理的負担を下げられます。クラス名を指定するだけで簡単にアニメーションを実現CSS3によってアニメーションが実現できるようになったとは言っても、それはイコール簡単であるという意味ではありません。基礎的な実装が用意されているので、現実的なアニメーションは自分で作らないといけません。クリック一つで別な言語に。JavaScriptで多言語対応Webサイトを多言語対応する場合、その方法としては幾つかのやり方があります。ディレクトリを分ける方法があります。一つはパラメータで出し分ける方法です。最近ではJavaScriptでURLは共通の状態で翻訳する処理する方法も用いられます。テーブルタグをページネーション可能に業務システムではデータの一覧表示を作ることが多いでしょう。そんな時にはHTMLのテーブルタグを使うはずです。50行くらいであれば良いですが、数百行のデータを一気に表示すると視認性も落ちますし、使いづらくなります。そこで使ってみたいのがPaginateMyTableです。HTMLエレメントを線で結ぶWeb上で図を描く際にはCanvasを使うのが一般的です。Canvasは通常のDOMとはまったく異なるコーディングが求められるので、書くのは好きではないという方もいるでしょう。そこで簡単な図、ノードを結びつけるようなものを描くならばjointerJSを使ってみましょう。jointerJSの使い方例です。二つの画像を見比べて何が違うのか判断するにはどうしたら良いでしょうか。横並びにしてもなかなか分かりづらいかも知れません。逆に変換前後でファイルサイズが軽減されている場合は、見た目が変わっていないことを理解させたいこともあります。そんな時に使えるのがtwentytwentyです。高パフォーマンスなテーブルライブラリ社内システムにおいて、検索結果の一覧表示はよくある機能です。100行程度のデータであれば問題ありませんが、10万行をHTMLで出力するとなれば表示方法を考えなければなりません。レンダリングだけで数分待たされていたら、担当者はストレスを感じることでしょう。jQueryの代わりに使えるDOM操作ライブラリjQueryはもう使いたくないと思いつつ、使った方が楽になるという場面は多いです。Ajaxもその一つですが、Superagentやaxiosといった代替ライブラリを使うこともできます。一つはDOM操作です。DOM操作を素のJavaScriptだけで書こうと思うと若干面倒です。既存のテーブルをメンテナンスしやすくするjQueryプラグイン業務システムでテーブル表示はよく使います。そんな時、ユーザから出てくるのがデータのメンテナンスを行いたいと言う要望です。行を追加したり、編集や削除するといった機能です。一つのテーブルだけであれば頑張って実装できるでしょう。画面が多数あったらどうしたら良いでしょうか。そこで使ってみたいのがTabulletです。Chrome機能拡張JavaScriptはイベント購読型の処理が多いです。DOMをクリックした際のイベントであったり、変数の変化をウォッチして処理が行えます。いったコードが散在していると、どこでイベントを購読しているのかが分からなくなります。印刷内容をカスタマイズできるjQueryプラグインWebは多機能になっていますが、まだまだ弱い分野があります。Webブラウザで表示されている情報をすべて印刷したいと思うことはほとんどありません。その一部のメインコンテンツだけ印刷したいと考えるのではないでしょうか。そこで使ってみたいのがprintThisです。インタラクティブなチャットUIを実現するjQueryプラグイン最近はAIを使ったチャットボットが流行です。ウィザード形式で言われるままに答えるのではなく、自然言語で対話しながらステップを踏んでいけるのが特徴です。そのためにチャット形式のUIがよく使われています。今回紹介するconvFormはそんなチャット形式のUIを手軽に実装できるjQueryプラグインになります。画像を選択する入力コンポーネント画像が並んでいて、そこから選ぶようなインタフェースを作る場合、どういうものを想像するでしょうか。画像の下にチェックボックスを配置するのが簡単そうですが、直感的とは言いがたいUIです。画像をそのまま選択できるコンポーネントになっています。複雑なデータフローの可視化システムには何らかの入力があって、それが処理されて出力されます。処理は一段階に限らず、複数のステップを経ることもあります。入力ソースが複数名こともあります。した複雑なデータフローを表現するのに向いたライブラリがblocks.jsになります。blocks.jsの使い方メイン画面です。テキストアニメーションのjQueryプラグインアニメーションはただ静的に書かれているのに対して何倍も見た目のインパクトがあります。ともすると見逃されてしまいがちなテキストもアニメーションすることによってユーザに見てもらえるようになります。そんなアニメーション、特にテキストを動かしてくれるライブラリがjquery-bubble-textです。豪華な確認ダイアログWebを作成する際にはWebブラウザが用意している標準のコンポーネントがよく使われます。その表示では満足できない人が多いのも確かです。そこでより使い勝手の良いデザインを追求し始めます。今回はダイアログです。独自のダイアログを出したいと思ったらajsr-confirmを参考にしてみてください。jQueryで任意のテーブルを便利に業務システムなどでよく使われるテーブルタグ。素のままでは小さなテーブルはよくとも、多数のデータを表示した際の使い勝手がよくありません。いって多機能にするのは大変です。そこで使ってみたいのがjquery-fulltableです。任意のテーブルをjQueryで多機能にします。滑らかな画面遷移を提供スマートフォン向けのWebサイトなどでは画面遷移が大事です。普通のURLを遷移するような動きではUXがよくありません。新しいコンテンツがスライドしてきたり、前の画面と滑らかに入れ替わることでユーザの意識を切らさずに操作を継続できるようになります。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。