Technical Column

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に焦点を当てたフレームワークですので、新規プロジェクトだけでなく、既存システムにも適用可能なものになります。公式サイトは日本語にも対応し...

HTML5の入力チェック処理

HTML5の入力チェック処理
Webフォームの入力チェック (Validation) 業務向けサービスに限らず、フォームがある画面では各項目の入力チェックを行うことが一般的です。このチェックを自前のJavaScriptで実装しようと思うと骨の折れる作業ですが、HTML5...

PHPで簡単にPDF出力できるTCPDF

PHPで簡単にPDF出力できるTCPDF
帳票作成 業務系のシステムで欠かせないのが帳票作成です。また近年であれば帳票作成はPDF出力化するのが一般的です。PDF形式が一般的になったことは開発者から見れば嬉しいことですが、一番厄介なのがPDF出力するためのツールやフレームワーク毎に...

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

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

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

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

PWAのゲームアプリをCocos2d-x(JS)で実現する

PWAのゲームアプリをCocos2d-x(JS)で実現する
前回「新しいスマホアプリの形態PWAの開発環境について」でProgressive Web Apps (PWA) について紹介しました。よく利用されているのはTwitterやInstagramのような一般アプリですが、JavaScriptを利...