useState の書き方が見慣れてなかったが、当たり前と言えばその通り。 もちろん useState の中身はこの通りではない。 stackblitz.com で、ググったらあったけど、2018y ... React hooks: not magic, just arrays | by Rudi Yardley | Medium

Angular Material の MatTree を使った時に、@HostListener をネストしたような構成になるとイベントが伝搬されないが、理由は event.stopPropagation() が MatTree に実装されているから。 stackblitz.com

ビジネスアジリティ実現の基盤となるフレームワークがSAFe(Scaled Agile Framework)®です。SAFe®は、リーン、アジャイル、DevOps の原則、プラクティス、コンピテンシーを組み合わせた実証済みのフレームワークです。 参考文献 Advanced Topic - What's new …

C4 Model は コンテキスト（context） コンテナ（containers） コンポーネント（components） コード（code） の略です。ソフトウェアアーキテクチャを様々な表示倍率で記述するための一連の階層図で、それぞれが（関心の）異なる聞き手に有用です。 ソフト…

QA2AQ(Quality Assurance to Agile Quality)はもともと、アジャイル開発やオブジェクト指向、パターンの実績で著名なJoseph Yoder、Rebecca Wirfs-Brock、Ademar Aguilarの3氏により、2014年のアジア地域におけるパターン国際会議AsianPLoP’14において、6つ…

一般的に，要件は 技術制約 (Technical Constraint) ビジネス制約 (Business Constraint) 機能要件 (Functional Requirement) 品質特性 (Quality Attribute) の4つに分類され、これらはアーキテクチャ決定要因 (Architectural Drivers) と称される。制約とは…

stackblitz.com

stackblitz.com

stackblitz.com

stackblitz.com

stackblitz.com

毎年書いてますが4期目の決算も無事滞り無く完了し、この4年間順調に業績も右肩上がりで毎期売上も約4割程度アップしてます。これも皆様のお陰かと思います。相当大きな Angular 案件も頂くことができここまではかなり順調できています。正確にはいましたと…

@nestjs/config ではなくdotenv 。@nestjs/config は内部的に dotenv も使ってます github.com dotenv のインストール npm i dotenv -S npm i @types/dotenv -D ※ Windows との差異を埋めるには cross-env - npm 設定 例えば import { NestFactory } from '@…

Cloud SQL に接続するにはマニュアルに書かれている通りで、特に App Engine から接続するときにはソケットによる接続を行う 形式 /cloudsql/INSTANCE_CONNECTION_NAME を使用して、Cloud SQL インスタンスの UNIX ドメイン ソケットにサービスを接続できま…

400 Cannot set username for connection without requires_username. のエラーはこれの設定ができてない。スイッチ入れてね

node_modules 内のライブラリが JSON.stringify() 使ってて循環オブジェクト参照構造体の呼び出しエラーになっていたからパッチを当てた。その当て方。 patch-package を npm i して scripts に登録する(※1) node_modules 内のコードに手を加える npx patch-…

NestJS CLI のインストール % npm i -g @nestjs/cli NestJS 関連のプロジェクト生成 % nest new project-name % npm i nest-router -S % npm i class-transformer class-validator -S GCP 用の package.json { "name": "", "version": "0.0.1", "description…

Note though that usually the end user would not call that management API himself, but that would be a call from your backend to the Management API, where your backend would fetch the access token for it via Client Credentials Grant (M2M / …

ライブラリの登録 npm i class-validator, class-transformer -S ValidationPipe有効化 async function bootstrap() { const app = await NestFactory.create(AppModule); app.useGlobalPipes(new ValidationPipe()); @UsePipes(new ValidationPipe()) を使…

GCPでのデフォルトのエントリーファイルは server.js なので app.js にしたい場合は package.json に指定しておく "scripts": { "start": "node app.js" },

「アプリのハンドラで強制的に HTTPS を使用する場合は、app.yaml 内の各ハンドラに対して secure: always 要素を指定できます。次に例を示します。」だね。 cloud.google.com

認証プラットフォーム Auth0 ってソーシャルログイン前提と勝手に思ってたが、予め登録したユーザのみログイン許可することもできる。Twitterで呟いたらフォローしてもらえました。ありがとうございました。 Social Connection の場合はルールで対応 Auth0 …

nestjs でエントリーファイルを指定するときに少し困ったので見たところを書いておく。簡単なところで nest-cli.json は次のように使ってる。困りごとは entryFile が main.ts がデフォだけどそこを app.ts に変えたかった。 だけども Nextjs とか NuxtJS と…

デザインカンプ作るときにカラーコンセプトと言うページを作るんですが、デザイナーが俗人的にやってるので補色とか反対色等々の定義を調べてサイトにしてみました。これにウンチクを付け加えると立派なWebアプリケーションのデザインカンプが出来上がります…

[App Engine] ->[設定]->[カスタムドメイン]タブ->[カスタムドメインを追加]でサブドメインを追加する ex) hoge.io ドメインに demo.hoge.io を追加したい場合を想定 設定に関しては画面指示通り 最後にGoogle Domains に設定をする cloud.google.com

app.yaml に設定する。詳細はこちら cloud.google.com ex) handlers: - url: /(.*\.(gif|png|jpeg|jpg|css|js|ico|woff2|eot|ttf|woff|txt))$ static_files: angular-app/\1 upload: angular-app/(.*) - url: /(.*) static_files: angular-app/index.html up…

ここに書かれている通り cloud.google.com ex. dispatch: - url: "subdomain.hoge.io/*" service: subdomain - url: "subdomain-1234567890.dt.r.appspot.com/*" service: subdomain - url: "*/api/*" service: api-service - url: "*/*" service: default ※…

GCPの App Engine でカスタムドメインを使いHTTPSを設定するには「App Engine」の「設定」で「カスタムドメイン」を設定し、SSLセキュリティとしては Googleが管理を使うとコストがかからない。 App Engine の設定 cloud.google.com

設定はこちら: https://github.com/marketplace/actions/publish-app-to-google-app-engine GCP_SA_KEY は Google Cloudの「IAMと管理」にあるサービスアカウントでアカウントの「鍵を作成」する ファイル(※1)がダウンロードされるのでそのファイルを Base64…