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の中身によって表示される文字列が……
コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか？今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができるWebサービスをご紹介します。 Runstant http://phi-jp.github.io/runstant/release/alpha/ 対応言語：HTML, CSS, JavaScript ……
Webデザイナーがコードを書くべきか、書かないべきか？ これはたいへん物議をかもす話題です。一人分支払額が減るため、クライアントはコードが書けるWebデザイナーを好みます（他にも理由はあると思いますが）。一方でデザイン優先で考える人はコードについて、創造性を抑制する技術的な足かせになるといいます。更に議論をややこしくするのは、私達を取り巻く情報環境は常に複雑化しているということです。しかしながら、……
グリッド状に並んでいる画像を見たとき、白の交差部分に灰色の影のようなものが現れたことはありませんか？ これは幻覚ではなく、ハーマングリッド現象が起こったときに見えるものなのです。2ピクセル超の余白をとり、画像をグリッド状に並べた時にこの現象は起こります。この灰色の影のようなものは交差部分に焦点を合わせると見えなくなります。[caption id="attachment_1576" align="a……