English-ruby-app/features.html at main · KazuTom400/English-ruby-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ja">
<head>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1718411390072347" crossorigin="anonymous"></script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-35R80B7L32"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-35R80B7L32');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="canonical" href="https://m-lab-apps.com/features.html">

    <title>機能紹介とご利用案内 | M-Lab Apps</title>
    <meta name="description" content="英語プリント作成の悩みを30秒で解決。M-Lab Appsの強み、Word出力機能（有料版）の使い方、開発者の想いについて解説します。">
    <meta property="og:title" content="機能紹介とご利用案内 | M-Lab Apps">
    <meta property="og:description" content="教材作成の時間を劇的に短縮。UDデジタル教科書体対応のルビ振りツールの全貌。">
    <meta property="og:url" content="https://m-lab-apps.com/features.html">
    <meta property="og:type" content="article">
    <meta property="og:image" content="https://m-lab-apps.com/summary_large_image2.png">
    <meta name="twitter:card" content="summary_large_image">

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1718411390072347" crossorigin="anonymous"></script>

    <style>
        body, html { margin: 0; padding: 0; background-color: #f9f4e6; font-family: sans-serif; overflow-x: hidden; }
        .navbar { background-color: #5d4037; padding: 10px 0; position: sticky; top: 0; z-index: 1000; }
        .nav-inner { max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
        .nav-logo { color: white; text-decoration: none; font-weight: bold; font-size: 1.2rem; }
        .nav-links { display: flex; gap: 15px; }
        .nav-links a { color: #d7ccc8; text-decoration: none; font-size: 0.85rem; transition: 0.3s; }
        .nav-links a:hover, .nav-links a.active { color: white; font-weight: bold; }

        .docs-section { background-color: #ffffff; padding: 60px 20px; border-bottom: 1px solid #d7ccc8; }
        .docs-inner { max-width: 850px; margin: 0 auto; color: #5d4037; line-height: 1.8; text-align: left; }
        .docs-inner h1 { font-size: 1.8rem; margin-bottom: 40px; color: #5d4037; }
        .docs-inner h2 { font-size: 1.4rem; border-left: 5px solid #5d4037; padding-left: 15px; margin-top: 50px; margin-bottom: 25px; }
        .docs-inner h3 { font-size: 1.2rem; margin-top: 30px; color: #8d6e63; }
        .docs-inner p { margin-bottom: 20px; }
        .docs-inner ul { margin-bottom: 30px; }
        .docs-inner li { margin-bottom: 12px; }
        .docs-inner strong { color: #5d4037; }

        .paid-section { background-color: #fffde7; padding: 30px; border-radius: 10px; border: 2px dashed #fbc02d; margin: 40px 0; }
        .instruction-box { background-color: #f0f4f8; padding: 25px; border-radius: 10px; margin: 30px 0; }
        .tool-link-card { display: inline-block; background: #8d6e63; color: white !important; padding: 10px 20px; border-radius: 5px; text-decoration: none; margin-top: 10px; font-weight: bold; }

        footer { text-align: center; font-size: 11px; padding: 40px 0; border-top: 1px solid #d7ccc8; background: #f9f4e6; }
        footer a { color: #8d6e63; text-decoration: none; margin: 0 10px; }

        @media (max-width: 600px) {
            .nav-inner { flex-direction: column; gap: 10px; }
            .nav-links { flex-wrap: wrap; justify-content: center; }
        }
    </style>
</head>
<body>
    <nav class="navbar">
        <div class="nav-inner">
            <a href="index.html" class="nav-logo">M-Lab Apps</a>
            <div class="nav-links">
                <a href="index.html">通常モード</a>
                <a href="table.html">表形式モード</a>
                <a href="about.html">ストーリー</a>
                <a href="features.html" class="active">機能紹介</a>
                <a href="ai-guide.html">AI活用術</a>
                <a href="terms.html">利用規約</a>
                 <a href="https://docs.google.com/forms/d/e/1FAIpQLSdX6jh-6_EPE6UTPnoWgKQtzpDgxNK5wOM1fGVxdvf2APLW9g/viewform?usp=header" target="_blank">お問い合わせ</a>
            </div>
        </div>
    </nav>

    <section class="docs-section">
        <div class="docs-inner">
            <h1>英語プリント作成の「あの悩み」、30秒で解決しませんか？</h1>
            <p>「生徒のためにルビ付きプリントを作りたいけれど、一つずつ振るのが面倒……」<br>
               「Wordの標準機能だと行間がズレて使いにくい……」</p>
            <p>そんな現場の先生や保護者の方の声から生まれたのが、この<strong>『英語ルビ振りプリント作成ツール』</strong>です。教材準備に費やしていた孤独な格闘を、30秒のデータ連携へと置き換えます。</p>

            <h3>▼ まずは無料で試してみる（ブラウザ版）</h3>
            <div style="margin-bottom: 40px;">
                <p><strong>【長文モード】</strong> ニュースや教科書の本文を全文ルビ振りに。<br>
                <a href="index.html" class="tool-link-card">通常モードを開く</a></p>

                <p><strong>【表モード】</strong> ExcelやWordの表をそのままコピペして貼り付けるだけ。<br>
                <a href="table.html" class="tool-link-card">表形式モードを開く</a></p>
            </div>

            <h2>このツールの強み</h2>
            <ul>
                <li><strong>一括ルビ振り</strong>：英文を貼り付けるだけで、中学生向けのカタカナルビを瞬時に生成。</li>
                <li><strong>用途に合わせた2つのモード</strong>：長文読解と単語リスト作成、それぞれの現場に最適化。</li>
                <li><strong>Word形式で保存</strong>：ダウンロード後はWordで自由に編集（穴埋め問題化など）が可能。</li>
                <li><strong>教科書体フォント対応</strong>：学校で推奨される「UDデジタル教科書体」に配慮した精密なレイアウト。</li>
            </ul>

            <div class="paid-section">
                <h2>Word出力機能（有料版）について</h2>
                <p>ブラウザ上でのプレビュー確認は完全無料ですが、「印刷して配布したい」「Wordで編集したい」という方向けに、Word出力機能を提供しています。</p>
                <p><strong>※サーバー維持・開発費として、月額（300円）の支援をお願いしております。</strong><br>
                私はまだ学生の身ですが、教育現場を少しでも楽にしたいという想いで頑張って開発しています。持続的な運営のため、ご支援をいただけますと幸いです。</p>

                <div style="background: white; padding: 15px; border-radius: 5px; border: 1px solid #fbc02d; margin-top: 20px;">
                    <strong>【2026年3月分 パスワード】</strong><br>
                    <span style="font-size: 1.5rem; color: #d81b60; font-family: monospace;">ruby2026-march</span>
                </div>
            </div>

            <div class="instruction-box">
                <h2>Word出力機能（有料版）の使い方</h2>
                <ol>
                    <li>各ツールの画面にある<strong>「Word形式で保存」</strong>の欄に移動します。</li>
                    <li>上記のパスワードを入力してEnterキーを押してください。</li>
                    <li>認証後、青色のダウンロードボタンが表示されます。</li>
                </ol>
            </div>

            <h2>不具合報告・ご要望について</h2>
            <p>「ここが使いにくい」「こんな機能も欲しい」「他にもこういうツールがあったら助かる」といったご意見がありましたら、お気軽にお知らせください。皆様の声をもとに、より使いやすいツールに改良していきます！</p>
            <p><small>※パスワードは毎月変更されます。来月もご利用いただく場合は、最新の案内をご確認ください。</small></p>
        </div>
    </section>

    <footer>
        <div style="margin-bottom: 15px;">
            <a href="index.html">通常モード</a> |
            <a href="table.html">表形式モード</a> |
            <a href="about.html">開発ストーリー</a> |
            <a href="features.html">機能紹介</a> |
            <a href="ai-guide.html">AI活用術</a> |
            <a href="terms.html">利用規約</a> |
            <a href="privacy.html">プライバシーポリシー</a> |
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSdX6jh-6_EPE6UTPnoWgKQtzpDgxNK5wOM1fGVxdvf2APLW9g/viewform?usp=header">お問い合わせ</a>
        </div>
        <p>© 2026 M-Lab Apps. All Rights Reserved.</p>
    </footer>
</body>
</html>