stray dog

はじめに よく使用する図表では、最初に設定しておきたいスタイルあったりするので、その備忘録。とりあえず対象は以下の通り。 ER図 ユースケース図 マインドマップ 図表を作成する際に一番面倒なのは位置調整とかだと思うので、それをしなくて良い分plantumlやmermaidはとても良いですね。drawioでER図などを作成していましたが、正直メンテナンスが大変なので嫌でしたね。共同編集が難しい以外は、 ER図 線をカクカクさせて、各エンティティごとにバックエンドカラーを変更させています。よ...

はじめに 自分用にプロトタイプ開発する際にまとめたい図表を列挙する。 内容 要求整理のための資料としては以下のよな図表が良いように思います。 マインドマップ ユーザーストーリーマップ カスタマージャーニーマップ 課題の列挙、プロセスの洗い出しなどが出来ると、方向性は間違いづらいかなと。 システム構築前に用意したい図表は以下の通り。 ユースケース図 アーキテクチャ図 ER 図 機能、データ構造、システム構造が分かれば、何となく動くようにはなると考えています。 ただ、参加人数の多さや参加...

概要 Web 制作系のノーコードな SaaS が群雄割拠していてよく分からんので、自分なりにまとめてみる。独断と偏見に満ち満ちてることに留意してほしい。 一覧 以下のような項目で比較表を作成してみた。サラッと見た感じなので、プランによっては出来ることもあるかもしれないことに留意して頂きたいと思う。 基本的に、free プランでは、それぞれのプラットフォームのバナーがサイトに表示されるものとして考えると良い。そのため、少なくとも 1000 ～ 3000 円程度の月額を考えると良いのかもしれない...

概要 Quasar で FirebaseUI を使用する際に手間取ったので実装時の Tips。多分おおよそは Vue3 のみでも共通に使用できるモノと思う。 内容 ここでは Firebase ライブラリの初期化処理については述べません。Firebase の初期化処理は別途記載してください。 インストールは以下のコマンド。 npm i firebaseui firebaseui-ja その後、「quasar.config.js」に CSS を登録。 quasar.config.js mod...

はじめに 個人的に現時点（2022年10月12日時点）にてVue3のフレームワークはQuasarが良いのではないかと考えています。QuasarはUIコンポーネントの提供もしているので、Vuetifyとの比較になることがありますが、Quasarはプロジェクトの作成とともに、他ライブラリもテンプレートとして提供してくれていたり、マルチプラットフォーム対応するためにコンパイラ連携も提供しているので、立場的にはNuxtあたりと同じになるのかなと思います。 マルチプラットフォーム対応する上でも、Flutt...

はじめに Quasar Frameworkとは、VueベースのFrameworkです。長くVuetifyを使っていたのですが、ずっとvue3対応が遅れてる状態だったため、引っ越し先としてquasarを選択したため、その備忘録。Vue3対応しているフレームワークで使いやすそうな印象を自分は感じました。基本的なところは、他フレームワークと違いはないので、他フレームワークを利用していれば習熟はそれほど難しくないと感じます。ポジションとしてはNuxtあたりになる感じがしますが、使ったことないので比較でき...

はじめに flaskを利用していたのですが、swaggerドキュメントを求められる場合が出てきたので、 可能であれば書きたくないと思いながら、探していた際にFastAPIを見つけました。 元々知ってはいましたが、書き方的にflaskとあまり変わらないし、前はswaggerドキュメントを 用意することはなかったので、採用を見送っていました。 ただよくよく調べると、デフォルトでCORS対応、バリデーションや前述のswaggerドキュメントの出力があったので、 今後は積極的に使用しようと思い、備忘録的...

はじめに vuexをよく使うようになったので、備忘録。 ライブラリインストール プロジェクトの作成とvuexの導入については省きます。ひととおりプロジェクトの準備ができたら、以下のライブラリを以下のしてください。 npm install vuex-persist localforage 設定 vuexを導入していれば、store/index.jsがあると思います。そうしたら、そのファイルに以下のように記述します。 store/index.js import Vue from "vue"...

はじめに Docker+Nginxを用いてproxyサーバを作ろうとしたときに、環境変数から設定したかったのに少し手間取ったので、その備忘録。 フォルダ構造 ./ |-Dockerfile '-nginx.config.template ファイル内容 今回は仮に以下の環境変数を使用することとしました。 PORT FRONTEND_PATH BACKEND_PATH nginx.config.template user nginx; worker_processes 1; ...

概要 田舎でシステム開発していると、「なるべく安く」が前提とあり、ランニングコストが1万でも2万でもかかると「高い」と思われるので、インスタンスを立てるようなアーキテクチャを使用できない場合がそこそこあります。なので、大前提としてサーバレスである必要があります。 アクセス数が増えると場合によってはインスタンスを立てるような構成の方が安かったりするが、そもそも何万PVだとかなんとかいくこともないし、そういうシステムの場合、片田舎だとメンテできる人材がほとんどいないので、そういった運用面でもサーバレ...