Ajaxとは非同期通信を行う仕組みのことです。Asynchronous JavaScript + XML の略だそうです。Asynchronous は非同期という意味なので、JavaScript を使って非同期通信を行うということです。XMLは分かりません(笑) 非同期通信というのは、WEBページ...

jQueryを使ってHTML要素の表示・非表示をする方法です。スマホで表示時のメニューの開閉などに使えます。これは、クラスの追加・削除やスタイルの追加・削除でも対応出来ますが、jQueryには表示・非表示のための機能が既にあるためそれを使ったほうがコー...

jQueryでWindowやコンテンツの高さや幅を取得する方法です。トップページのファーストビュー時に画面いっぱいに画像が表示されるページを見かけますがそういうことも出来ます。またコンテンツの幅や高さを一番大きいものに合わせるなんてことも出来ます。...

jQueryを使ってHTMLの属性を操作する方法です。HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。id や class も属性です。プロパティとも呼ばれます。（僕はプロパティのほうが馴染むのでプロパティと呼びます。...

今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。【タグ内のテキストを取得・変更する】HTMLは下のようなメッセージがあるとします。<p id="idname">本日は晴れ...

HTMLの要素に対し、動的にクラスを追加もしくは削除をする方法です。スタイルを直接追加しても同じだけど、追加するスタイルが予め決まっていて、複数ある場合にはスタイルシートを定義しておいてそのクラスを追加したり削除したりすればコードもすっきり...

前回の記事「DOM (Document Object Model)とは」でJavaScriptを使ってHTMLの要素の操作を行いました。しかし、今はJavaScriptをそのまま書く人は少ないと思います。それはjQueryを使うほうが圧倒的に簡単だからです。 今回はjQueryを使った色々な要素...

DOMはドムって読むんですかね？Document Object Model の略です。ブラウザ全体を管理するwindowオブジェクトの中にdocumentオブジェクトというものがあります。documentオブジェクトは、HTMLのbodyタグの中にあるHTMLタグをコントロールするためのオブジェ...

Stringオブジェクトとは文字列を扱うためのモノです。「JavaScriptのオブジェクトとは」の”文字列”でも話ましたが、文字列の操作はもっと色んなことが出来るので深堀りして解説します。それでも全部というのはちょっと多すぎるので(笑)、僕が使ってたこと...

JavaScriptはオブジェクト指向の言語で、扱うデータとしてもオブジェクトが多いです。そもそもオブジェクト指向というものを僕はJavaで勉強したのですが、頭が悪いせいか最初は全然理解出来ませんでした。(僕にとっては)かなり難しい概念なので忘れたらま...