記事一覧
フロントエンドが苦手なデザイナーがAstroとTailwind.cssを使ってLPを作ったときのメモ
忘れそうなので書いておく。
Astro画像置く場所
cssで背景画像を指定する画像はsrc/assetsの中に入れると表示できないので、publicフォルダの中に入れてimagesなどもう1つフォルダを作ってそこに入れる(背景画像でもassetsの中に入れられる方法がいくつかあるようだが少々面倒)
srcの中にあるファイルは最適化されてファイル名にhash値が含まれるようになるので、OG画像
Reactが書けないデザイナーがAWS Amplify StudioとFigmaを使ってReactコンポーネントコード生成
HTMLとCSSは大方理解しているがJSはほんの少しだけ、Reactなんて書けませんみたいなレベルのデザイナーがAmplify Studioを使ってFigmaで作ったデザインをReactコード生成してみました。
こちらのチュートリアルが非常にわかりやすかったです。
※利用するにはFigmaアカウントとAWSのアカウント、Githubアカウントが必要
アプリケーションのデプロイやらロールの作成や