最新のまじかる

# まじかるブログを作ってみたお！

## なんで作ったの？
### いろいろ理由があるよ
* 自分のやってる事を公開していった方がいいかなぁ～って思ったからだよ
* ポートフォリオにもなるかなぁって思ったよ
* でも1番の理由は単純に作ってみたかったからだよ

## どうやって作ったの？
### 技術的な話
**Next + TypeScript + AWS Amplify** で作ったよ

### 理由
* イケてるらしいから
* **firebase** は使った事があるから

## どうやったらこんな感じに作れるの？
### フロント
フロント側のベースは以下のチュートリアルだよ  
https://nextjs.org/learn/basics/create-nextjs-app  
  
### バックエンド
上記の内容を**AWS Amplify** に上げて  
バックエンド側の認証を**IAM**と**cognito**でやって  
フロントから**Graphql**で**AppSync**→**DynamoDB**でアクセスしてるだけだよ  
  
静的コンテンツは**S3**に置いてるよ

### ドメイン
**お名前.com**でドメインを取ったよ  
**Route 53** と **Elastic Compute Cloud**(EC2)と**Amplify**で設定できるよ
  
### お金はどのぐらいかかるの？
今のところはドメイン料金2年3000円  
AWS側でそのドメインの固定で月400円ぐらいだよ

## 感想は？
* **AWS**のサービスの種類が多くて何がなんやら調べるのに面倒くさいと思ったよ  
* 認証周りも面倒くさいと思ったよ
* やりたい事ができて満足してるよ
* やっぱり、自分は作りたい物を作りたいだけで、その目的が達成されるなら技術的な事は手段でしかないんだなぁって事を再認識したよ
* た、たぶんブログ的な感じで運用していくよ
* 管理画面はまだ作ってないよ

Next + TypeScript + AWS Amplifyでブログを作ってみた話

magical

むかしむかし、あるところにまじかるがいました。　おわり！

まじかるの歴史

![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/blenderTshirtsThumbnail.png)  



## どうやって買ったの？


なんと！[Blender公式](https://www.blender.org/)を見てると右上にStoreという文字が！

![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/BlenderOrg.png)

更にそれっぽいところクリックしていくと

![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/BlenderStore.png)
![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/BlenderStoreWear.png)

めっちゃグッズあるやん！（少ない）


## 何買ったの？

### 今回は黒シャツとUVの靴下を買いました  
Tシャツはロゴだけでシンプルですが靴下のアイデアは素晴らしい！  
モデリングした事がある人ならコレめっちゃいいやん！ってなるアイテムだと思います！  
UVとはなんぞやという方は↓  
[UVとは](https://docs.blender.org/manual/ja/dev/editors/uv/introduction.html)  

Tシャツはなんとあの**オーガニックコットン**らしいです！  
よくわからんので専門家に聞きましょう  
[オーガニックコットンとは](https://www.gunze.jp/kireilabo/special/content/a202009/)  
どうやらオーガニックコットンを名乗るのにハードルがあるらしいですね  
あ～果汁100％ジュースの話みたいな事ね。と勝手に納得しました  

## 届くのにどのぐらいかかった？
### たぶん３週間～4週間の間だと思います！結構長かったです！

#### そして届いた商品がこちら！
![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/BlenderSocks.jpg)
![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/blenderTshirt.jpg)
#### 報告無く添付されている組織の写真
![](https://magical-iga-blog-album232241-dev.s3.ap-northeast-1.amazonaws.com/public/wearBlenderSocks.jpg)
UVズレてない！

## 着心地は？
### なんか生地薄くない？こういう物？
って感じでした！  
靴下はちょっとデカイかも！
