JavaScript | 東京都渋谷区のシステム開発・アプリ開発とサーバー構築保守運用会社

HTML の template タグを jQuery で利用する方法

HTML の template タグを jQuery で利用する方法
HTML の template タグ Web システムにおいて、JavaScript で動的に要素を追加することは往々にしてあります。 JavaScript のソースコードに HTML を直接書き込んでしまうと、HTML も JavaScr...

プログラマー目線の実用的なWebシステム用ローダー

プログラマー目線の実用的なWebシステム用ローダー
ローダー Webサイトではページの全てが描画されるまでの間にローダーを表示したり、Webシステムでは jQuery の Ajax などを利用し非同期でデータを取得する時にローダーを表示したりします。 私だけかもしれないですが、エンジニアがデ...

Vue.jsで複数レンジ入力欄の同期

Vue.jsで複数レンジ入力欄の同期
JavaScripフレームワークのVue.jsで、数値とレンジ入力欄を双方向バインディングし、更に2つのレンジ入力欄を互いに同期する方法についてご紹介します。 (レンジ入力とは、スライドで値を動かせる入力欄です。) 日本とフランスの時間 今...

node.jsによるTypescriptのはじめかた

node.jsによるTypescriptのはじめかた
Typescriptについては、以前本ブログでも紹介したことがあります。近年は node.js を利用し、複数のパッケージを利用することが多いので、今回は node.js を利用した Typescript の利用方法を確認してみましょう。 ...

Vue CLI v3.xによるVue.jsの事始め

Vue CLI v3.xによるVue.jsの事始め
前回「Vue CLI v2.xによるVue.jsの事始め」と題し、vue-cliのインストール方法・実行・ビルドの手順を紹介しました。そのとき紹介したように、Vue CLIは2つのバージョンが存在します。 vue-cli … v2.x @v...

Vue CLI v2.xによるVue.jsの事始め

Vue CLI v2.xによるVue.jsの事始め
以前にVue.jsについて紹介しました。このときはCDNのVue.jsにより始める簡易的な方法でした。しかし大規模プロジェクトになると、多くの要件への対応が必要になり、パッケージを管理する必要がでてきます。そこでVue CLIを利用してVu...

HTMLファイルのMinifyについて

HTMLファイルのMinifyについて
ウェブサービスを作成するとき、CSSやJavaScriptはファイルサイズを小さくすることを目的とし、ファイル圧縮 (minify) されていることが多いです。 ウェブサービスに利用するjQueryやBootstrapをはじめとする多くのラ...

UIを簡単に構築できるVue.js

UIを簡単に構築できるVue.js
Vue.js Vue.jsは、ユーザインターフェースを構築するためのフレームワークです。しかも、Viewに焦点を当てたフレームワークですので、新規プロジェクトだけでなく、既存システムにも適用可能なものになります。公式サイトは日本語にも対応し...

ブラウザ上でスプレッドシートを扱える Handsontable

ブラウザ上でスプレッドシートを扱える Handsontable
ブラウザ上に表示するスプレッドシート Webシステムを構築するとき、ブラウザ上でExcelのように表(スプレッドシート)を編集したいことはよくあります。そんなときHandsontableを利用すると簡単に解決することができるでしょう。 Ha...

JavaScriptより大規模開発に適したTypeScript

JavaScriptより大規模開発に適したTypeScript
JavaScript JavaScriptは1995年頃に誕生した比較的新しいプログラミング言語です。ブラウザ上で動く珍しいプログラミング言語でしたが、ブラウザ間の互換性が低かったため嫌われていた時期もありました。しかし2009年にECMA...