FastAPI【FastAPI】ファイルのアップロード機能を作る方法
事前準備今回はFastAPIでファイルのアップロード機能を作成する方法について紹介していきます。FastAPIでファイルを扱うにはリクエストボディがmultipart/formdataになります。このmultipart/formdataをF...
FastAPI
FastAPIresponse_modelの使い方について【FastAPI】
FastAPIではリクエストやレスポンスが適切な内容であるかをバリデーションすることができます。response_modelは名前の通りレスポンスに関する機能で、レスポンスについてバリデーションが行えます。response_modelの基本...
shellディレクトリ構造をイイ感じに表示してくれるコマンド【tree】
treeはディレクトリ構造を下記のようにツリー形式で表示してくれるコマンドです。.├── .gitignore├── package-lock.json├── package.json└── src ├── index.css ...
FastAPIファイルを分割してルートを定義する【FastAPI】
今回はFastAPIでルート定義を行う際に、ファイル分割して定義する方法を紹介します。入門等でよく見る方法では、下記のコードのようにルートを定義しています。from fastapi import FastAPIapp = FastAPI()...
PythonImportError: cannot import name ‘Annotated’のエラーが出た時の対処方法
ImportError: cannot import name 'Annotated'typingのAnnotatedをimportできない時は、Pythonのバージョンを確認しましょう。AnnotatedはPython3....
PythonVSCodeでPythonの型チェックを有効にする
Pythonには型アノテーションの機能がありますが、せっかく型アノテーションをつけるなら、VSCode上でWarningを表示したいです。型チェックはPylanceという拡張機能を入れることで有効化できます。PylanceはMicrosof...
JavaScriptdefinePropsにデフォルト値を与える方法【Vue3+TS】
Vue3とTypeScriptで、propsを受け取るには、下記コードのようにdefinePropsを使用します。<script setup lang="ts">interface Props { firstName: string;...
JavaScriptdefinePropsの使い方【Vue3+TS】
definePropsの使い方TypeScriptでは下記のコードのように、definePropsのジェネリクスに受け取りたいPropsを定義することができます。また、?をメンバの末尾に付け加えることで、任意のPropsを定義することができ...
Pythonリストへの要素の追加方法まとめ【Python】
appendappendはリストの末尾に要素を追加するための関数です。lst = lst.append(3)print(lst)# lst.append()print(lst)# ]ちなみに、ドキュメントによるとappend関数は下記コード...
AWSNuxt3(Vue)でCognito+Amplifyによる認証機能の導入
今回はNuxt3でAmazon CognitoとAWS Amplifyを使用して、ユーザーのログイン機能（認証機能）を導入する方法について紹介します。また、今回はAmplifyで用意されているUIを使用するため、自分でUIを作成する必要はな...