はてなブックマーク

はじめにMicrosoft Dataverse の systemuser テーブル に Azure AD ユーザーを同期しました。ユーザーが Dataverse（Power Apps）を使い始めたりすると、自動で同期するようですが、API でなんとかならないか、Postman を使って探ってみましたところ、なんとかなりましたので、紹介していきたいと思います。 systemuser テーブル に Azure AD ユーザーを同期するだけの場合、Power Platform 管理センターから手動、Power Automate、Power Apps、Power Shell といろいろやり方が有るようでしたが、今回は、Microsoft Dataverse Web API で同期の方法 の話です。 Postman や Azure 準備手順については、前回記事、「Postmanを使ってMicroso

はじめにMUI(Material-UI)v5 Recharts WebSocket FastAPI でリアルタイムグラフ描画の画面を作ってみました。 今回、 フロントエンド：React, MUI(Material-UI)v5, Recharts バックエンド：FastAPI 通信手段：WebSocket によるリアルタイムグラフ描画 が実現するまでの手順を紹介していきたいと思います。 【検証環境】 Windows 10 Pro x64 Visual Studio Code 1.69.0 Raspberry Pi Desktop OS(Linux raspberry 4.19.0-13-amd64) node 14.16.0 npm 6.14.11 react 18.2.0 recharts 2.1.12 mui/material 5.8.7 Python 3.7.3 pip 22.1.2

↑ 今回用途では、十分なスペックですが、デプロイを繰り返すと、CPU 時間を超過して、QuotaExceeded になって、何もできなくなり、手探り段階の場合、きついです。（５分くらいすると回復します。） この後、Basic(B1)に変更する手順が出てきます。（無料プランでは、この記事の内容は実現しませんでした。） 構築中です。 こうなったら、成功です。 startup 設定Web App 起動時のスタートアップスクリプトを作成し、設定します。 backend/startup.sh を以下の内容で作成します。 https://portal.azure.com/ へアクセスして、App Service アプリ名 otamesi-backend をクリック → 構成 → 全般設定 スタートアップ コマンド：startup.sh とし、 保存 をクリックします。 スタートアップ コマンドのところ

はじめにOpenResty と lua-resty-openidc を使って、Apache ではなく、Nginx 系のシングルサインオン（SSO）の Web アプリ動作環境を作成しましたので、その手順を紹介します。構成は、以下です。 SSO は、OpenID Connect の仕組みを利用し、OpenID Connect の OpenID Provider(OP)/Identity Provider(IdP)は、GitLab を利用します。GitLab を OpenID Provider として利用する手順は、以下の別記事を参考にしてください。この記事では、GitLab 側の説明は省略します。 「GitLab as OpenID Connect identity provider をやってみた」 SSO、OpenID Connect とは何かの説明は省略します。 【検証環境】 Ubuntu

はじめにURLリンクからアプリを起動できるカスタムURLスキーム（custom url scheme, custom protocol）というのがあります。 ※英語サイトの場合、「custom protocol」と言っている場合が多いような気がします。 例として、microsft-edge:https://itccorporation.jpとすると、Edgeが立ち上がり、https://itccorporation.jpを表示します。 一方、例えば、microsft-edgeXXX:に対応するアプリが無い場合、無反応になります。(Chromeの場合) この場合、対応するアプリをインストールしないといけませんが、ユーザーは状況が分かりにくいです。 そこで、今回、対応するアプリの有無を検知する方法を実装しましたので、紹介していきたいと思います。 参考：https://github.com/is

はじめに弊社のWebサイト(https://itccorporation.jp)は、Next.js、ヘッドレスCMSのStrapiを使って、生成した静的Webサイトです。 ※用語については、下にまとめて簡単に解説があります。 図で示すと、以下のようになっています。 https://itccorporation.jpのソースコードは、GitHubにあります。(https://github.com/itc-lab/itccorporation) 今回は、このソースコードを使い、静的Webサイトを生成するところまでやっていきたいと思います。 Webサーバー（上の図で言うと一番右）のところの解説は省略します。 ・Node.jsインストール ・Strapiインストール ・Webサイトソースコードの配置 ・Strapi初期設定 ・Strapiでデータスキーマ作成 ・Strapiでデータ登録 ・Grap

はじめに 【2023年11月更新】 「Chrome公式サンプル」セクションのリンク切れを修正し、Chromeバージョンによる挙動の違いの注意書きを追加しました。 Web拡張機能で、Native Messaging という技術があります。 Native Messaging を使用すると、拡張機能とネイティブアプリケーション（Windowsの場合、exe）間でデータのやり取りが可能になります。 今回、Native Messaging 機能を利用したexeと拡張機能のお試し版を作成しましたので、仕組みをご紹介していきます。 ・動作内容 ・ネイティブアプリインストール ・Chrome拡張機能インストール ・Chrome動作確認 ・Firefox拡張機能インストール ・Firefox動作確認 ・Chrome公式サンプル 今回の検証環境は、 Windows 10 Pro(x64) Chrome: 91