「 JavaScript 」 一覧

normalizr の使い方

1. はじめに JavaScript のライブラリである normalizr の使い方を簡単に説明します。 2. normalizr とは? normalizr とは、「JSONデータを正規化する」 …

React Redux

React と Redux を使ったウェブページのサンプルその1

React と Redux を使ってウェブページのサンプルを作ってみました。以下のURLからアクセスすることがでます。 デモページ 🔗 React + Redux のサンプル002 こ …

WordPressサイトで現在表示しているページの編集ページを開くブックマークレットを作りました

2017/05/30   -WordPress
 ,

概要 WordPressにログインした後、通常のページ(管理ページではなく)を表示すると、画面上部に管理ツールバーが表示されます。このツールバーには、現在のページを編集するためのリンクがあり、非常に便 …

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を生成することができます。 但しデフォ …