$30 off During Our Annual Pro Sale. View Details »

SST ( Serverless Stack Toolkit ) 使ってみた

koara
September 26, 2023

SST ( Serverless Stack Toolkit ) 使ってみた

2023-09-26 緊急開催!サーバーレス座談会 in JAWS-UG 大阪

koara

September 26, 2023
Tweet

More Decks by koara

Other Decks in Programming

Transcript

  1. SST ( Serverless Stack Toolkit )
    使ってみた
    2023.09.23

    View Slide

  2. Who am I ?
    {
    "Name": "古賀巧",
    "X_id": "@koara__fftr",
    "Age": 27,
    "Career": [ “C”, ”C++”, ”C#”, ”JavaScript”, ”PHP”],
    "Hobbies": ["音楽"],
    "Certifications": [ ],
    "Favorite_AWS_service": "AWS Lambda",
    "Other": [ ]
    }

    View Slide

  3. What is SST?

    View Slide

  4. SSTを使う準備
    aws cliをインストールしておく
    認証情報を設定しておく
    npx create-sst@latest my-app
    cd my-app
    npm install
    npx sst start
    SSTを使う

    View Slide

  5. SSTコンソールとAWSアカウントの紐づけ

    View Slide

  6. SSTコンソールとAWSアカウントの紐づけ

    View Slide

  7. 別タブが開いてAWSコンソールにログイン

    View Slide

  8. SSTとAWSアカウントを紐づけるための CFnスタックをデプロイする

    View Slide

  9. 「sst-」から始まるAdminstratorAccess権限をもつIAMロール
    SSTConnectというカスタムタイプのリソース (Lambda関数)を作成

    View Slide

  10. デプ完

    View Slide

  11. packages\frontend
    packages\functions
    stacks
    フロントエンド
    Lambda関数
    インフラ
    SSTアプリのディレクトリ構造

    View Slide

  12. SSTアプリにフロントエンドを追加する
    Reactを追加
    npx create-react-app packages/frontend --use-npm
    .env追加
    package.jsonのstartコマンドにsst bindを追加
    npm run start
    https://sst.dev/examples/how-to-create-a-reactjs-app-with-serverless.html

    View Slide

  13. フロントエンドとバックエンドを一緒に書ける
    CDKよりも抽象化されていて簡単に書ける
    ローカルでLambdaを実行してデバッグできる
    変更がすぐに適応される CDKよりも速い
    SSTを使うメリット
    SST独自の書き方
    CDKよりも抽象化されていて簡単に書けてしまう
    SSTコンソールで確認できるのはサーバーレスサービ
    スのみ
    SSTを使うデメリット

    View Slide