クラスからインスタンスを生成する際（new を行う際）に最初に実行される関数、それがコンストラクタです。コンストラクタは自動的に実行されます。コンストラクタの利用目的としては主にインスタンスを生成するときの初期化に用いられます。コンストラクタの書き方PHPでは、コンストラクタの書き方が他の言語とはやや異なります。他の言語ではクラスと同じ名前のメソッドを定義することが多いのですが、PHPの場合、 _……

JavaScriptにも他のプログラミング言語同様に文字列の長さを取得する方法があります。JavaScriptで文字列の長さを取得するユースケースとしては、Twitter等で文字列を入植するサービスで、入力する文字数を制限する場合などがあるでしょう。JavaScriptで文字列の長さを取得するには文字列のlengthプロパティで取得します。lengthプロパティで取得lengthプロパティで値を取……

JavaScriptはブラウザ上の要素を操作することができます。 インタラクティブなWebコンテンツを作成するときは、必ずと言っていいほど、すでにあるhtmlを動的に書き換えてユーザにコンテンツを提供します。 今回はJavaScriptでhtmlを操作するためのinnerHTMLプロパティを紹介します。 コンテンツの中身を書き換える まず、htmlの要素を取得してきます。 ここではdocument……

JavaScriptで画像をページ上に表示するには、画像の表示をHTMLに任せることによって実現することができます。 やり方としては、JavaScriptでページにimgタグを挿入することで実現します。 ページにタグを挿入するにはdocument.write関数を用いて行います。 document.write document.write関数はの使い方は以下です。 document.write……

ある一定のページまでスクロールしたあと、ページ上部まで一気にスクロールさせたいことがあると思います。 JavaScriptには、ページを指定した位置までスクロールする関数があります。 JavaScriptのグローバルオブジェクトのwindowオブジェクトに実装されているscrollToを用います。 window.scrollTo(x, y) scrollToはx座標とy座標を入力して実行します。 ……

Webページ上で警告を出したいときがあると思います。その際ブラウザの機能として提供されているダイアログを表示して警告を出したいと思うでしょう。今回はJavaScriptでのダイアログの出し方表示します。通常の警告表示をするalert関数通常文字列で警告を出したい場合は、alert関数を用います。alert関数は以下のように使用して文字列を表示します。window.alert('hogehoge')……

通常ページ遷移を行うには、aタグで記述した文字列をクリックしてもらうことでページ遷移を行うと思います。JavaScriptはページ遷移もコードで表現することができます。location.hrefプロパティを使用することでそれは可能になります。location.hreflocation.hrefは関数ではなくlocationオブジェクトのプロパティです。location.hrefにURLを代入するこ……

サーバーで情報を更新しても、HTMLは静的なコンテンツなためすぐにその結果をページ上に表示することはできません。その際、ページ全体をリロードする必要があります。リロードさせるにはブラウザの更新ボタンを押してもらうことで実現しますが、できればページ上のギミックで更新できたほうがよいです。そんなときは、JavaScriptのreload関数を用いて実現します。reload関数には二つの使い方があるので……

ランダムな値を用いてWebページのコンテンツをおもしろくすることがあると思います。JavaScriptで乱数を発生させるにはMath.random()を使用します。Math.random()は０以上１未満の数をランダムに生成します。0〜99の範囲の値をとる0〜99までの中でランダムな値を取得することを考えます。Math.random()は必ず１より下の数になります。そのため100をかけることにより……

JavaScriptには他の言語と同様に条件分岐をすることができます。ここでは一般的に条件分岐として使われるif文の使い方を解説します。基本的なif文の文法if文は以下のように書くことができます。var flg = true; if(flg){ console.log("true"); } else { console.log("false"); }flgの中身によって表示される文字列が……