プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。

2018年

jQueryで表示・非表示を操作する方法3選

2018.09.04 munehiro

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

2018.09.03 munehiro

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

2018.09.03 munehiro

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

2018.09.03 munehiro

今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。タグ内のテキストを取得・変更する HTMLは下のようなメッセージがあるとしま…

2018.09.02 munehiro

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

2018.09.01 munehiro

前回の記事「DOM (Document Object Model)とは」でJavaScriptを使ってHTMLの要素の操作を行いました。しかし、今はJavaScriptをそのまま書く人は少ないと思います。それはjQu…

2018.08.31 munehiro

DOMはドムって読むんですかね？ Document Object Model の略です。ブラウザ全体を管理するwindowオブジェクトの中にdocumentオブジェクトというものがあります。 documentオブジェク…

2018.08.30 munehiro

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

2018.08.29 munehiro

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

2018.08.28 munehiro

jQueryをうまく活用し、スライドショーやふわっと表示されたりする画面を作ってあなたのサイトをよりいっそうかっこよくしましょう。ちなみに、ふわっと表示したりボタンがプルプル動いたりとかはプログラミング全体の中ではあま…