<p>まじかるぎり\n 目の前にある小さなまじかるを切れる</p>


まじかるのひでんマシン01

magical

### 見出し

Markdownを使ってみよう
============

Markdonwとは？
------------

### 引用

> Markdown（マークダウン）は、文書を記述するための軽量マークアップ言語のひとつである。
> 本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。
> しかし、現在ではHTMLのほかパワーポイント形式やLATEX形式のファイルへ変換する
> ソフトウェア（コンバータ）も開発されている。
> 各コンバータの開発者によって多様な拡張が施されるため、各種の方言が存在する。


### リンク

[Wiki:Markdown](https://ja.wikipedia.org/wiki/Markdown):WikiのMarkdownのページ

### 強調

*ここがemタグで強調されます*  
_ここがemタグで強調されます_  
**ここがstrongタグで強調されます**  
__ここがstrongタグで強調されます__  


### リスト

- フシギダネ
- フシギソウ
- フシギバナ


### テーブル  

 | A列 | B列 | C列 |D列|E列| 
|-----|:---:|-----|--:|---|
| あ  | い  | う  |え |お |
| か  | き  | く  |け |こ |
| さ  | し  | す  |せ |そ |


### プログラムを記述する場合  

```rb
num = 0
while num < 2 do
   print("num = ", num)
end
print("End")
``` 

# まじかる
## まじかる
### まじかる
#### まじかる
##### まじかる
###### まじかる

まじかるマークダウン2

これぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃんこれぶろぐじゃん！！！！

まじかるぶろぐ

まじかるのまじかる

まじかるの冒険

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

まじかるの歴史

まじかるの記事１

まじかるぎり\n 目の前にある小さなまじかるを切れる

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

## なんで作ったの？
### いろいろ理由があるよ
* 自分のやってる事を公開していった方がいいかなぁ～って思ったからだよ
* ポートフォリオにもなるかなぁって思ったよ
* でも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**のサービスの種類が多くて何がなんやら調べるのに面倒くさいと思ったよ  
* 認証周りも面倒くさいと思ったよ
* やりたい事ができて満足してるよ
* やっぱり、自分は作りたい物を作りたいだけで、その目的が達成されるなら技術的な事は手段でしかないんだなぁって事を再認識したよ
* た、たぶんブログ的な感じで運用していくよ
* 管理画面はまだ作ってないよ