「 JavaScript 」 一覧

Web Programming

素のJavaScript と Sass で Webページを作成するための雛形

素のJavaScript と Sass で Webページを作成するための雛形を紹介します(あくまで一例です)。

Gentelella の Sidebar を解析してみました

1. はじめに Gentelella Alela! は、Bootstrap v3 を使ったダッシュボードテンプレートです。 今回、このテンプレートのサイドバー部分について簡単な解析を行いました。 実際 …

フレームレートを指定して Canvas に描画するサンプルページを作りました

フレームレートを指定して Canvas に描画するサンプルページを作りました。 1. スクリーンショット スクリーンショット 2. デモ 以下のURLでデモを見ることができます。 フレームレートを指定 …

時間とともに風景画像の色を変化させるサンプルページを作りました

時間とともに風景画像の色を変化させるサンプルページを作りました。 夕方や夜に変化する効果を狙っています。 1. スクリーンショット スクリーンショット 2. デモ 以下のURLでデモを見ることができま …

定期的にDOM要素をアニメーションするサンプルを用意しました

定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 1. デモ 色を付けた div要素を動かしているデモを用意しました …

JavaScript でスライドを作ってみました

JavaScript でスライドを作ってみました。 window.history オブジェクトの使い方も参考になるかと思います。 1. スクリーンショット スクリーンショット 2. デモページ 以下の …

React Redux

React + Redux を1つのJavaScriptファイル内で使うサンプル

1. はじめに React + Redux を説明する場合、役割ごとにファイルを分けるのが普通です。しかし、それだと複雑になって却って分かりにくかったりしますので、1つの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にログインした後、通常のページ(管理ページではなく)を表示すると、画面上部に管理ツールバーが表示されます。このツールバーには、現在のページを編集するためのリンクがあり、非常に便 …