<meta name="description" content="実践的な例とヒントを含む包括的なガイド。無料ツール付き。"> <link rel="canonical" href="https://run-dev.com/ja/blog/regex-beginners-guide.html"> <meta property="og:title" content="Regular Expressions: A Beginner's Guide"> <meta property="og:description" content="Regular Expressions: A Beginner's Guide. Free guide with examples."> <meta property="og:url" content="https://run-dev.com/ja/blog/regex-beginners-guide.html"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <link rel="stylesheet" href="/css/style.css?v=20260327c"> <script src="/js/theme.js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6478776854131333" crossorigin="anonymous"></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BlogPosting", "headline": "Regex Beginners Guide", "datePublished": "2026-03-16", "dateModified":"2026-03-31", "author": {"@type": "Organization", "name": "RunDev"}, "publisher": {"@type": "Organization", "name": "RunDev"}, "description": "Regular Expressions: A Beginner's Guide. Comprehensive guide with practical examples and tips. Free tools included.", "mainEntityOfPage": {"@type": "WebPage", "@id": "https://run-dev.com/blog/regex-beginners-guide.html"}}</script> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://run-dev.com/"}, {"@type": "ListItem", "position": 2, "name": "Blog", "item": "https://run-dev.com/blog/"}, {"@type": "ListItem", "position": 3, "name": "Regex Beginners Guide", "item": "https://run-dev.com/blog/regex-beginners-guide.html"}]}</script> <link rel="alternate" hreflang="ja" href="https://run-dev.com/ja/blog/regex-beginners-guide.html"> <link rel="alternate" hreflang="en" href="https://run-dev.com/blog/regex-beginners-guide.html"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CZ7GQC3DKR"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-CZ7GQC3DKR",{"linker":{"domains":["conv-kit.com,go-calc.com,gen-kit.com,run-dev.com,seo-io.com,txt-tool.com,img-kit.com,the-pdf.com,dl-kit.com,nettool1.com"]}});</script></head> <body> <header class="site-header"> <div class="container header-inner"> <a href="/" class="logo"> <svg viewBox="0 0 28 28" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="28" height="28" rx="6" fill="#38bdf8"/> <path d="M8 6l-6 6 6 6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><path d="M20 6l6 6-6 6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><path d="M15 4l-2 20" stroke="#fff" stroke-width="2" stroke-linecap="round"/> </svg> Run<span class="logo-accent">Dev</span> </a> <button class="mobile-menu-btn" aria-label="Toggle menu" onclick="document.querySelector('.nav-links').classList.toggle('open')">☰</button> <nav class="nav-links" aria-label="Main navigation"> <a href="/" class="active">Home</a> <a href="/alltools/">Tools</a> <a href="/blog/">Blog</a> <a href="/about.html">About</a> </nav> <div class="header-actions"> <div class="lang-dropdown"> <button class="lang-btn" onclick="this.nextElementSibling.classList.toggle('show')" aria-label="Language"> <span>🇺🇸</span> EN <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </button> <div class="lang-menu" id="langMenu"> <a href="/">🇺🇸 English</a> <a href="/es/">🇪🇸 Español</a> <a href="/fr/">🇫🇷 Français</a> <a href="/de/">🇩🇪 Deutsch</a> <a href="/ja/">🇯🇵 日本語</a> <a href="/pt/">🇧🇷 Português</a> <a href="/zh/">🇨🇳 中文</a> <a href="/ko/">🇰🇷 한국어</a> </div> </div> <button class="theme-toggle" id="themeToggle" onclick="toggleTheme()" title="Toggle theme"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg> </button> </div> </div> </header> <nav class="breadcrumb" aria-label="Breadcrumb"><div class="container"><a href="/">RunDev</a><span class="sep">/</span><a href="/blog/">Blog</a><span class="sep">/</span><span>Regular Expressions: A Beginner's Guide</span></div></nav> <main id="main-content"> <article class="container" style="max-width:800px;margin:2rem auto;padding:0 1rem"><h1>正規表現:初心者向けガイド</h1> <p class="text-muted" style="margin-bottom:1.5rem"><time datetime="2026-03-31">2026年3月31日</time> · 12分で読めます</p> <details open style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"> <summary style="cursor:pointer;font-weight:600;margin-bottom:0.75rem">📑 目次</summary> <ul style="margin:0;padding-left:1.5rem"> <li><a href="#what-are-regular-expressions">正規表現とは?</a></li> <li><a href="#basic-building-blocks">基本的な構成要素</a></li> <li><a href="#quantifiers-explained">量指定子の説明</a></li> <li><a href="#character-classes">文字クラスとショートカット</a></li> <li><a href="#anchors-boundaries">アンカーと境界</a></li> <li><a href="#groups-capturing">グループとキャプチャ</a></li> <li><a href="#practical-examples">実践的な例</a></li> <li><a href="#advanced-techniques">高度なテクニック</a></li> <li><a href="#common-pitfalls">よくある落とし穴とその回避方法</a></li> <li><a href="#testing-debugging">正規表現のテストとデバッグ</a></li> <li><a href="#performance-considerations">パフォーマンスに関する考慮事項</a></li> <li><a href="#faq">よくある質問</a></li> </ul> </details> <p>正規表現(regex)は、開発者のツールキットの中で最も強力なツールの一つです。最初は威圧的に見えるかもしれませんが、基本を理解すれば、テキスト処理、検証、データ抽出に欠かせないものになります。</p> <p>ユーザー入力の検証、ログファイルの解析、データの変換など、正規表現はテキストパターンを扱うための簡潔で柔軟な方法を提供します。このガイドでは、完全な初心者から自信を持って正規表現を使えるユーザーへと導きます。</p> <h2 id="what-are-regular-expressions">正規表現とは?</h2> <p>正規表現は、検索パターンを定義する文字列です。テキストパターンを記述するためのミニ言語と考えてください。正確な文字列を検索する代わりに、「任意のメールアドレス」や「任意の電話番号」のようなパターンを検索できます。</p> <p>正規表現は、事実上すべてのプログラミング言語とテキストエディタで使用されています。JavaScript、Python、Java、PHP、Ruby、Go、その他無数の言語でサポートされています。<code>grep</code>、<code>sed</code>、<code>awk</code>などのコマンドラインツールでさえ、正規表現に大きく依存しています。</p> <p>正規表現の素晴らしさは、構文を一度学べば、さまざまなツールや言語に適用できることです。正規表現の「フレーバー」(PCRE、JavaScript、Pythonなど)間には若干の違いがありますが、核となる概念は同じです。</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>プロのヒント:</strong> シンプルなパターンから始めて、徐々に複雑さを増していきましょう。最初の試みで完璧な正規表現を書こうとしないでください。テストしながら反復して洗練させていきます。</p></div> <h2 id="basic-building-blocks">基本的な構成要素</h2> <p>すべての正規表現パターンは、基本的なコンポーネントから構築されています。より複雑なパターンに進む前に、これらの構成要素を理解することが不可欠です。</p> <h3>リテラル文字</h3> <p>最もシンプルな正規表現は、単なるプレーンテキストです。パターン<code>cat</code>は、文字列内のどこでも正確なテキスト「cat」にマッチします。ほとんどの英数字は、それ自体に文字通りマッチします。</p> <p>ただし、一部の文字は正規表現で特別な意味を持ち、バックスラッシュでエスケープする必要があります:<code>. ^ $ * + ? { } [ ] \ | ( )</code></p> <p>リテラルのピリオドにマッチさせるには、単に<code>.</code>ではなく<code>\.</code>と書きます。</p> <h3>ドットメタ文字</h3> <p>ドット(<code>.</code>)は、改行以外の任意の1文字にマッチするワイルドカードです。パターン<code>c.t</code>は、「cat」、「cot」、「cut」、「c9t」、さらには「c@t」にもマッチします。</p> <p>これにより、ドットは非常に強力になりますが、不注意に使用すると潜在的に危険でもあります。後でより具体的にする方法について説明します。</p> <h3>文字クラス</h3> <p>角括弧は文字クラスを作成し、括弧内の任意の1文字にマッチします:</p> <ul> <li><code>[aeiou]</code>は任意の母音にマッチ</li> <li><code>[0-9]</code>は任意の数字にマッチ</li> <li><code>[a-zA-Z]</code>は任意の文字(大文字または小文字)にマッチ</li> <li><code>[a-z0-9]</code>は任意の小文字または数字にマッチ</li> </ul> <p>キャレットを使って文字クラスを否定することもできます:<code>[^0-9]</code>は数字ではない任意の文字にマッチします。</p> <h2 id="quantifiers-explained">量指定子の説明</h2> <p>量指定子は、パターンが何回マッチすべきかを指定します。繰り返したい要素の後に配置されます。</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">量指定子</th> <th style="padding:0.75rem;text-align:left">意味</th> <th style="padding:0.75rem;text-align:left">例</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>*</code></td> <td style="padding:0.75rem">0回以上</td> <td style="padding:0.75rem"><code>ab*c</code>は「ac」、「abc」、「abbc」にマッチ</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>+</code></td> <td style="padding:0.75rem">1回以上</td> <td style="padding:0.75rem"><code>ab+c</code>は「abc」、「abbc」にマッチするが「ac」にはマッチしない</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>?</code></td> <td style="padding:0.75rem">0回または1回(オプション)</td> <td style="padding:0.75rem"><code>colou?r</code>は「color」と「colour」にマッチ</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n}</code></td> <td style="padding:0.75rem">正確にn回</td> <td style="padding:0.75rem"><code>\d{3}</code>は正確に3桁の数字にマッチ</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n,}</code></td> <td style="padding:0.75rem">n回以上</td> <td style="padding:0.75rem"><code>\d{2,}</code>は2桁以上の数字にマッチ</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n,m}</code></td> <td style="padding:0.75rem">n回からm回の間</td> <td style="padding:0.75rem"><code>\d{2,4}</code>は2、3、または4桁の数字にマッチ</td> </tr> </tbody> </table> <h3>貪欲マッチと怠惰マッチ</h3> <p>デフォルトでは、量指定子は貪欲です。つまり、できるだけ多くのテキストにマッチします。パターン<code>.*</code>は、可能な限りすべてを消費します。</p> <p>HTMLタグのマッチを考えてみましょう:<code><.+></code>を<code><b>bold</b></code>に適用すると、<code><b></code>だけでなく、文字列全体にマッチします。</p> <p>量指定子を怠惰(できるだけ少なくマッチ)にするには、疑問符を追加します:<code><.+?></code>は、<code><b></code>と<code></b></code>を別々にマッチさせます。</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>クイックヒント:</strong> 迷ったら、怠惰な量指定子を使用してください。より予測可能で、予期しないマッチを引き起こす可能性が低くなります。</p></div> <h2 id="character-classes">文字クラスとショートカット</h2> <p><code>[0-9]</code>を繰り返し書くのは面倒です。正規表現は、一般的なパターンのための短縮文字クラスを提供します。</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">短縮形</th> <th style="padding:0.75rem;text-align:left">同等</th> <th style="padding:0.75rem;text-align:left">説明</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\d</code></td> <td style="padding:0.75rem"><code>[0-9]</code></td> <td style="padding:0.75rem">任意の数字</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\D</code></td> <td style="padding:0.75rem"><code>[^0-9]</code></td> <td style="padding:0.75rem">任意の非数字</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\w</code></td> <td style="padding:0.75rem"><code>[a-zA-Z0-9_]</code></td> <td style="padding:0.75rem">任意の単語文字</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\W</code></td> <td style="padding:0.75rem"><code>[^a-zA-Z0-9_]</code></td> <td style="padding:0.75rem">任意の非単語文字</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\s</code></td> <td style="padding:0.75rem"><code>[ \t\r\n\f]</code></td> <td style="padding:0.75rem">任意の空白文字</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\S</code></td> <td style="padding:0.75rem"><code>[^ \t\r\n\f]</code></td> <td style="padding:0.75rem">任意の非空白文字</td> </tr> </tbody> </table> <p>パターンに注目してください:大文字バージョンは、小文字バージョンの否定です。これにより、正規表現がより読みやすく簡潔になります。</p> <h3>ショートカットを使った実践的な例</h3> <ul> <li><code>\d{3}-\d{4}</code>は「555-1234」のような電話番号にマッチ</li> <li><code>\w+@\w+\.\w+</code>はシンプルなメールアドレスにマッチ</li> <li><code>\s+</code>は1つ以上の空白文字にマッチ</li> <li><code>\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}</code>はIPアドレスにマッチ(完璧ではありませんが)</li> </ul> <h2 id="anchors-boundaries">アンカーと境界</h2> <p>アンカーは文字にマッチしません。テキスト内の位置にマッチします。正確なパターンマッチングには不可欠です。</p> <h3>行アンカー</h3> <ul> <li><code>^</code>は行の先頭にマッチ</li> <li><code>$</code>は行の末尾にマッチ</li> </ul> <p>パターン<code>^Hello</code>は、行の先頭にある「Hello」にのみマッチします。同様に、<code>world$</code>は行の末尾にある「world」にのみマッチします。</p> <p>行全体を正確にマッチさせるには、両方を使用します:<code>^Hello world$</code>は、前後に何もない「Hello world」だけを含む行にのみマッチします。</p> <h3>単語境界</h3> <p><code>\b</code>アンカーは単語境界にマッチします。単語文字(<code>\w</code>)と非単語文字の間の位置です。</p> <p>これは単語全体をマッチさせるのに非常に便利です。パターン<code>\bcat\b</code>は「cat」にマッチしますが、「category」や「scat」にはマッチしません。</p> <p>単語境界がなければ、<code>cat</code>は3つすべてにマッチします。単語境界は、複雑さを追加することなく、パターンをより正確にします。</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>プロのヒント:</strong> 単語全体を検索するときは、常に単語境界を使用してください。誤ったマッチを防ぎ、正規表現をより信頼性の高いものにします。</p></div> <h2 id="groups-capturing">グループとキャプチャ</h2> <p>括弧は正規表現で2つの目的を果たします:グループ化とキャプチャです。仕組みを理解すれば、最も強力な機能の1つです。</p> <h3>量指定子のためのグループ化</h3> <p>括弧を使用すると、複数の文字に量指定子を適用できます。パターン<code>(ha)+</code>は「ha」、「haha」、「hahaha」などにマッチします。</p> <p>括弧がなければ、<code>ha+</code>は「ha」、「haa」、「haaa」にマッチします。量指定子は直前の文字にのみ適用されます。</p> <h3>キャプチャグループ</h3> <p>グループは、後で使用するためにマッチしたテキストもキャプチャします。この電話番号パターンを考えてみましょう:<code>(\d{3})-(\d{3})-(\d{4})</code></p> <p>これにより、市外局番、プレフィックス、回線番号の3つのキャプチャグループが作成されます。ほとんどの言語で、これらのキャプチャにアクセスできます:</p> <ul> <li>JavaScript:<code>match[1]</code>、<code>match[2]</code>、<code>match[3]</code></li> <li>Python:<code>match.group(1)</code>、<code>match.group(2)</code>、<code>match.group(3)</code></li> <li>置換では:<code>$1</code>、<code>$2</code>、<code>$3</code>または<code>\1</code>、<code>\2</code>、<code>\3</code></li> </ul> <h3>非キャプチャグループ</h3> <p>キャプチャせずにグループ化したい場合があります。非キャプチャグループには<code>(?:...)</code>を使用します:<code>(?:https?://)?www\.example\.com</code></p> <p>これによりプロトコルがグループ化されますが、キャプチャグループは作成されません。これによりパフォーマンスが向上し、コードが簡素化されます。</p> <h3>名前付きキャプチャグループ</h3> <p>番号付きグループの代わりに、明確にするために名前を付けることができます:<code>(?<area>\d{3})-(?<prefix>\d{3})-(?<line>\d{4})</code></p> <p>Pythonでは<code>match.group('area')</code>、JavaScriptでは<code>match.groups.area</code>で名前付きグループにアクセスします。これによりコードが自己文書化されます。</p> <h2 id="practical-examples">実践的な例</h2> <p>学んだことを実際のシナリオに適用しましょう。これらのパターンは出発点です。特定の要件に合わせて調整する必要があることがよくあります。</p> <h3>メール検証</h3> <p>シンプルなメールパターン:<code>[\w.+-]+@[\w.-]+\.[a-zA-Z]{2,}</code></p> <p>これは最も一般的なメール形式にマッチしますが、RFC準拠ではありません。本番環境では、専用のメール検証ライブラリの使用を検討してください。メールの正規表現は非常に複雑になる可能性があります。</p> <h3>URLマッチング</h3> <p>HTTPおよびHTTPS URLにマッチ:<code>https?://[\w.-]+(?:\.[\w.-]+)+(?:/[\w./?&=%-]*)?</code></p> <p>これはドメイン、パス、クエリ文字列を処理します。<code>s?</code>により、「https」の「s」がオプションになります。</p> <h3>電話番号</h3> <p>柔軟な形式の米国電話番号:<code>\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}</code></p> <p>これは次のような形式にマッチします:</p> <ul> <li>(555) 123-4567</li> <li>555-123-4567</li> <li>555.123.4567</li> <li>5551234567</li> </ul> <h3>日付形式</h3> <p>ISO日付形式(YYYY-MM-DD):<code>\d{4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|[12]\d|3[01])</code></p> <p>これにより、月が01-12、日が01-31であることが保証されます。2024-99-99のような無効な日付を受け入れる<code>\d{4}-\d{2}-\d{2}</code>よりも正確です。</p> <h3>IPアドレス</h3> <p>IPv4アドレス:<code>\b(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\b</code></p> <p>これにより、各オクテットが0-255の間であることが検証され、999.999.999.999のようなマッチが防止されます。</p> <h3>クレジットカード番号</h3> <p>オプションのスペースまたはダッシュ付きのクレジットカード番号にマッチ:<code>\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}</code></p> <p>Luhnアルゴリズムを使用してチェックサムを別途検証することを忘れないでください。正規表現だけではカード番号が有効かどうかを確認できません。</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>セキュリティ注意:</strong> クレジットカード番号をプレーンテキストでログに記録したり保存したりしないでください。これらのパターンは初期形式検証にのみ使用し、その後すぐに機密データをトークン化してください。</p></div> <h3>ログからのデータ抽出</h3> <p>Apacheログエントリを解析:</article> </main> <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"><h4>Format</h4><a href="/tools/json-formatter/">Json Formatter</a><a href="/tools/html-formatter/">Html Formatter</a><a href="/tools/css-formatter/">Css Formatter</a><a href="/tools/sql-formatter/">Sql Formatter</a><a href="/tools/xml-formatter/">Xml Formatter</a></div> <div class="footer-col"><h4>Encode</h4><a href="/tools/base64/">Base64</a><a href="/tools/jwt-decoder/">Jwt Decoder</a><a href="/tools/hash-generator/">Hash Generator</a></div> <div class="footer-col"><h4>Generate</h4><a href="/tools/uuid-generator/">Uuid Generator</a><a href="/tools/regex-tester/">Regex Tester</a></div> <div class="footer-col"><h4>Tools</h4><a href="/tools/diff-checker/">Diff Checker</a><a href="/tools/color-converter/">Color Converter</a><a href="/tools/timestamp-converter/">Timestamp Converter</a><a href="/tools/json-to-csv/">Json To Csv</a></div> <div class="footer-col"><h4>Company</h4><a href="/about.html">About</a><a href="/blog/">Blog</a><a href="/contact.html">Contact</a><a href="/sitemap.xml">Sitemap</a></div> </div> <div class="footer-bottom"> <span>© 2026 RunDev. All processing happens in your browser.</span> <div class="footer-legal"><a href="/privacy.html">Privacy</a><a href="/terms.html">Terms</a></div> </div> </div> <div class="matrix-links" style="text-align:center;padding:10px 0;border-top:1px solid rgba(255,255,255,0.05)"><span style="color:#666;font-size:0.75em">More Tools: </span><a href="https://dl-kit.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">dl-kit</a><a href="https://nettool1.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">nettool1</a><a href="https://go-calc.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">go-calc</a><a href="https://txt-tool.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">txt-tool</a></div></footer> </body> </html>