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

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

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

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

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

Google Cloud Functions の環境変数について

Google Cloud Functions
Google Cloud Functions Google Cloud Functions はサーバレスでアプリケーションを実行でき、サーバの構築・メンテナンスが不要であることから、人気のあるサービスとなっています。 慣れてしまえばコマンド...

Bootstrap5 を利用した画面全体のローディング表示

Bootstrap5 を利用した画面全体のローディング表示
ローディング表示 いろいろなシステムにおいて、ユーザがアクションを起こしたのに画面が何も変わらなかったら、ユーザは不安になってしまいます。 そのため、Webシステムなどであればページの読み込みやサーバ問い合わせ中にローディングを表示したりし...

Cloud Messaging で特定デバイスにプッシュ通知を送信する方法

Cloud Messaging で特定デバイスにプッシュ通知を送信する方法
プッシュ通知 iPhoneやAndroidデバイスにおいて、プッシュ通知はアプリの情報提供を行う上で欠かせない機能です。ユーザがアプリを開いていなくても、ユーザにアプリの情報を伝えることができるので、いろいろな行動をユーザに促すことができま...

ログインが必要なサイトをPythonでスクレイピング

ログインが必要なサイトをPythonでスクレイピング
PythonライブラリのBeautifulSoup4とrequestsを使い、ログイン先のHTMLソースを取得します。  環境 Pythonの実行環境が無い方は、「Colaboratory」での実行をおすすめします。 必要な情報 ログイ...

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

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

VSCodeの便利なショートカットキー

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

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

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