投稿

ラベル（FullCalendar）が付いた投稿を表示しています

WEB予約システムを作りました

イメージ
仕事ではなく個人的にWEB予約システムを作ったので、今回はそれを自慢する内容です。 予約画面はこんな感じです。 PC用画面 予約の登録、確認、変更ができます。 もちろんスマートフォン用の画面もありますよ。 既に予約が上限まで埋まっている場合は予約不可となるのは当然として、祝日・非営業日・非営業時間をも考慮して予約の可否を判断します。 管理画面はこんな感じです。 月表示の他に週、日単位での表示が可能 予約の登録、変更、削除ができます。 他にも営業日、営業時間、休憩時間などを設定できます。 この予約システムの売りは双方向通信です！ 双方向通信により、以下のことを実現しています。 ・クライアントが予約を行った場合、他のクライアントのブラウザへ通知が届き、予約が埋まったことを知らせる。 ・管理画面から予約を登録した場合、全クライアントのブラウザへ通知が届き、予約が埋まったことを知らせる。 技術的な概要は以下です。 ・クラウドサーバー：AWS EC2(Linux) ・フレームワーク：.NET Core 3.1 ・DB：SQLite ・WEBサーバー：Kestrel ・ライブラリ：NLog4.7、MailKit 2.6、Json.NET 12.0.3、Jquery 3.4.1、Bootstrap 4.3.1、FullCalendar 4.3.1 ・依存している外部システム：Let's Encrypt、Google Calendar Let's EncryptはTLS通信のために、Google Calendarは祝日を取得するために使用しています。
コメントを投稿
続きを読む

このブログの人気の投稿

ArduinoにUARTのPINを追加する

イメージ
 ArduinoのSERCOMについて調べたところ、日本語の情報がほとんどなかったので、調べたことを備忘録として書き留めておきます。 ※ 簡単に調べただけなので、内容に誤りがある可能性があります SERCOMとは何か Serial communication moduleの略であり、MCUが用意しているシリアル通信モジュールのことである。 MCUのPinをどのシリアル通信（I2C、UART、SPI）で使用するのかを定義している。 以下はArduino MKR WAN 1310のMCUであるATSAMD21のデータシートを抜粋した画像です。 このMCUには6つのSERCOMが用意されていると書いてあります。 ArduinoのPinに紐づけられているSERCOMを確認する ArduinoのPinとSERCOMが紐づけられているので、シリアル通信を使うことができます。 以下はArduino MKR WAN 1310のPin配列図ですが、どこにもSERCOMの記述はありません。 より詳細なPin配列を「 Download the full pinout diagram as PDF here. 」から確認できます。 先ほどは無かった「Sercom」が表示されています。 例えば、UARTで使用するD13とD14には「SC5」と書いてあるので、SERCOMの5番と紐づいていることが分かります。 SERCOMでシリアル通信用のPinを増やせる ArduinoはMCUのSERCOMを全て利用しているとは限らないため、未使用のSERCOMがあります。 そのため、シリアル通信以外に割り振られているArduinoのPinと未使用のSERCOMを紐づけることで、シリアル通信用のPinを増やすことができます。 例えば、Arduino MKR WAN 1310のUARTは1つ(D13とD14)しか存在しませんが、他のPinを使ってUART用のPinを増やすことができます。 ...
続きを読む

Visual StudioでAngularの開発をする

イメージ
 Angularの勉強を始めたので、今回はその内容になります。 さて、Angularの開発はVisual Studio Code（VSCode）で行うのがデファクトスタンダードだと思います。 しかし、私はどうしてもVisual Studio（VS）でやりたかった。 なぜなら、VSCodeも素晴らしいIDEですが、VSにはかなわないと思うからです。 ところが、いざ勉強を始めるために開発環境を構築しようとしたところ、一筋縄ではいかなかったので、私みたいに「AngularをVSでやりたい！」という人のために書き留めておきます。 Node.jsをインストールする 公式サイト から最新版を落としてきてインストールします。 特段理由が無ければTLS版を選択する Visual StudioにNode.js開発ツールをインストールする ① Visual Studio Installerを起動して、変更を選択する。 ② Node.js開発にチェックを入れて、インストールを開始する。 プロジェクトを作成する ① ASP.NET Core Web アプリケーションを選択する。 ② プロジェクト名などを入力して、プロジェクトを作成する。 ③ Angularを選択する。 ④ Startup.ConfigureServices()で設定しているconfiguration.RootPathには仮の値が設定されているので、プロジェクト名に変更する。 変更前 変更後 ⑤ Hello world画面が表示できることを確認する。 ツールバーにある「IIS Express」から実行できる Angularのバージョンを上げる 「ClientApp」がクライアント側のソースコード、つまりAngularのソースコードになります。 ① インストールされているAngularのバージョンを確認する。 ngコマンドを実行するためには、ClientAppへ移動して頭に「npm run」を付ける必要があります。 インストールされたAngularは8なので、現時点で最新の10へバージョンアップします。 ② まずは8の最終版へバージョンアップする。 コマンド「npm run ng update @angular/core@8 @angular/cli@8」を実行する。 Angular 8.2.12 → 8.2.14 ③...
続きを読む

Arduinoが技適を取得した！？

イメージ
 以前からブログに書いているように、Arduino MKR WAN 1310(以下MKR WAN 1310)を使用してIoTデバイスを作成しています。 LoRaWANに興味のある人なら共感して頂けると思いますが、技適を取得しているデバイスがほとんどありません。 そんな中、MKR WAN 1310は使用しているLoRaWANのチップが村田製作所のCMWX1ZZABZなため、技適を取得済みでした。 しかし、最近2台目のMKR WAN 1310の購入したところ、技適のマークが消えている😱 公式オンラインラインストアの画像を見ても、データシートを見ても技適のマークが描かれています。 解せないので村田製作所の サイト を見ると、取得している認証一覧から技適が消えていました！ どうやら、「CMWX1ZZABZ」はさらに細かい「CMWX1ZZABZ-078」「CMWX1ZZABZ-091」といった品番に分かれており、全ての品番が技適を取得しているわけではなさそうです。 経緯は分かりませんが、Arduino側が技適を取得していない方のチップに切り替えたのでしょうね。 どうしようもないので、MKR WAN 1310は諦めて代わりになりそうなデバイスを探しましたが、技適を取得しているものが全然ない・・・ 諦めかけていたその時、信じられないものを発見しました！！ なんど、MKR WAN 1310が技適を 取得 しているではないですか😲 Arduino S.R.Lって何？？Arduino LLCじゃないの？？ と思って調べたところ、SRLがイタリアでLLCがアメリカみたい。 そして、お互いが「我こそが正当なArduinoだ」と主張して内部分裂しているそうな。 Arduinoの内部分裂について Arduinoが和解しました！【スイッチサイエンスチャンネル】 話がそれましたが、つまりArduino公式が日本の技適を取得したということで間違いないでしょう！！！ 取得したのがつい先月なので、実際の製品が出るのはまだ少し先かもしれませんが、技適取得済みのMKR WAN 1310が発売されると思われます👏
続きを読む