Serverless FrameworkでAWS Lambda関数をデプロイする

こんにちはかみむらです。AWSのLambda関数をデプロイするときに、Serverless Frameworkを使ってみました。

Serverless Frameworkとは、AWS Lambdaなどサーバレスなアプリケーションの運用を簡単にするフレームワークで、有名なクラウドに対応してるところが大きな特徴です。

個人的にFirebase Functionsしか使ったことがなかったので、AWS Lambdaには苦手意識がありましたが、Serverless Frameworkを使ったデプロイが簡単だったので、備忘録として残しておきます。

GatsbyJS + GhostでJamstackなブログを作成する

こんにちはかみむらです。個人的な肌感で、Jamstackアーキテクチャーの構成でWEBサイトを公開する企業が増えてきた気がします。最近では日本製Headless CMS「microCMS」も登場して、だいぶ日本でも採用しやすい環境が整ってきました。

私もJamstackアーキテクチャー推しな一人なので、現在色々な構成で試作をしています。

Webサイト高速化のための　静的サイトジェネレーター活用入門 (Compass Booksシリーズ)

Next.jsにstyled-componentsを導入する

こんにちはかみむらです。もしReactベースのフレームワークで、スタイルを構成する場合はCSS in JSライブラリを検討する思います。特に人気なのが、styled-componentsです。最近では採用しているプロダクトが増えてきています。

自分もstyled-componentsを利用する一人ですが、Next.jsで導入する場合少し癖があったので備忘録として残しておきます。

Next.js + TypeScriptの開発環境を整える

こんにちはかみむらです。

最近はTypeScriptを採用する企業が増えてきました。TypeScriptの型システムは、サーバーサイドだけでなく、フロントエンドでも恩恵を受けることができます。そのため、各フロントエンドのフレームワークで、TypeScriptを簡単に導入できる環境が整ってきました。

特にNext.jsはフロントエンドとサーバーサイドの機能を持っているので、TypeScript化が必須だと思われます。

ER図を作成できる「DrawSQL」が便利！！画像とSQLのファイル出力に対応

こんにちはかみむらです。SQLのER図を書けるツールを探していたところ、DrawSQLというサービスを見つけました。

Static Formsを使ってNext.jsにお問い合わせフォームを実装する

こんにちはかみむらです。JAMstackアーキテクチャーや、静的なウェブサイトにお問い合わせフォームを実装するときは、Static Formsで作成できます。

react-i18next + hookで多言語化する

こんにちはhiro08です。Reactアプリケーションを多言語化するときに、react-i18nextが便利です。react-i18nextは、Reactに特化したローカリゼーションフレームワークです。i18nextと一緒に使います。