ThunderMiracle's Blog - Page 8

Netlifyでサーバーレスのアーキテクチャを無料で構築できることご存知ですか？今日はNetlifyの`functions`を使って、express + serverless + GraphQLの`HelloWorld`を作ってデプロイしてみましょう。

地図付きのウェブページと言えば、GoogleMapでしょう。GoogleMapApiが簡単で使いやすくとても助かります。ただし、GoogleMapの導入により、ウェブページのパフォーマンス（ローディングスピード）の落ちることに注意しなければいけません。

Reactを触ってからMVCでプロジェクトを開発するチャンスがだんだん少なくなってきました。最近人気の開発手法はフロント側React, Vue, AngularJSとなり、バックエンド側はGraphQL、LambdaまたAPIサーバーとなります。レガシーならMVC＋jQueryとなるでしょう。

ランディングページはユーザが最初にアクセスするページとなります。いつもトップページのことを指しています。 有意義なコンテンツをトップページに置くことで、アクセスしてきたユーザにアピールできるでしょう。 thundermiracle.comをリニューアルするとき、Netlify Formを使いました。ランディングページに[問い合わせフォームの設置](./2020-06-18-secure-gatsby-netlify-form)ができたものの、不可解な問題が生じ、結局問い合わせフォームを独立なページに移動しました。

dockerコンテナーを使えば、開発、テスト、デプロイの一貫性が保つからすぐい便利でしょう。PleskはdockerコンテナーのCDをサポートしていませんが、Gitレポジトリの`追加デプロイメントアクション`を利用すれば実現できます。

Pleskを使えば、PHP、Node.jsのアプリケーションを簡単に管理できます。さらに、Let's EncryptでSSL証明書の管理、メールサーバーの管理もできるのはすごく便利ですが、今のところ（2020/07/06）で、.Net Core、aspnet coreのアプリケーションのデプロイをサポートしていません。

Reactのようなコンポーネント指向でフロント側をデザインしてみると、レイアウトの中にさらにレイアウトを作るのが普通でしょう。

Netlify Formを利用すれば、serverlessのGatsbyにも問い合わせフォームを簡単に作れるでしょう。

Pleskでnodejsアプリをデプロイするとき、`git pull`した後、`yarn install && yarn build`でプロジェクトをビルドする必要があるからです。Pleskの`追加デプロイメントアクション`で、pull後コマンドの実行が簡単にできます。

nodejsでメール送信するなら、一番有名なのは`nodemailer`となる。今日はnodemailerでGmailのアカウントを利用して、簡単な送信機能を実装してみる。