BETA

サーバーレスWebアプリを開発するためのCloud9環境構築

投稿日:2020-01-01
最終更新:2020-01-01

サーバーレスWebアプリを開発するためのCloud9環境構築

この記事はサーバーレスWebアプリ Mosaicを開発して得た知見を振り返り定着させるためのハンズオン記事の1つです。

##イントロダクション
Cloud9で開発してまして、なので、その環境構築からはじめます。
VueのWebアプリ、Lambda用のPython(3.6)、などを開発・ビルドできるようにします。

コンテンツ

AWS Cloud9 環境の新規作成

AWSマネジメントコンソール > AWS Cloud9

  • Create environmentボタンを押下。
    • Step1 : Name environment
      Name : 適当な名前を設定する。
    • Step2
      Environment Type : EC2を選択。
      Instance Type : t2.microで充分。
      Platform : Amazon Linux
      Cost-saving setting : After 30 minutes(default)
    • Step3
      ReviewをチェックしてCreate environmentボタンを押下

Vue CLI 3のインストール

$ npm install -g @vue/[email protected]  
$ vue --version  
@vue/cli 3.11.0  

@3.11.0を指定しないと最新版が入ります。
2019年12月中旬現在、リリースされたばかりの4が入りました。
4でも問題ないと思いますが、今回はハンズオンということで、念の為バージョンを指定してインストールします。

Vue CLI 3によるプロジェクトの作成は別記事としました。

Python 3.6のセットアップ

2019年10月頃、Cloud9の標準インストール済みPythonのバージョンは2.7でした。
Python2のサポート終了が2020年1月に迫っているということで、2.7から3.6に変更する手順について書こうと思っていたのですが。2019年12月中旬現在、すでにCloud9の標準インストール済みPythonのバージョンが3.6.8になっていました。
ありがとうございます。助かります。

と、思いきや、pipの参照Pythonが2.7のままですね、、。何ででしょうか、、。罠でしょうか、、。
以下のように3.7を参照するよう変更しておきましょう。

$ pip --version  
pip 9.0.3 from /usr/lib/python2.7/dist-packages (python 2.7)  
ec2-user:~/environment $ sudo update-alternatives --config python  

There are 2 programs which provide 'python'.  

  Selection    Command  
-----------------------------------------------  
*+ 1           /usr/bin/python2.7  
   2           /usr/bin/python3.6  

Enter to keep the current selection[+], or type selection number: 2  
ec2-user:~/environment $ pip --version  
pip 9.0.3 from /usr/lib/python3.6/dist-packages (python 3.6)  

あとがき

ワタシのプライベート開発環境ですが、メモリ4GBのChromebook(5万円)と、t2.microのCloud9となっています。
決して快適な環境ではないのですが、これはある意味で縛りというか、制約というか、不自由を楽しんでいるというか、まぁそんな感じです。

しかしCloud9はいいですね。
すぐに開発を始められるし、インターネットとWebブラウザがあればどこからでもどのPCからでもアクセスできる。

ハンズオンの環境はCloud9で決まりですね。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@w2or3w の技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう