2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

はじめに

こんにちは、H×Hのセンリツ大好きエンジニアです。(同担OKです😉)
Markdown AIを使った記事を投稿しよう!というキャンペーンがありましたので、Markdown AIを使ってみました!

所感としては、HTMLとかCSSとか、Webサイトの公開方法とか分からないけどWebサイト作ってみたい! という方向けだと思いました🤩
※まだβ版とのことで、AIを活用することは出来ないとのことです🥲

Markdown AIとは

Markdownを使ってWebサイトを作成することができるサービスのようです。
また、Webサイトの作成から公開まで全てを1つの画面で完結できるため、Webサイト制作に興味のある方でも始めやすいサービスとなってます!

さらに、HTMLは普通に使えるので勉強中の方が試しに公開してみるというユースケースも考えられそうですね🤔

メリット

  • 作成から公開まで無料!!!
  • 出来ることが限られているため、初学者にとって覚えやすい
  • Webサイトを気軽に公開できる

Webサイト作成から公開まで

以下のページで実際に作成できます。

初期画面はこちらになってます。
スクリーンショット 2024-07-13 14.54.46.png

それぞれの機能をセクションに分けて説明します!

1. Webサイトのページ管理

こちらは、Webサイトを公開するページを管理するセクションです。
以下のものができます。

  • +ボタンでページ追加
  • Delボタンでページ削除
  • 各ページクリックで切り替え

2. Webサイトの見た目、画像挿入、公開

こちらのセクションでは、以下のことができます。

  • ViewボタンでWebサイトの見た目を確認
  • Imageボタンで画像挿入
  • Saveボタンで現在の変更を保存&公開

3. Webサイトの中身を作成

こちらのセクションでは実際にWebサイトをMarkdownで作成できます。

1画面で完結するので、直感で作業できそうです!便利ですね🥹
では、実際に作ってみましょう!
今回は、僕の大好きなハンターハンターのセンリツ紹介サイトを作ってみます!

sample.md
# **🎶 センリツ - 調律師の音色 🎶**

---


![スクリーンショット 2024-07-12 4.44.23.png](https://storage.googleapis.com/topdowncom/content/RWyVcJsYqXXxpP6BLJSOimvShha2/d018cd32-fecc-4275-acaf-a1c2fd99c4f1/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-07-12%204.44.23.png)

---

## **プロフィール**

- **名前**: センリツ
- **職業**: 調律師
- **所属**: ハンター協会

---

## **特徴**

- **🎻 音楽への深い愛情**: 音楽と共に生きるセンリツは、その繊細な音感で世界を調律します。
- **🩸 呪いの影響**: 呪いにより変わり果てた姿を持ちながらも、その心は純粋で温かい。
- **🕊️ 平和を願う心**: 常に平和を望み、争いを避けるために努力しています。

---

## **エピソード**

> "私は音楽で世界を癒したい。人々の心に響く旋律を奏でるために、ここにいるのです。"

---

## **スキル**

- **🎵 音楽療法**: 音楽を使って人々の心を癒すことができます。
- **🔧 調律**: 楽器の調律だけでなく、心の調律も得意です。

---

## **リンク**

- [ハンターハンター公式サイト](https://www.shonenjump.com/j/rensai/hunter.html)
- [センリツの詳細情報](https://dic.pixiv.net/a/%E3%82%BB%E3%83%B3%E3%83%AA%E3%83%84)

---

センリツの物語はまだ続きます。彼女の音楽があなたの心にも響きますように。

このように記述すると。。。
スクリーンショット 2024-07-13 15.45.59.png

きちんと描画されていることが確認できますね!

また、Saveボタンを押すと、隣にURLボタンが出現します。
スクリーンショット 2024-07-13 15.47.00.png

これを押すとWebサイトを公開するか確認されますので、Publishボタンを押してみましょう!
スクリーンショット 2024-07-13 15.47.20.png

すると、簡単にWebサイトを公開することが出来ました!!!
とても簡単に作成から公開まで行えるので取っ掛かりやすいですね!🥳
↓↓↓こちらで確認できます。

おわりに

今回はキャンペーンを行っていたので、Markdown AIを触ってみました!
公開まで無料なので、気軽に触ってみたい方にはとてもオススメできるサービスかなと思います!

最後までご覧いただきありがとうございました🫡

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?