「 JavaScript 」 一覧

Webページ上に問題と解答を記載し、解答はボタンで表示する方法

ブログも含め Webページ上で、問題と解答を記載したいのだけれど、解答はすぐに見せたくない場合の方法です。用意したボタンをクリックすると、JavaScriptのプログラムが実行されて解答を表示させます …

Milkcocoa のチュートリアルを試す

Milkcocoa のチュートリアルをやってみました。 Milkcocoa とは? 公式サイトでは以下のように説明されています。 説明文その1 Milkcocoaは、IoTデバイス・スマートフォン・P …

Bootstrap

ボタンを押した直後に BootstrapのTooltipを数秒間表示する方法

ウェブページ上のボタンを押した直後に、Bootstrap の Tooltip を一定時間だけ表示する方法を紹介します。 スポンサードリンク 1. はじめに Bootstrap の、Tooltip とは …

JavaScript

JavaScriptで画面上の文字列をクリップボードにコピーする方法

1. はじめに ウェブページ上の文字列をクリップボードにコピーする JavaScriptの書き方を 2つ紹介します。 Clipboard API and events を使う方法Selection A …

Web Security

JavaScript とHTML5のセキュリティ対策

JavaScript や HTML5 を安全に使うため、気を付けるべきポイントについて書いています。 1. 基礎知識 発生しやすい脆弱性 DOM based XSS (Cross-Site Scrip …

React Redux

React + Redux のチュートリアルをやってみた

1. はじめに Read Me · Redux のチュートリアルをやってみたので、学んだことをメモします。 2. Redux について Redux は実装のパターンです。 Redux と React …

no image

Pug(旧Jade)テンプレートファイル内で、npmでインストールしたモジュールを使う方法

Pug(旧Jade)というJavaScriptのテンプレートエンジンがありますが、このテンプレートファイル内では JavaScriptが使えるので、複雑なHTMLを生成することができます。 但しデフォ …

JavaScript

JavaScriptで一定時間待ってから処理を開始する方法

2016/06/11   -JavaScript
 ,

1. はじめに JavaScriptで一定時間待ってから何か処理を行いたい場合、setTimeout() を使うこともできるのですが、読みにくいコードになってしまいます。そこで、Promise を使っ …

no image

Riot.jsを使ってみた感想

Riot.js を使って、素数判定を行うページを作ってみた感想です。 ※ 以前は、ここにその素数判定を実装していたのですが、今はありません。 Riot.jsを使った感想 良い点 HTML, CSS, …

Web Programming

以前作っていた静的サイトの開発に関するメモ

以前、静的なツールでウェブサイトを作っていたのですが、その開発に関するメモです。完全にメモであることをご了承下さい。 方針 静的なサイトにする。 シンプルな構成にする。 シンプルなツールを使う。 no …