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

テキストエディタで、コピーや保存などのショートカットキーは皆さん使われていると思います。 しかし、コーディングが捗る便利なショートカットは他にもたくさんあります。 人気のエディタ Visual Studio Codeでおすすめのショートカッ...

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

FlaskはPythonの軽量Webフレームワークであり、ちょっとしたWebアプリケーションやWeb APIを作るには重宝しています。最近では、RESTful APIが利用されるケースが多いですが、FlaskでもRESTful APIを作る...

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

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

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

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

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

Accelerated Mobile Pages (AMP) モバイル端末などでウェブサイトの表示を高速化することを目的としたAccelerated Mobile Pages (AMP) と呼ばれる技術があります。従来のHTMLの描画と比べ...