技術情報 【JavaScript】Chart.jsを活用してグラフを描画する（応用）
前回の記事では、Chart.jsの基本的な部分（基本要素、構造、実装例）を紹介しました。ここでは、前回実装したグラフをカスタマイズして、さらに細かな設定を行う方法について紹介します。 ※以下の実装例では、変更点のみを記載しています。 棒グラ...
JavaScript
技術情報 技術情報 【JavaScript】Chart.jsを活用してグラフを描画する（基礎）
Chart.jsとは Chart.js とは、データを視覚化するためのオープンソースのJavaScriptライブラリです。以下のような特徴があります。1. 折れ線グラフ、棒グラフ、円グラフなどの様々なスタイルをサポート。2. 使いやすいイン...
技術情報 JSONから動的に入力フォームを作成する方法(JSON Editor)の紹介
こんにちは。本日はタイトルの通り、JSON Editorについてご紹介します。JSON EditorJSON EditorはJavaScriptのOSSであり、最大の特徴は「JSONスキーマから動的に入力フォームを作成できる」という点になり...
技術情報 クロージャが効かないバグになりそうなJavaScriptの仕様
今年度入社の新人がJavaScriptの勉強をしていました。少し手ほどきした、という話は以前にしました。 新入社員JavaScript事始め(#1)「自由であることの簡単な説明」 新入社員JavaScript事始め(#2)「どこでも動くこと...
技術情報 新入社員JavaScript事始め(#3)「クラス定義の簡単な説明」
前回、前々回に引き続き、JavaScriptについて、簡単な説明を行いたいと思います。 新入社員JavaScript事始め(#1)「自由であることの簡単な説明」 新入社員JavaScript事始め(#2)「どこでも動くことの簡単な説明」今回...
技術情報 新入社員JavaScript事始め(#2)「どこでも動くことの簡単な説明」
前回に引き続き、JavaScriptについて、簡単な説明を行いたいと思います。 新入社員JavaScript事始め(#1)「自由であることの簡単な説明」今回も以後、「JS」と略記しますね。
技術情報 新入社員JavaScript事始め(#1)「自由であることの簡単な説明」
今年度入社の新人と一緒に仕事をする機会がありました。2年間（Web系の）Javaをやってきただけあってとても優秀です。私に教えられることはあまりないのですが、広く技術を身に着けていく手始めに、Javaとは対照的なJavaScriptについて...
技術情報 JavaScriptのDateオブジェクトを拡張して年月日の加減算を実装してみる
JavaScriptのDateが不親切なのは周知の事実だと思いますが、以下のようなサイトを見つけました。 javascriptで日付（月・日）を加算（減算）してみた - shoprevのブログこの記事によれば、setDate、setMont...
技術情報 KnockoutJSを使ってSVGを制御するサンプル
KnockoutJSを使ってSVGを制御するサンプルを作ってみました。 ドキュメントKnockout.js WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画スタッフブログこんな感じです。 svg+knockout.html長ら...
技術情報 Vue.jsで簡単ページング実装
SPA(=Single Page Application)の構築などに必要不可欠なJavaScriptのフレームワークですが、今回は、その中でも後発でシンプルな作りの「Vue.js」を触ってみたので、ご紹介します。