やりたいこと Azure で静的なWebサイトをホストする。 (たんに HTML と JavaScript のファイルを置くだけ) 方法 静的Webアプリ (Azure Static Web Apps) を使う。 手順 Azure のポータルを開く。 「静的Webアプリ」を選択 「作成」を選択 「サブスクリプショ…

bootstrap.min.css グリッド コンテナの幅指定 列幅の指定 行内の列を中央に寄せる (列幅が合計12未満のとき) マージンの設定 テキストの中央寄せ ボタン ボタンの種類とデフォルトの色 ボタンの見た目 幅いっぱいのボタン フォーム テキストボックス スライ…

Web系ぜんぜん分からん組込み系のオッサンがなんかよく分からんけどやってみたメモ。 下記の公式サイトのチュートリアルをもとにやってみた。 クイック スタート:Node.js Web アプリを作成する - Azure App Service | Microsoft Docs ローカルにNode.jsをイ…

Webページで、画面遷移せずにサーバと非同期通信をして画面を部分的に書き換えたりする方法としてAjaxとWebSocketがある。Ajaxは必ずブラウザからのリクエストに応じてサーバがレスポンスを返す。そのため、サーバ側の変化をモニタしたい場合には周期的にポ…

ふだんC言語しか書かないマイコンおじさんによる備忘録。 script要素 window.onload setInterval HTML要素の操作 input要素 canvas要素 AjaxとWebSocket script要素 そもそも、JavaScriptはscript要素内に書く。script要素は、head要素内とbody要素内のどち…

すぐ忘れるのでCSSの書き方をメモ (1) タグのスタイルを指定 p { font-size: 16px;} /* プロパティを複数指定する */ p { font-size: 16px; font-weight: bold; } /* 複数のタグにスタイルを指定する */ p, div { font-size: 16px;} /* 全てのタグにスタイル…

Pahoとは PahoとはオープンソースのMQTTクライアントのライブラリです。Pahoはさまざまな言語で実装されています。(Java, Python, JavaScript, C, C++, C#, Goなど) 今回はブラウザベースで使えるJavaScript版の使い方を説明します。JavaScript版Pahoは、MQT…

.htaccessに以下の2行追加するだけ。 RewriteCond %{HTTP:X-Forwarded-Proto} ^http$ RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L].htaccess全体は以下の通り。 DirectoryIndex index.php index.html index.cgi # -- concrete5 urls star…