Markdown AIとは何か？

Markdownを使って簡単にWebサイトを作成できるサービスです。
エンジニアの使用だけでなく、子どもたちが簡単にWebサイトを作成し、世界中の人々と交流できるというのがコンセプトらしく、誰でも簡単にWebサイトを作成できるサービスとなります。

スマートフォン対応や、Markdownを初めて使う方でも使いやすいサイトとなっており、非エンジニアの方の最初の障壁を取り除くことに力を入れているという印象です。

Markdown AIをなぜ使うか？

誰でも簡単にWebサイトを作成することができる
AIモデルを作成し、Webサイトを作成することができる

誰でも簡単に、独自のWebサイトを作成できるというのが魅力だと思います!!

いつつかうか

・Webサイトを作りたい時
・AIを使ったWebサイトを作りたい時

どのようにつかうか

マークダウンでWebサイトを作成する機能と、AIを組み込んだWebサイトを作成する手順を説明します。

マークダウンでWebサイトを作成

・アカウント登録、ログインする
・左上の+ボタンから新規作成

・あとはマークダウン記法で内容を入力します

・入力後は、Saveを押すと保存されます。

・Saveを押して保存したあと、Viewを押すと、下記のような表示に変わります。

・上記の画面で、URLを押下するとダイアログが開きます

・ダイアログで、Publishを選択すると公開できます

AIを使用したWebサイトを作成

とりあえず動かしたい方向けに、手順や説明は簡素にしていますので、詳しく知りたい方は下記の記事がおすすめです。

・AIを使用する場合は、まず左上のロボットアイコンボタンを押下し、モデルを作成します。

・モデルの作成画面で、使用するモデルと名前、プロンプトを入力します。

・入力したら、下にスクロールし、Createを押して作成します

・作成できたら、上部に戻り、BackでWebサイトの作成ページへ戻ります

・Webサイトの作成ページで、+ボタンを押下して、ページを新規作成します
・作成後、Insertボタンを押下します

・ダイアログでScriptを選択します

・対象のモデルを選択して、Insertを押下します

・あとはSave -> View -> URLの手順で公開できます
・動かしてみました

使用例

タイトルに書いた通り、生活習慣を分析してくれるWebサイトを作成してみました。

構成内容

AIモデル

プロンプト

1日の出来事を分析し、傾向と改善点を返答してください。
場合によっては、出来事を深掘りして、感情やストレス、考え方を分析してください。
あなたは、ストレスや体調管理、食事管理、運動管理の知識を持つ専門家です。
守ってもらいたい規則は、温かさのある言葉選びです。

Webサイトの見た目

<!DOCTYPE html>
<html>
    <body>
        <main>
            <h1>Life Log Adviser</h1>
            <h2>Overview</h2>
            <p>1日の出来事を分析して、傾向と改善点をアドバイスします</p>
            <h2>How to use</h2>
            <p>1日の出来事を箇条書きで書いてください</p>
            <h3>例</h3>
            <p>
                ・朝はパンを食べた<br />
                ・残業を2時間くらいした<br />
                ・夜はダラダラYoutubeを見てしまった<br />
            </p>
            <h2>Input</h2>
            <div style="display: inline-block;">
            ...割愛（AIモデルをInsertして生成されるコード部分です）
            </script>
          </main>
    </body>
</html>

使用結果

有用なアドバイス、分析をしてくれてびっくりしました。

所感

今回は生活を分析するAIでしたが、プロンプトを変えるだけで、仕事を分析してアドバイスをするサービスや、食事を分析してアドバイスするサービスが作成できそうだなと思いました。
分析だけに限らず、いろいろな使い方ができそうですが、気軽に試せるというのが一番良いポイントかなと思います。