F#でブログ管理用Webアプリ開発 シリーズ

F#の周辺事情という記事でF#、特にFableを使って当サイトの機能を拡充していければいいなと書きました。

あれから色々と調べていて、SAFE Stackというものを見つけました。

前回の記事、SAFE StackによるSPA開発はSAFE Stackというものを見つけたyo！というお話でした。
今回は実際に開発環境を作成してみます。

今回は SAFE Template で生成したプロジェクトの構造を俯瞰してみます。
前回の記事、SAFE Stack開発環境構築の最後の方で記載したコマンドを実行して作成された状態のプロジェクトを基にしていますので、同様に試していただければ理解が進むのではないかと思います。

作成されたプロジェクトをビルドした状態から始めたいので、ビルドや実行をしていない方はプロジェクトのルートフォルダをカレントにして以下のコマンドを実行してください。

fake build --target build

前回の記事、SAFE Templateで生成したプロジェクトの構成ではSAFE Templateで作成されたプロジェクトのファイル構成とサーバー側ソースの簡単な説明をしました。
今回は前回に引き続き、クライアント側ソースを見てみたいと思います。

前回の記事、SAFE Templateで生成したプロジェクト(クライアント側)でクライアント側のソースを俯瞰しましたが、記事の最後の方で書いた通り、SAFE Templateはとてもシンプルな構成になっています。

前回の記事、F#でDapperを使ったDBアクセスはサーバー側のデータアクセスに関する内容でした。
今回はクライアント側、Fable.Elmishを主に解説します。

前回の記事、Elmish ... メッセージがいっぱいはFable.ElmishでTaxonomyマスタ保守画面をどのように実装したか？というお話でした。
マスタ保守画面の機能としては、その前のF#でDapperを使ったDBアクセスと併せて、ひとまず完了したつもりですが、このままでは誰でもデータを変更できてしまうのでログイン画面を追加します。

前回の記事、SAFE Stackにログイン画面を追加 -- JWT(Json Web Token)による認証／認定の実装で、このシリーズは完了と書いたのですが、SAFE StackがVSCodeでデバッグ出来るようになったので、記事追加します。