Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@nyappy15th

amplifyチュートリアル行ってみた

はじめに

こんにちは。ふじむーです。
2021年4月より、未経験からフロントエンドエンジニアとして働きだしました。

先日、社内で使用している技術について調べてLTすることになりました。
今回は、AWSの「Amplify」です!

本記事は、その時発表したものをアウトプットすることを目的としています!
もし誤りなどございましたら、コメントいただけると幸いです!!

もくじ

  1. Amplifyとは
  2. Amplifyチュートリアルやってみました
  3. 今後必要そうな学習
  4. 参考にした記事

Amplifyとは

aws-amplify.png
結論、AWSが提供しているアプリ開発するためのプラットフォームです。
アプリ開発のために必要なものがすべて含まれている!と個人的には理解しました。

Amplifyでは、アプリ開発のために以下の2つが用意されています。

  • Amplify framework
  • Amplify Developer Tools

開発を速度を高めるためにAmplify独自の以下のようなframeworkが用意されております。

  • クライアントライブラリ
  • UIコンポーネント
  • DataStore
  • CLI

なかでも、CLIは導入することで、amplifyコマンドが使用できるようになります。
このおかげで、とても直感的に操作しやすくなる印象でした。

Amplifyチュートリアルやってみました

現在弊社ではvueを使用して開発をしているため、
こちらのチュートリアルを行ってみました。

内容は簡単なtodoアプリを作成し、web常に公開するものです。

amplify.gif

感想その1 公開まで早い!

30分くらいでweb上に公開できました。
もちろん、手軽な内容のアプリかつチュートリアルということもありますが、
EC2にRailsアプリをデプロイするときと比べて全然早かった印象です。

早かった理由として、個人的には環境構築系がほとんどなかったことが大きいのかなと思いました。

EC2の時は、rubyをインストールすることから始まります。
amplifyではframeworkのおかげもあり、
何かインストールする作業はありませんでした。

amplifyでは最低限以下の手順でweb上に公開できました。

  1. amplify initする
  2. graphQLの設定をする
  3. amplify pushする
  4. amplify hosting amplify publishする

git操作のような感覚で行えます。

感想その2 CLIのおかげで直感的に操作できる。

amplifyを使用する場合、はじめにcliをインストールします。

$ $ npm install -g @aws-amplify/cli

こちらをいれることで、amplifyコマンドを使用できるようになります。
amplifyコマンドによって直感的に操作しやすくなります。

例えば、、、

  • 認証機能をつけたい!
    👉 amplify add auth

  • 機能を追加したい!
    👉amplify add api

  • ファイルを保存できるようにしたい!!
    👉amplify add storage

これらのコマンドを入力するだけで、勝手に必要なファイルを生成してくれます。

今後必要そうな学習

amplifyはモダンなフレームワークのみ対応しているので、
Reactやvueといったモダンなフレームワークを学ぶ必要があると思います。

また、バックエンド側のやりとりはGraphQLが行っているので、
GraphQLを学ぶ必要があると思います。

最後に

これはもしかしたら私だけかもしれないのですが、
amplify initを行っていた時に、カーネルパニックを起こすことがありました。

OSが最新でないとカーネルパニックを起こすことがあるということなので、
BigSurにあげてみたところ、問題なく動作しました。

ちなみに、その時(2021/04/04)はCatalina OSでした。

参考にした記事

1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
nyappy15th
4月より、未経験から受託開発企業のフロントエンドエンジニアとして働いてます。 Vue / bootstrap /Javascript / RubyOnRails / SQL

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?