2024.04 初回のみローディング処理させるコードを追加しました。 こんにちは、フリーのweb制作者として6年ほど活動しているしょーごと申します。 今回は「web制作に特化したjQuery,JavaScript教材」を作成しました。 【動画でも解説しています】 この動画の18:13 ...

jQueryは多くの注目を集めているJavaScriptライブラリの1つだ。たくさんのサイトで利用され、プラグインの種類が豊富なのも魅力。本項ではそんなjQueryの基本的な使い方を紹介する。 まずはjQueryを サイトから入手しよう jQueryを利用すると、記述を大幅に簡素 ...

ウェブ上のフォームでは、JavaScriptでリアルタイムに入力チェックし、その場でエラー表示のバルーンを出せると便利。jQuery-Validation-Engineを使えば、入力文字列や選択内容が指定条件(複数項目の組み合わせも可)を満たしているかどうかを入力と同時に確認し ...

どうも、やる事たくさんで暇しない、とだです。もっと遊びたい。 前回の投稿の最後に「gem 'ancestry'による多階層データを用いて、選択肢を動的に変化させる機能をJavaScript（jQuery）とAjax(非同期通信)を用いて実装する」話を投稿すると言いましたが、内容が ...

わずか9行のjQueryソースで、ウェブサイトのメニューバーにドロップダウンメニュー機能を加える方法を解説。ul＋li要素で作るリスト形式のHTMLを、メニューらしく見えるようCSSで装飾し、JavaScript(jQuery)を使ってサブメニューの開閉を制御するだけで、簡単に ...

第1回ではJSONPによるAjax実装を取り上げましたが、 今回はそこで使ったJSONという表記法と、 JSONPというAjax実装手法について解説します。また、 jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、 JavaScript Object Notationの略称です。

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

Droppables DraggableなDOM要素をドロップできるようにする Sortables マウス操作でDOM要素の順番を入れ替えられるようにする Selectables DOM要素をマウスで選択できるようにする Resizables DOM要素の大きさをマウスで変更できるようにする jQuery UI 1. 5bは 「jQuery UI: Widgets ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

JavaScriptライブラリ「jQuery」の公式ブログは、現地時間8月28日に最新版「3.7.1」をリリースしたことを発表した。 「jQuery」は、WebブラウザでのインタラクティブなUI表現をよりコンパクトに記述するためのJavaScriptライブラリ。最新版は「3.6.0」や「3.7.0」の ...

組み合わせの相性などもあるが、JavaScriptユーザーは開発効率を上げるためにフレームワークにほかのライブラリを併用することがあり、開発者にはそれぞれに慣れたライブラリがあることが多い。フレームワークは利用せずに、ライブラリを使うだけといっ ...