タグ: SAFE Stack

本サイトの管理用Ｗebアプリ作成基盤として使用しているSAFE Stackがリニューアルされました。
細かい経緯等はF#でブログ管理用Webアプリ開発やブログ管理用Webアプリ(SAFE Stack)の.NET Core 3.x 移行を参照していただくとして、今回はSAFE Template v2のお話をしたいと思います。

先日、当ブログの.NET Core 3.1への移行という記事を書きました。

今回はF#でブログ管理用Webアプリ開発という一連の記事で作成した管理用アプリを.NET Core 3.xに移行しました。

前回の当ブログシステムと違い、今回の対象アプリはSAFE StackというSPA作成フレームワークを使っています。言語はF#になります。

SAFE Stackについてはこの記事で簡単にご紹介しています。併せてお読み頂けるとうれしいです。

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

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

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

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

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

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

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

fake build --target build

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

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

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