<!--

□□□□□■□□□□□□□□□□□
□□□□□■□□□□□□□□□□□
□□□□□■□□□□□□■□□□□
□□□□□■□□□□□□■■□□□
□■■■■■■■■□□□□■■□□
□□□□□■□□□■□□□□■□□
□□□□□■□□□■□□□□■■□
□□□□■■□□□■□□□□□■□
□□□□■□□□□■□□□□□■□
□□□□■□□□□■□□□□□□□
□□□■■□□□□■□□□□□□□
□□□■□□□□□■□□□□□□□
□□■■□□□□■■□□□□□□□
□■■□□□□□■□□□□□□□□
□□□□□□■■■□□□□□□□□
□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□■□■□
□□□■□□□□□□□□□■□■□
□□□■■□□□□□□□□□□□□
□□□□■□□□□□□□□□□□□
□□□□■■□□□□□□■■□□□
□□□□□■□□□□■■■□□□□
□□□□□■■□■■■□□□□□□
□□□□□□■■■□□□□□□□□
□□□□□■■□□□□□□□□□□
□□□□■■□□□□□□□□□□□
□□□■■□□□□□□□□□□□□
□□□■□□□□□□□□□□□□□
□□□■□□□□□□□□□□□□□
□□□■■□□□□□□□□□□□□
□□□□■■■■■■■■■■□□□
□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□
□■■■■■■■■■■■■■□□□
□□□□□□□□□■■□□□□□□
□□□□□□□□■■□□□■□■□
□□□□□□□■■□□□□■□■□
□□□□□□□■□□□□□□□□□
□□□□□□■■□□□□□□□□□
□□□□□□■□□□□□□□□□□
□□□□□□■□□□□□□□□□□
□□□□□□■□□□□□□□□□□
□□□□□□■■□□□□□□□□□
□□□□□□□■■□□□□□□□□
□□□□□□□□■■■□□□□□□
□□□□□□□□□□■■■□□□□
□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□
□□□■■■■■■■■■■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■■■■■■■■■■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■□□□□□□□□■□□□□
□□□■■■■■■■■■■□□□□
□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□
□■■■■■□□■■■■■■■□□
□□□□□□□□□□□□□□■□□
■■■■■■■□□□□□□□■□□
□□□□□□□□□□□□□□■□□
□■■■■■□□□□□□□□■□□
□□□□□□□□□□□□□□■□□
□□□□□□□□■■■■■■■□□
□■■■■■□□■□□□□□□□□
□□□□□□□□■□□□□□□□□
□□□□□□□□■□□□□□□□□
□■■■■■□□■□□□□□□□□
□■□□□■□□■□□□□□□□□
□■□□□■□□■□□□□□□■□
□■□□□■□□■■□□□□■■□
□■■■■■□□□■■■■■■□□

かどで日記を使ってくださって嬉しいです。
-->
<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#">

<head>
    <title>トップ | かどで日記</title>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link rel="apple-touch-icon" type="image/png" href="/img/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/img/favicon/icon-192x192.png">


<link rel="preload" as="style" href="https://kadode.usuyuki.net/build/assets/app.35411a03.css" /><link rel="stylesheet" href="https://kadode.usuyuki.net/build/assets/app.35411a03.css" />    <meta property="og:title" content="トップ | かどで日記">
<meta property="og:type" content="website">
<meta property="og:url" content="https://kadode.usuyuki.net/">
<meta property="og:image" content="https://kadode.usuyuki.net/img/ogp.jpg">
<meta property="og:site_name" content="かどで日記">
<meta property="og:description" content="かどで日記は振り返りも楽しめる日記Webアプリです">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@usuyuki26">
<meta property="fb:app_id" content="1168812097244854">    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-P6MDK8XCEE"></script>
    <script type="module">
        window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-P6MDK8XCEE');
    </script>

</head>

<body>

    <header class="px-4 relative w-screen flex justify-center sm:justify-between flex-wrap "
    style="box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.5);">
    <a class="md:flex-1 flex-none" href="https://kadode.usuyuki.net/home"><img class="logo-header" src="/img/kadode_logo.svg"
            title="エーデルワイスの花言葉は「大切な思い出」です"></a>

    </div>
    <div class="fmd:flex-1 flex-none flex items-center">

        <h2 class="text-3xl kiwi-maru"><a href="https://kadode.usuyuki.net">かどで日記3</a></h2>
    </div>
    <div class="md:flex-1 flex-none p-2 sm:w-auto sm:mb-0 mb-4 md:w-auto w-full">
        <div class="flex justify-center md:justify-end">
                        <a href="https://kadode.usuyuki.net/login" class="kiwi-maru mr-2 kadode-normal-button">ログイン</a>

                        <a href="https://kadode.usuyuki.net/register" class="kiwi-maru kadode-normal-button">新規登録</a>
                                </div>
    </div>
</header>
    <div class="main-wrapper">
        <div class="board-main py-4 mx-auto" style="max-width: 1200px">
    <div class="mb-4 mt-12">
        <h2 class="text-center text-3xl my-4 kiwi-maru">かどで日記</h2>
        <div class="flex justify-center md:w-1/2 px-4 mx-auto flex-col kiwi-maru">
            <p class="text-center mt-2">かどで日記では日記の作成・管理だけでなく、<br class="md:hidden">日記の分析もできます。</p>
            <p class="text-center mb-2">振り返りも楽しめる日記Webアプリです。</p>
            <p class="text-center my-2">おかげさまで2022年6月14日をもって、<br class="md:hidden">リリース1周年を迎えました🎉</p>
        </div>
    </div>

    <div class="mt-4 mb-24">
        <h2 class="text-center text-3xl my-4 kiwi-maru"><span class="material-icons">straighten</span>コンセプト</h2>
        <div class="flex justify-start  md:w-1/2 px-4 mx-auto flex-col">
            <p class="mx-4 kiwi-maru">
                人は忘れてしまいます。でも記録は残ります。<br>10世紀に書かれた土佐日記も私達へ受け継がれています。<br>かどで日記の「かどで」は土佐日記に登場する最初の章「門出」より引用しました。<br>ページデザインはちょっとSFチックにしてみました。<br>近未来っぽさと古代っぽさを掛け合わせたコンセプトです。
            </p>

            <p class="kiwi-maru mx-4 mt-6 mb-2">
                かどで日記の新しいロゴはエーデルワイスをモチーフに作りました。<br>エーデルワイスの花言葉は「大切な思い出」です。
            </p>
            <div class="my-12 h-2 w-100 bg-kn_2 relative rounded-2xl">
                <img class="top-logo-hr" src="/img/kadode_logo_nobg.svg" title="エーデルワイスの花言葉は「大切な思い出」です">
            </div>
        </div>
    </div>
    <div class="mb-24 mt-4">
        <p class="text-center mt-4 kiwi-maru">あくまで個人が作った<br class="md:hidden">趣味で運用しているサービスです。<br>ご理解の上、ご利用ください。</p>
        <p class="text-center mt-12">
            <a class="border-2 border-kn_3 p-2 text-3xl  kiwi-maru rounded-2xl" href="https://kadode.usuyuki.net/register">
                                ホームへ
                            </a>
        </p>
    </div>
    <div>
        <h2 class="text-center text-3xl my-4 kiwi-maru">ソースコード</h2>

        <div class="flex justify-center md:w-1/2 px-4 mx-auto flex-col kiwi-maru">
            <p class="text-center">GitHubにて公開しております✨</p>
            <p class="text-center"><a target="_blank" rel="norefferrer"
                    href="https://github.com/Usuyuki/kadode_nikki3">かどで日記GitHub</a></p>
        </div>
    </div>
    <div class="mt-8 mb-12">
        <h2 class="text-center text-3xl my-4 kiwi-maru"><span class="material-icons">face</span>開発者より</h2>
        <div class="flex justify-center  md:w-1/2 px-4 mx-auto">
            <p class="kiwi-maru">開発者のうすゆきと申します。<br>Twitter:<a target="_blank" rel="norefferrer"
                    href="https://twitter.com/usuyuki26">@usuyuki26</a><br>日記を書いてみませんか？</p>
        </div>
    </div>

    <!--
     Copyright (c) June 1, 2015 Tuomas Pöyry
     Released under the MIT license
     http://opensource.org/licenses/mit-license.php
     -->
    <canvas id="top-animation"></canvas>
    <h2 class="mt-24 mb-12 text-center text-4xl kiwi-maru">--流れ--</h2>
    <!--区切り-->
    <div class="my-12">
    <h3 class="text-center my-4 kiwi-maru text-4xl"><span class="material-icons">history_edu</span>日記を書く</h3>
    <img src="/img/topDiscribe/kadodeImageMain.jpg" class="object-contain border-2 border-kn_2">
</div>
<div class="flex items-center justify-center h-32">
    <p class="material-icons text-kn_w" style="font-size: 3em!important">
        arrow_downward
    </p>
</div>    <!--区切り-->
    <div class="my-12">
    <h3 class="text-center my-4 kiwi-maru text-4xl"><span class="material-icons">settings</span>統計の設定を行う</h3>
    <p class="text-center my-2 mx-8 ">一般的な辞書にない単語などを<br class="md:hidden">固有表現として登録できます。</p>
    <img src="/img/topDiscribe/kadodeImageSettingStatistic.jpg" class="object-contain border-2 border-kn_2">
</div>
<div class="flex items-center justify-center h-32">
    <p class="material-icons text-kn_w" style="font-size: 3em!important">
        arrow_downward
    </p>
</div>    <!--区切り-->
    <div class="my-12">
    <h3 class="text-center my-4 kiwi-maru text-4xl"><span class="material-icons">loop</span>統計を生成する</h3>
    <p class="text-center my-2 mx-8">自然言語処理ライブラリ、<br class="md:hidden">GiNZAをベースに用いています。</p>
    <img src="/img/topDiscribe/kadodeImageGeneratingStatistics.jpg" class="object-contain border-2 border-kn_2">


    <h4 class="relative top-12 ml-8 my-4 kiwi-maru text-2xl mt-20 bg-kn_b inline-block"><span
            class="material-icons">category</span>処理の流れ</h4>
    <div class="p-8 m-4 border-dashed border-2 border-kn_3 rounded-xl">
        <div class="statisticOverallViewWrapper kiwi-maru">
    <div class="statisticOverallViewHierarchy-asc ">
        <div class="sov-square ">
            <p>日記</p>
        </div>
        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-pipe-wrapper">
            <div class="sov-pipe" id="ginzaPipe">
                <p>tok2vec</p>
                <p>parser</p>
                <p>mer</p>
                <p>mor-phologizer</p>
                <p>compound_<br>splitter</p>
                <p>bunsetu_<br>recognizer</p>
                <p>entity_<br>ruler</p>
            </div>
            <section>GiNZA v5 with spaCy and SudachiPy </section>
            
        </div>

        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-square ">
            <p>個別日記前処理データ</p>
        </div>
    </div>

    <div class="statisticOverallViewHierarchy-only-bottom " style="justify-content:flex-start;margin-right:70px">
        <div class="sov-arrow-always-bottom  "><span class="material-icons hidden md:block">arrow_forward</span></div>
    </div>

    <div class="statisticOverallViewHierarchy-desc ">
        
        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-pipe-wrapper">
            <div class="sov-pipe" id="kadodePipe">
                <p>人物抽出</p>
                <p>分類推定</p>
                <p>感情数値化</p>
            </div>
            <section>かどで日記 with 感情極性辞書 </section>
        </div>
        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-square ">
            <p>個別統計情報</p>
        </div>
    </div>

    <div class="statisticOverallViewHierarchy-only-bottom " style="justify-content:flex-end;margin-left:100px">
        <div class="sov-arrow-always-bottom"><span class="material-icons">arrow_forward</span></div>
    </div>

    <div class="statisticOverallViewHierarchy-asc ">
        <div class="sov-square ">
            <p>月別統計情報</p>
        </div>
        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-square ">
            <p>年別統計情報</p>
        </div>
        <div class="sov-arrow"><span class="material-icons">arrow_forward</span></div>
        <div class="sov-square ">
            <p>全体統計情報</p>
        </div>

    </div>
</div>
    </div>
</div>
<div class="flex items-center justify-center h-32">
    <p class="material-icons text-kn_w" style="font-size: 3em!important">
        arrow_downward
    </p>
</div>    <!--区切り-->
    <div class="my-12">
    <h3 class="text-center my-4 kiwi-maru text-4xl"><span class="material-icons">menu_book</span>統計を閲覧する</h3>
    <p class="text-center my-2 mx-8">個別、月別、年別、トータルの<br class="md:hidden">統計情報をご覧いただけます。</p>
    <div class="flex justify-center imtes-center flex-wrap my-8">
        <div class="md:w-1/2 w-full ">
            <img src="/img/topDiscribe/kadodeImageNlpTotal.jpg" class="object-contain border-2 border-kn_2">
        </div>
        <div class="md:w-1/2 w-full flex items-center justify-center">
            <p class="text-3xl kiwi-maru">統計(全体)</p>
        </div>
    </div>
    <div class="flex justify-center imtes-center flex-wrap my-8">
        <div class="md:w-1/2 w-full md:order-2">
            <img src="/img/topDiscribe/kadodeImageNlpYear.jpg" class="object-contain border-2 border-kn_2">
        </div>
        <div class="md:w-1/2 w-full md:order-1 flex items-center justify-center">
            <p class="text-3xl kiwi-maru">統計(年別・月別)</p>
        </div>
    </div>
    <div class="flex justify-center imtes-center flex-wrap my-8">
        <div class="md:w-1/2 w-full ">
            <img src="/img/topDiscribe/kadodeImageNlpDiary.jpg" class="object-contain border-2 border-kn_2">
        </div>
        <div class="md:w-1/2 w-full flex items-center justify-center">
            <p class="text-3xl kiwi-maru">統計(個別)</p>
        </div>
    </div>
</div>
<div class="flex items-center justify-center h-32">
    <p class="material-icons text-kn_w" style="font-size: 3em!important">
        arrow_downward
    </p>
</div>    <!--区切り-->
    <div class="my-12">
    <h3 class="text-center my-4 kiwi-maru text-4xl"><span class="material-icons">settings</span>他にも……</h3>
    <h4 class="text-center my-4 kiwi-maru text-2xl"><span class="material-icons">military_tech</span>ユーザーランク制度</h4>
    <p class="text-center my-2 mx-8">かどで日記での停泊地に沿った<br class="md:hidden">ユーザーランクが付与されます。</p>
    <div>
        <style>
            object {
                margin: 5px auto;
                width: 900px;
                height: auto;
            }

            @media screen and (max-width: 900px) {
                object {
                    width: 100%;
                }
            }
        </style>
        <object type="image/svg+xml" data="/img/userRank/userRankMap.svg" viewBox="0 0 446.16847 309.23255"></object>
    </div>
    <h4 class="text-center my-4 kiwi-maru text-2xl mt-20"><span class="material-icons">import_export</span>インポート、エクスポート
    </h4>

    <img src="/img/topDiscribe/kadodeImageExport.jpg" class="object-contain border-2 border-kn_2">
</div>
<div class="flex items-center justify-center h-32">
    <p class="material-icons text-kn_w" style="font-size: 3em!important">
        arrow_downward
    </p>
</div>
</div>
<link rel="modulepreload" href="https://kadode.usuyuki.net/build/assets/topView.f2245524.js" /><script type="module" src="https://kadode.usuyuki.net/build/assets/topView.f2245524.js"></script>
    </div>
    <footer class="py-4">
    <div class="pt-8 flex flex-col md:flex-row md:justify-between justify-center items-center mx-auto flex-wrap footer-menu kiwi-maru"
        style="max-width: 1200px">
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/releaseNote">リリースノート</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/osirase">お知らせ</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net">トップ</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/privacyPolicy">プライバシーポリシー</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/terms">利用規約</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/aboutThisSite">このサイトについて</a></p>
        <p class="md:py-0 py-4"><a href="https://kadode.usuyuki.net/contact">お問い合わせ</a></p>
    </div>
    <div class="pb-2 pt-12 flex flex-col md:flex-row justify-center items-center mx-auto flex-wrap footer-menu kiwi-maru"
        style="max-width: 1200px">
        <p class="md:py-0 py-4 mx-2 text-kn_3"><a target="_blank" rel="norefferrer"
                href="https://github.com/Usuyuki/kadode_nikki3/blob/main/docs/99_usedLicense.md">使用ライセンス</a></p>
        <p class="md:py-0 py-4 mx-2 text-kn_3"><a target="_blank" rel="norefferrer"
                href="https://github.com/Usuyuki/kadode_nikki3/blob/main/LICENSE.md">かどで日記License</a></p>
        <p class="md:py-0 py-4 mx-2 text-kn_3"><a target="_blank" rel="norefferrer"
                href="https://github.com/Usuyuki/kadode_nikki3">GitHub</a></p>
    </div>
    <p class="text-center mt-2 copyright">Copyright (c) 2021-2023 usuyuki</p>
</footer>
    <link rel="modulepreload" href="https://kadode.usuyuki.net/build/assets/common.e1f7c7c5.js" /><script type="module" src="https://kadode.usuyuki.net/build/assets/common.e1f7c7c5.js"></script>
</body>

</html>