JavaScriptで入力選択！select()メソッドの使い方

JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。

select()メソッドとは

`select()`メソッドは、``や``要素のテキスト内容を選択状態（ハイライト状態）にするためのJavaScriptメソッドです。</p><h2>基本的な使い方</h2><pre><code>// input要素を取得 const inputElement = document.getElementById('myInput'); // テキストを選択状態にする inputElement.select();</code></pre><h2>実装例</h2><pre><code><input type="text" id="myInput" value="選択したいテキスト"> <button onclick="selectText()">テキストを選択</button> <script> function selectText() { const inputElement = document.getElementById('myInput'); inputElement.select(); } </script></code></pre><h2>よくあるユースケース</h2><p>1. コピー機能と組み合わせる</p><pre><code>function copyText() { const inputElement = document.getElementById('myInput'); inputElement.select(); document.execCommand('copy'); }</code></pre><p>2. フォーカス時に自動選択</p><pre><code>const inputElement = document.getElementById('myInput'); inputElement.addEventListener('focus', function() { this.select(); });</code></pre><h2>注意点</h2><ul><li>`select()`メソッドは`<input>`と`<textarea>`要素でのみ使用可能です</li></ul><ul><li>モバイルデバイスでは動作が異なる場合があります</li></ul><ul><li>`contenteditable`な要素には使用できません</li></ul><h2>ブラウザ互換性</h2><p>`select()`メソッドは以下のブラウザで動作します：</p><ul><li>Google Chrome</li></ul><ul><li>Firefox</li></ul><ul><li>Safari</li></ul><ul><li>Microsoft Edge</li></ul><ul><li>Internet Explorer 11以上</li></ul><h2>エラーが発生する場合の対処法</h2><p>1. 要素が存在しない場合</p><pre><code>const inputElement = document.getElementById('myInput'); if (inputElement) { inputElement.select(); } else { console.error('要素が見つかりません'); }</code></pre><p>2. 要素のタイプが不適切な場合</p><pre><code>const element = document.getElementById('myElement'); if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') { element.select(); } else { console.error('select()メソッドはこの要素では使用できません'); }</code></pre><h2>まとめ</h2><p>`select()`メソッドは、フォーム要素のテキスト選択を簡単に実装できる便利なメソッドです。適切な要素に対して使用し、エラーハンドリングを行うことで、ユーザーフレンドリーな機能を実装することができます。</p></div></div><section class="mt-10"><h2 class="mb-3 text-lg font-bold">関連記事</h2><ul class="space-y-1.5 text-sm"><li><a class="text-indigo-600 hover:underline" href="/tech-posts/564fedfc-2d45-4a5e-a3a9-155de61aeb7a"> Typescript型演算子の活用：keyof、typeof、in演算子を使った動的型操作の実践</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/549e2348-5c08-417a-8c0a-bbe801bc4348">Typescript ES Modules vs CommonJS：各モジュールシステムの特徴と扱い方</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/66065e4d-df8c-4307-b55a-7e681d4b65f6"> Typescript名前空間 vs モジュール：古い方式とESモジュールの使い分けを理解する</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/da9b41d1-f783-4660-b451-7e7604f164a3">Typescript基本型徹底解説：string、number、boolean、null、undefined、symbol、bigintの特性を理解する</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/8319b3bb-2bf6-4174-8fc7-b803d9a3bc75"> JavaScriptで立方根計算！Math.cbrt()関数入門</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/7e81ba5b-41bd-4ed3-9165-aa89b1c5b85a"> JavaScriptで直線距離計算！Math.hypot()関数の使い方</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/f1f2e97b-5e96-4ae6-be2c-687b390979de"> JavaScriptで関数呼び出し！call()メソッド徹底解説</a></li><li><a class="text-indigo-600 hover:underline" href="/tech-posts/cada6bc6-b1e9-4ae6-9201-8b82c277dbbc"> JavaScriptで関数実行制御！apply()メソッドの使い方解説</a></li></ul></section><div class="mt-10"><section aria-label="職務経歴書の書き方ガイド" class="rounded-2xl border border-indigo-100 bg-indigo-50/50 p-5 sm:p-6"><h2 class="mb-3 flex items-center gap-2 text-sm font-bold text-indigo-900"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>職務経歴書の書き方ガイド</h2><ul class="grid grid-cols-1 gap-2 sm:grid-cols-2"><li><a class="group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700" href="/guide/how-to-write"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span><span class="block font-medium">職務経歴書の書き方</span><span class="block text-xs text-zinc-500">職務経歴書の書き方【完全ガイド】項目別の書き方と例文・見本</span></span></a></li><li><a class="group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700" href="/guide/format"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span><span class="block font-medium">フォーマット・テンプレート</span><span class="block text-xs text-zinc-500">職務経歴書のフォーマット3種類と選び方【無料テンプレート・見本付き】</span></span></a></li><li><a class="group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700" href="/guide/what-is"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span><span class="block font-medium">職務経歴書とは</span><span class="block text-xs text-zinc-500">職務経歴書とは？履歴書との違い・必要な場面・書く内容をわかりやすく解説</span></span></a></li></ul><a class="mt-3 inline-block text-xs font-medium text-indigo-600 underline-offset-4 hover:underline" href="/guide">ガイド一覧を見る</a></section></div><section class="mt-10 rounded-2xl border border-emerald-100 bg-emerald-50/50 p-6"><h2 class="mb-2 text-sm font-bold text-emerald-800">編集: RESUMY.AI編集部</h2><p class="text-sm leading-relaxed text-zinc-600">株式会社リクルートや株式会社マイナビ出身の大手人材紹介エージェント出身のキャリアアドバイザーや人事経験者のあるキャリアコンサルタントが在籍。</p><nav aria-label="編集者のSNS" class="mt-3"><ul class="flex flex-wrap gap-x-4 gap-y-2 text-sm"><li><a href="https://www.tiktok.com/@resumy__ai" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">TikTok</a></li><li><a href="https://lit.link/en/RESUMY" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">lit.link</a></li><li><a href="https://www.youtube.com/channel/UCVjHvsCRWELmHJC2oH-uAqg" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">YouTube</a></li><li><a href="https://www.instagram.com/resumy_ai/" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">Instagram</a></li><li><a href="https://www.facebook.com/people/Resumyai/61588058443140/" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">Facebook</a></li><li><a href="https://x.com/resumy_inside" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:underline">X</a></li></ul></nav><ul class="mt-3 space-y-1 text-sm"><li><a class="text-indigo-600 hover:underline" href="/self-analysis">【無料】16タイプ適性診断</a></li><li><a class="text-indigo-600 hover:underline" href="/">【職務経歴書・履歴書作成ツール】</a></li></ul></section><a class="mt-10 flex items-center justify-between gap-4 rounded-2xl brand-fill p-6 text-white shadow-md transition hover:brightness-110" href="/resumes/new"><span><span class="block text-lg font-bold">生成AIで職務経歴書を瞬間作成</span><span class="mt-1 block text-sm text-indigo-100">テンプレートとAIとの対話で、応募できる書類がすぐ完成します。</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-8 w-8 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></a><p class="mt-10 text-center"><a class="inline-block rounded-xl border border-zinc-200 bg-white/70 px-6 py-3 text-sm font-medium text-zinc-700 backdrop-blur transition hover:bg-white" href="/tech-posts">テック記事一覧へ</a></p></article><aside class="lg:sticky lg:top-24 lg:self-start"><h2 class="mb-3 text-sm font-bold text-zinc-700">新着記事</h2><div class="flex flex-col gap-1"><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/22030e4f-a9f9-4bcb-8572-97f145a79719"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">1</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600">Cursor vs Google Antigravity：どちらを選ぶべき？</span><span class="mt-1 block text-xs text-zinc-400">2025年12月12日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/6f97472e-f57d-4c79-93ff-a3a665fd3da1"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">2</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600">Claude CodeとSerena MCPで始めるAI開発 - Mac環境での導入から実践まで</span><span class="mt-1 block text-xs text-zinc-400">2025年09月10日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/c14cfcdd-ba77-485a-8a90-016974504ace"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">3</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600">Claude Codeがすごい！AI駆動の革新的コーディングアシスタントの導入から活用を解説します</span><span class="mt-1 block text-xs text-zinc-400">2025年07月25日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/1cf5c9f4-d0d3-40b1-b0fa-2dd90eaefa81"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">4</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600">AWS製AI IDE「Kiro」を使ってみた：仕様駆動開発で変わるコーディング体験</span><span class="mt-1 block text-xs text-zinc-400">2025年07月25日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/74923c06-5ede-4767-a133-a3544d321da0"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">5</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600">【2025年最新】開発者向けAIエディターおすすめ12選を徹底比較</span><span class="mt-1 block text-xs text-zinc-400">2025年07月25日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/076919b2-af74-4aa2-aa0d-ad2a66fd32a5"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">6</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600"> object() - Pythonにおける全てのクラスの基底となるobjectクラス</span><span class="mt-1 block text-xs text-zinc-400">2025年03月11日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/8d7574c7-c353-44f1-9ac3-134df5b41908"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">7</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600"> help() - Pythonでドキュメント表示を行うhelp()関数の活用法</span><span class="mt-1 block text-xs text-zinc-400">2025年03月11日</span></span></a><a class="group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70" href="/tech-posts/20686977-f809-4add-9bce-1650812a2ff4"><span class="mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300">8</span><span class="min-w-0"><span class="block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600"> format() - Pythonで文字列をフォーマットするformat()関数</span><span class="mt-1 block text-xs text-zinc-400">2025年03月11日</span></span></a></div></aside></div></div></main><footer class="site-footer print:hidden"><div class="mx-auto grid w-full max-w-6xl grid-cols-1 gap-8 px-6 py-12 sm:grid-cols-2 lg:grid-cols-4"><div><p class="brand-logo mb-3"><span class="orb h-5 w-5" aria-hidden="true"></span>RESUMY.AI</p><p class="text-xs leading-relaxed text-zinc-500">AIとの対話で職務経歴書・履歴書を無料作成。テンプレート・例文・自動深掘りで、応募できる書類がすぐ完成します。</p></div><nav aria-label="テンプレート"><p class="mb-3 text-xs font-bold text-zinc-400">職種別テンプレート</p><ul class="space-y-2 text-sm"><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/engineer">エンジニアの職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/sales">営業の職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/office-work">事務の職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/nurse">看護師の職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/pharmacist">薬剤師の職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/marketer">マーケターの職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/%E4%BB%8B%E8%AD%B7%E7%A6%8F%E7%A5%89%E5%A3%AB">介護福祉士の職務経歴書</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates/%E4%BF%9D%E8%82%B2%E5%A3%AB">保育士の職務経歴書</a></li><li><a class="font-medium text-indigo-600 transition hover:text-indigo-700" href="/templates">全537職種をすべて見る →</a></li></ul></nav><nav aria-label="職務経歴書の書き方ガイド"><p class="mb-3 text-xs font-bold text-zinc-400">職務経歴書の書き方ガイド</p><ul class="space-y-2 text-sm"><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/how-to-write">職務経歴書の書き方</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/format">フォーマット・テンプレート</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/what-is">職務経歴書とは</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/difference-from-rirekisho">履歴書との違い</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/self-pr">自己PRの書き方・例文</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/job-summary">職務要約の書き方・例文</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/part-time">アルバイト・パートの書き方</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/many-job-changes">転職回数が多い場合</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/new-graduate">新卒・第二新卒の書き方</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/handwritten">手書きで書く場合</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide/pages">枚数・文字数の目安</a></li><li><a class="font-medium text-indigo-600 transition hover:text-indigo-700" href="/guide">ガイド一覧を見る →</a></li></ul></nav><div class="flex flex-col gap-8"><nav aria-label="サービス"><p class="mb-3 text-xs font-bold text-zinc-400">サービス</p><ul class="space-y-2 text-sm"><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/resumes/new">職務経歴書を作成する</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/resumes">書類一覧</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/templates">テンプレート一覧</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/guide">職務経歴書の書き方ガイド</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/assessments">適性診断ツール一覧</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/self-analysis">16タイプ適性診断</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/assessments/strength">RESUMY強み診断</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/posts">お役立ち情報</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/news">お知らせ</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/tech-posts">テック記事</a></li><li><a class="text-zinc-600 transition hover:text-indigo-600" href="/login">ログイン</a></li></ul></nav><nav aria-label="規約"><ul class="flex flex-wrap gap-x-4 gap-y-2 text-xs"><li><a class="text-zinc-500 transition hover:text-indigo-600" href="/terms">利用規約</a></li><li><a class="text-zinc-500 transition hover:text-indigo-600" href="/privacy">プライバシーポリシー</a></li><li><button type="button" class="text-zinc-500 transition hover:text-indigo-600">不具合・ご要望を送る</button></li></ul></nav></div></div><p class="pb-8 text-center text-xs text-zinc-400">© 2026 RESUMY.AI</p></footer></div><script src="/_next/static/chunks/3xocbmg7fr2yh.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"default\"]\n4:I[79520,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"\"]\n5:I[6290,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"AnalyticsUser\"]\nd:I[68027,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"default\",1]\n:HL[\"/_next/static/chunks/2z95dobgy3ywm.css?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"tech-posts\",\"16fbc4ef-2356-477d-b54f-bd5454327fd4\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"tech-posts\",{\"children\":[[\"id\",\"16fbc4ef-2356-477d-b54f-bd5454327fd4\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2z95dobgy3ywm.css?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ja\",\"className\":\"h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col font-sans\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"[{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://www.resumy.ai/#organization\\\",\\\"name\\\":\\\"RESUMY.AI\\\",\\\"alternateName\\\":\\\"レジュミー\\\",\\\"url\\\":\\\"https://www.resumy.ai/\\\",\\\"logo\\\":\\\"https://www.resumy.ai/apple-icon.png\\\",\\\"description\\\":\\\"AIとの対話で職務経歴書・履歴書を無料作成できるWebサービス。職種別テンプレート・例文、適性診断、転職ノウハウ記事を提供。\\\",\\\"sameAs\\\":[\\\"https://x.com/RESUMY_AI\\\",\\\"https://www.tiktok.com/@resumy__ai\\\",\\\"https://www.instagram.com/resumy_ai/\\\",\\\"https://www.youtube.com/channel/UCVjHvsCRWELmHJC2oH-uAqg\\\",\\\"https://www.facebook.com/people/Resumyai/61588058443140\\\"]},{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://www.resumy.ai/#website\\\",\\\"name\\\":\\\"RESUMY.AI\\\",\\\"url\\\":\\\"https://www.resumy.ai/\\\",\\\"inLanguage\\\":\\\"ja\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://www.resumy.ai/#organization\\\"}}]\"}}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[[\"$\",\"$L4\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-YZ9XD08LE7\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L4\",null,{\"id\":\"ga-init\",\"strategy\":\"afterInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\nfunction gtag(){dataLayer.push(arguments);}\\ngtag('js', new Date());\\ngtag('config', 'G-YZ9XD08LE7');\"}],[\"$\",\"$L5\",null,{}]]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],\"$L6\",\"$L7\"]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"$L8\",{\"children\":[\"$L9\",{\"children\":[\"$La\",{},null,false,null]},null,false,\"$@b\"]},null,false,\"$@b\"]},null,false,\"$@b\"]},null,false,null],\"$Lc\",false]],\"m\":\"$undefined\",\"G\":[\"$d\",[\"$Le\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"10:I[97367,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"OutletBoundary\"]\n11:\"$Sreact.suspense\"\n14:I[97367,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"ViewportBoundary\"]\n16:I[97367,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"MetadataBoundary\"]\n6:[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}]\n7:[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\na:[\"$\",\"$1\",\"c\",{\"children\":[\"$Lf\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@12\"}]}]]}]\n13:[]\nb:\"$W13\"\nc:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L17\"}]}]}],null]}]\ne:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2z95dobgy3ywm.css?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"18:I[27201,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"IconMark\"]\n12:null\n"])</script><script>self.__next_f.push([1,"17:[[\"$\",\"title\",\"0\",{\"children\":\" JavaScriptで入力選択！select()メソッドの使い方 | RESUMY.AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.resumy.ai/tech-posts/16fbc4ef-2356-477d-b54f-bd5454327fd4\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\" JavaScriptで入力選択！select()メソッドの使い方\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://www.resumy.ai/og?title=+JavaScript%E3%81%A7%E5%85%A5%E5%8A%9B%E9%81%B8%E6%8A%9E%EF%BC%81select%28%29%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9\u0026eyebrow=%E3%83%86%E3%83%83%E3%82%AF%E8%A8%98%E4%BA%8B\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"7\",{\"property\":\"article:published_time\",\"content\":\"2025-02-07T05:23:18.658Z\"}],[\"$\",\"meta\",\"8\",{\"property\":\"article:modified_time\",\"content\":\"2025-02-07T05:23:18.658Z\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\" JavaScriptで入力選択！select()メソッドの使い方\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://www.resumy.ai/og?title=+JavaScript%E3%81%A7%E5%85%A5%E5%8A%9B%E9%81%B8%E6%8A%9E%EF%BC%81select%28%29%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9\u0026eyebrow=%E3%83%86%E3%83%83%E3%82%AF%E8%A8%98%E4%BA%8B\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.41k_30mlw0s50.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.3xb5_0oco9wgr.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"15\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.07kiya93yf9_c.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L18\",\"16\",{}]]\n"])</script><script>self.__next_f.push([1,"1a:I[50309,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"SiteHeader\"]\n1b:I[22016,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"\"]\n1c:I[5014,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"default\"]\n19:T742,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"Article\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.resumy.ai/tech-posts/16fbc4ef-2356-477d-b54f-bd5454327fd4\"},\"headline\":\" JavaScriptで入力選択！select()メソッドの使い方\",\"description\":\"JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。\",\"datePublished\":\"2025-02-07T05:23:18.658Z\",\"dateModified\":\"2025-02-07T05:23:18.658Z\",\"articleSection\":\"テック記事\",\"inLanguage\":\"ja\",\"author\":{\"@type\":\"Organization\",\"name\":\"RESUMY.AI編集部\",\"url\":\"https://www.resumy.ai/\",\"sameAs\":[\"https://www.tiktok.com/@resumy__ai\",\"https://lit.link/en/RESUMY\",\"https://www.youtube.com/channel/UCVjHvsCRWELmHJC2oH-uAqg\",\"https://www.instagram.com/resumy_ai/\",\"https://www.facebook.com/people/Resumyai/61588058443140/\",\"https://x.com/resumy_inside\"]},\"publisher\":{\"@type\":\"Organization\",\"name\":\"RESUMY.AI\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.resumy.ai/apple-icon.png\",\"width\":\"630\",\"height\":\"630\"}},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https://www.resumy.ai/og?title=+JavaScript%E3%81%A7%E5%85%A5%E5%8A%9B%E9%81%B8%E6%8A%9E%EF%BC%81select%28%29%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9\u0026eyebrow=%E3%83%86%E3%83%83%E3%82%AF%E8%A8%98%E4%BA%8B\",\"width\":\"auto\",\"height\":\"auto\"}},{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"職務経歴書作成\",\"item\":\"https://www.resumy.ai/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"テック記事一覧\",\"item\":\"https://www.resumy.ai/tech-posts\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\" JavaScriptで入力選択！select()メソッドの使い方\",\"item\":\"https://www.resumy.ai/tech-posts/16fbc4ef-2356-477d-b54f-bd5454327fd4\"}]}]"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$19\"}}],[\"$\",\"div\",null,{\"className\":\"aurora-bg flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L1a\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6 py-10\",\"children\":[[\"$\",\"nav\",null,{\"aria-label\":\"パンくずリスト\",\"className\":\"mb-6\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-1 text-xs text-zinc-500\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/\",\"className\":\"transition hover:text-indigo-600\",\"children\":\"職務経歴書作成\"}]}],[\"$\",\"li\",null,{\"aria-hidden\":true,\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right h-3 w-3\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts\",\"className\":\"transition hover:text-indigo-600\",\"children\":[\"テック記事\",\"一覧\"]}]}],[\"$\",\"li\",null,{\"aria-hidden\":true,\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$f:1:props:children:1:props:children:props:children:0:props:children:props:children:1:props:children:props:iconNode\",\"className\":\"lucide-chevron-right h-3 w-3\"}]}],[\"$\",\"li\",null,{\"aria-current\":\"page\",\"className\":\"truncate text-zinc-700\",\"children\":\" JavaScriptで入力選択！select()メソッドの使い方\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,1fr)_320px]\",\"children\":[[\"$\",\"article\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-2xl font-bold leading-snug tracking-tight sm:text-3xl\",\"children\":\" JavaScriptで入力選択！select()メソッドの使い方\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-xs text-zinc-500\",\"children\":[\"投稿日 \",\"2025年02月07日\",[\"$\",\"span\",null,{\"className\":\"mx-2\",\"aria-hidden\":true,\"children\":\"/\"}],\"更新日 \",\"2025年02月07日\"]}],[\"$\",\"p\",null,{\"className\":\"mt-3 flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"$L1b\",\"JavaScript\",{\"href\":\"/tech-posts?tags=JavaScript\",\"className\":\"rounded-full bg-indigo-50 px-2.5 py-1 text-xs text-indigo-600 transition hover:bg-indigo-100\",\"children\":\"JavaScript\"}]]}],\"\",false,[\"$\",\"div\",null,{\"className\":\"glass mt-6 rounded-2xl p-6 sm:p-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"article-body\",\"children\":[[\"$\",\"p\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"JavaScriptでテキストフィールドの内容を選択（ハイライト）する際に、よく使用される`select()`メソッドについて解説します。\"}}],\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\"]}]}],\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\"]}],\"$L3f\"]}]]}]}],\"$L40\"]}]]\n"])</script><script>self.__next_f.push([1,"41:I[35659,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"TrackedLink\"]\n1d:[\"$\",\"h2\",\"1\",{\"id\":\"$undefined\",\"children\":\"select()メソッドとは\"}]\n1e:[\"$\",\"p\",\"2\",{\"dangerouslySetInnerHTML\":{\"__html\":\"`select()`メソッドは、`\u003cinput\u003e`や`\u003ctextarea\u003e`要素のテキスト内容を選択状態（ハイライト状態）にするためのJavaScriptメソッドです。\"}}]\n1f:[\"$\",\"h2\",\"3\",{\"id\":\"$undefined\",\"children\":\"基本的な使い方\"}]\n20:[\"$\",\"pre\",\"4\",{\"children\":[\"$\",\"code\",null,{\"children\":\"// input要素を取得\\nconst inputElement = document.getElementById('myInput');\\n\\n// テキストを選択状態にする\\ninputElement.select();\"}]}]\n21:[\"$\",\"h2\",\"5\",{\"id\":\"$undefined\",\"children\":\"実装例\"}]\n22:[\"$\",\"pre\",\"6\",{\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cinput type=\\\"text\\\" id=\\\"myInput\\\" value=\\\"選択したいテキスト\\\"\u003e\\n\u003cbutton onclick=\\\"selectText()\\\"\u003eテキストを選択\u003c/button\u003e\\n\\n\u003cscript\u003e\\nfunction selectText() {\\n const inputElement = document.getElementById('myInput');\\n inputElement.select();\\n}\\n\u003c/script\u003e\"}]}]\n23:[\"$\",\"h2\",\"7\",{\"id\":\"$undefined\",\"children\":\"よくあるユースケース\"}]\n24:[\"$\",\"p\",\"8\",{\"dangerouslySetInnerHTML\":{\"__html\":\"1. コピー機能と組み合わせる\"}}]\n25:[\"$\",\"pre\",\"9\",{\"children\":[\"$\",\"code\",null,{\"children\":\"function copyText() {\\n const inputElement = document.getElementById('myInput');\\n inputElement.select();\\n document.execCommand('copy');\\n}\"}]}]\n26:[\"$\",\"p\",\"10\",{\"dangerouslySetInnerHTML\":{\"__html\":\"2. フォーカス時に自動選択\"}}]\n27:[\"$\",\"pre\",\"11\",{\"children\":[\"$\",\"code\",null,{\"children\":\"const inputElement = document.getElementById('myInput');\\ninputElement.addEventListener('focus', function() {\\n this.select();\\n});\"}]}]\n28:[\"$\",\"h2\",\"12\",{\"id\":\"$undefined\",\"children\":\"注意点\"}]\n29:[\"$\",\"ul\",\"13\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"`select()`メソッドは`\u003cinput\u003e`と`\u003ctextarea\u003e`要素でのみ使用可能です\"}}]]}]\n2a:[\"$\",\"ul\",\"14\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"モバイルデバイスでは動作が異なる場合があります\"}}]]}]\n2b:[\"$\",\"ul\",\"15\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"`contenteditable`な要素には使用できません\"}}]]}]\n2c:[\"$\",\"h2\",\"16\",{\"id\":\"$undefined\",\"children\":\"ブラウザ互換性\"}]\n2d:[\"$\",\"p\",\"17\",{\"dangerouslySetInnerHTML\":{\"__html\":\"`select()`メソッドは以下のブラウザで動作します：\"}}]\n2e:[\"$\",\"ul\",\"18\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Google Chrome\"}}]]}]\n2f:[\"$\",\"ul\",\"19\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Firefox\"}}]]}]\n30:[\"$\",\"ul\",\"20\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Safari\"}}]]}]\n31:[\"$\",\"ul\",\"21\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Microsoft Edge\"}}]]}]\n32:[\"$\",\"ul\",\"22\",{\"children\":[[\"$\",\"li\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Internet Explorer 11以上\"}}]]}]\n33:[\"$\",\"h2\",\"23\",{\"id\":\"$undefined\",\"children\":\"エラーが発生する場合の対処法\"}]\n34:[\"$\",\"p\",\"24\",{\"dangerouslySetInnerHTML\":{\"__html\":\"1. 要素が存在しない場合\"}}]\n35:[\"$\",\"pre\",\"25\",{\"children\":[\"$\",\"code\",null,{\"children\":\"const inputElement = document.getElementById('myInput');\\nif (inputElement) {\\n inputElement.select();\\n} else {\\n console.error('要素が見つかりません');\\n}\"}]}]\n36:[\"$\",\"p\",\"26\",{\"dangerouslySetInnerHTML\":{\"__html\":\"2. 要素のタイプが不適切な場合\"}}]\n37:[\"$\",\"pre\",\"27\",{\"children\":[\"$\",\"code\",null,{\"children\":\"const element = document.getElementById('myElement');\\nif (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {\\n element.se"])</script><script>self.__next_f.push([1,"lect();\\n} else {\\n console.error('select()メソッドはこの要素では使用できません');\\n}\"}]}]\n38:[\"$\",\"h2\",\"28\",{\"id\":\"$undefined\",\"children\":\"まとめ\"}]\n39:[\"$\",\"p\",\"29\",{\"dangerouslySetInnerHTML\":{\"__html\":\"`select()`メソッドは、フォーム要素のテキスト選択を簡単に実装できる便利なメソッドです。適切な要素に対して使用し、エラーハンドリングを行うことで、ユーザーフレンドリーな機能を実装することができます。\"}}]\n"])</script><script>self.__next_f.push([1,"3a:[\"$\",\"section\",null,{\"className\":\"mt-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"関連記事\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-1.5 text-sm\",\"children\":[[\"$\",\"li\",\"564fedfc-2d45-4a5e-a3a9-155de61aeb7a\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/564fedfc-2d45-4a5e-a3a9-155de61aeb7a\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" Typescript型演算子の活用：keyof、typeof、in演算子を使った動的型操作の実践\"}]}],[\"$\",\"li\",\"549e2348-5c08-417a-8c0a-bbe801bc4348\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/549e2348-5c08-417a-8c0a-bbe801bc4348\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"Typescript ES Modules vs CommonJS：各モジュールシステムの特徴と扱い方\"}]}],[\"$\",\"li\",\"66065e4d-df8c-4307-b55a-7e681d4b65f6\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/66065e4d-df8c-4307-b55a-7e681d4b65f6\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" Typescript名前空間 vs モジュール：古い方式とESモジュールの使い分けを理解する\"}]}],[\"$\",\"li\",\"da9b41d1-f783-4660-b451-7e7604f164a3\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/da9b41d1-f783-4660-b451-7e7604f164a3\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"Typescript基本型徹底解説：string、number、boolean、null、undefined、symbol、bigintの特性を理解する\"}]}],[\"$\",\"li\",\"8319b3bb-2bf6-4174-8fc7-b803d9a3bc75\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/8319b3bb-2bf6-4174-8fc7-b803d9a3bc75\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" JavaScriptで立方根計算！Math.cbrt()関数入門\"}]}],[\"$\",\"li\",\"7e81ba5b-41bd-4ed3-9165-aa89b1c5b85a\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/7e81ba5b-41bd-4ed3-9165-aa89b1c5b85a\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" JavaScriptで直線距離計算！Math.hypot()関数の使い方\"}]}],[\"$\",\"li\",\"f1f2e97b-5e96-4ae6-be2c-687b390979de\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/f1f2e97b-5e96-4ae6-be2c-687b390979de\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" JavaScriptで関数呼び出し！call()メソッド徹底解説\"}]}],[\"$\",\"li\",\"cada6bc6-b1e9-4ae6-9201-8b82c277dbbc\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts/cada6bc6-b1e9-4ae6-9201-8b82c277dbbc\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\" JavaScriptで関数実行制御！apply()メソッドの使い方解説\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3b:[\"$\",\"div\",null,{\"className\":\"mt-10\",\"children\":[\"$\",\"section\",null,{\"aria-label\":\"職務経歴書の書き方ガイド\",\"className\":\"rounded-2xl border border-indigo-100 bg-indigo-50/50 p-5 sm:p-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-3 flex items-center gap-2 text-sm font-bold text-indigo-900\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12 7v14\",\"key\":\"1akyts\"}],[\"path\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\",\"key\":\"ruj8y\"}]],\"className\":\"lucide-book-open h-4 w-4\",\"aria-hidden\":true}],\"職務経歴書の書き方ガイド\"]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-1 gap-2 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"how-to-write\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/how-to-write\",\"className\":\"group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium\",\"children\":\"職務経歴書の書き方\"}],[\"$\",\"span\",null,{\"className\":\"block text-xs text-zinc-500\",\"children\":\"職務経歴書の書き方【完全ガイド】項目別の書き方と例文・見本\"}]]}]]}]}],[\"$\",\"li\",\"format\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/format\",\"className\":\"group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3b:props:children:props:children:1:props:children:0:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium\",\"children\":\"フォーマット・テンプレート\"}],[\"$\",\"span\",null,{\"className\":\"block text-xs text-zinc-500\",\"children\":\"職務経歴書のフォーマット3種類と選び方【無料テンプレート・見本付き】\"}]]}]]}]}],[\"$\",\"li\",\"what-is\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/what-is\",\"className\":\"group flex items-start gap-2 rounded-xl bg-white/80 px-3 py-2.5 text-sm text-zinc-700 transition hover:bg-white hover:text-indigo-700\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3b:props:children:props:children:1:props:children:0:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right mt-1 h-3.5 w-3.5 shrink-0 text-indigo-400 transition group-hover:translate-x-0.5\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium\",\"children\":\"職務経歴書とは\"}],[\"$\",\"span\",null,{\"className\":\"block text-xs text-zinc-500\",\"children\":\"職務経歴書とは？履歴書との違い・必要な場面・書く内容をわかりやすく解説\"}]]}]]}]}]]}],[\"$\",\"$L1b\",null,{\"href\":\"/guide\",\"className\":\"mt-3 inline-block text-xs font-medium text-indigo-600 underline-offset-4 hover:underline\",\"children\":\"ガイド一覧を見る\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"3c:[\"$\",\"section\",null,{\"className\":\"mt-10 rounded-2xl border border-emerald-100 bg-emerald-50/50 p-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-2 text-sm font-bold text-emerald-800\",\"children\":\"編集: RESUMY.AI編集部\"}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-relaxed text-zinc-600\",\"children\":\"株式会社リクルートや株式会社マイナビ出身の大手人材紹介エージェント出身のキャリアアドバイザーや人事経験者のあるキャリアコンサルタントが在籍。\"}],[\"$\",\"nav\",null,{\"aria-label\":\"編集者のSNS\",\"className\":\"mt-3\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-x-4 gap-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"TikTok\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.tiktok.com/@resumy__ai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"TikTok\"}]}],[\"$\",\"li\",\"lit.link\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://lit.link/en/RESUMY\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"lit.link\"}]}],[\"$\",\"li\",\"YouTube\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/channel/UCVjHvsCRWELmHJC2oH-uAqg\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"YouTube\"}]}],[\"$\",\"li\",\"Instagram\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/resumy_ai/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"Instagram\"}]}],[\"$\",\"li\",\"Facebook\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/people/Resumyai/61588058443140/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"Facebook\"}]}],[\"$\",\"li\",\"X\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://x.com/resumy_inside\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"X\"}]}]]}]}],[\"$\",\"ul\",null,{\"className\":\"mt-3 space-y-1 text-sm\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/self-analysis\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"【無料】16タイプ適性診断\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/\",\"className\":\"text-indigo-600 hover:underline\",\"children\":\"【職務経歴書・履歴書作成ツール】\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3d:[\"$\",\"$L41\",null,{\"href\":\"/resumes/new\",\"placement\":\"article_cta\",\"className\":\"mt-10 flex items-center justify-between gap-4 rounded-2xl brand-fill p-6 text-white shadow-md transition hover:brightness-110\",\"children\":[[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-lg font-bold\",\"children\":\"生成AIで職務経歴書を瞬間作成\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-sm text-indigo-100\",\"children\":\"テンプレートとAIとの対話で、応募できる書類がすぐ完成します。\"}]]}],[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles h-8 w-8 shrink-0\",\"aria-hidden\":true}]]}]\n3e:[\"$\",\"p\",null,{\"className\":\"mt-10 text-center\",\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts\",\"className\":\"inline-block rounded-xl border border-zinc-200 bg-white/70 px-6 py-3 text-sm font-medium text-zinc-700 backdrop-blur transition hover:bg-white\",\"children\":[\"テック記事\",\"一覧へ\"]}]}]\n"])</script><script>self.__next_f.push([1,"3f:[\"$\",\"aside\",null,{\"className\":\"lg:sticky lg:top-24 lg:self-start\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-3 text-sm font-bold text-zinc-700\",\"children\":\"新着記事\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L1b\",\"22030e4f-a9f9-4bcb-8572-97f145a79719\",{\"href\":\"/tech-posts/22030e4f-a9f9-4bcb-8572-97f145a79719\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":1}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\"Cursor vs Google Antigravity：どちらを選ぶべき？\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年12月12日\"}]]}]]}],[\"$\",\"$L1b\",\"6f97472e-f57d-4c79-93ff-a3a665fd3da1\",{\"href\":\"/tech-posts/6f97472e-f57d-4c79-93ff-a3a665fd3da1\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":2}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\"Claude CodeとSerena MCPで始めるAI開発 - Mac環境での導入から実践まで\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年09月10日\"}]]}]]}],[\"$\",\"$L1b\",\"c14cfcdd-ba77-485a-8a90-016974504ace\",{\"href\":\"/tech-posts/c14cfcdd-ba77-485a-8a90-016974504ace\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":3}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\"Claude Codeがすごい！AI駆動の革新的コーディングアシスタントの導入から活用を解説します\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年07月25日\"}]]}]]}],[\"$\",\"$L1b\",\"1cf5c9f4-d0d3-40b1-b0fa-2dd90eaefa81\",{\"href\":\"/tech-posts/1cf5c9f4-d0d3-40b1-b0fa-2dd90eaefa81\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":4}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\"AWS製AI IDE「Kiro」を使ってみた：仕様駆動開発で変わるコーディング体験\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年07月25日\"}]]}]]}],[\"$\",\"$L1b\",\"74923c06-5ede-4767-a133-a3544d321da0\",{\"href\":\"/tech-posts/74923c06-5ede-4767-a133-a3544d321da0\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":5}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\"【2025年最新】開発者向けAIエディターおすすめ12選を徹底比較\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年07月25日\"}]]}]]}],[\"$\",\"$L1b\",\"076919b2-af74-4aa2-aa0d-ad2a66fd32a5\",{\"href\":\"/tech-posts/076919b2-af74-4aa2-aa0d-ad2a66fd32a5\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":6}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\" object() - Pythonにおける全てのクラスの基底となるobjectクラス\"}],\"$L42\"]}]]}],\"$L43\",\"$L44\"]}]]}]\n"])</script><script>self.__next_f.push([1,"40:[\"$\",\"footer\",null,{\"className\":\"site-footer print:hidden\",\"data-landing\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto grid w-full max-w-6xl grid-cols-1 gap-8 px-6 py-12 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"brand-logo mb-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"orb h-5 w-5\",\"aria-hidden\":true}],\"RESUMY.AI\"]}],[\"$\",\"p\",null,{\"className\":\"text-xs leading-relaxed text-zinc-500\",\"children\":\"AIとの対話で職務経歴書・履歴書を無料作成。テンプレート・例文・自動深掘りで、応募できる書類がすぐ完成します。\"}]]}],[\"$\",\"nav\",null,{\"aria-label\":\"テンプレート\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-xs font-bold text-zinc-400\",\"children\":\"職種別テンプレート\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[[\"$\",\"li\",\"engineer\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/engineer\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"エンジニア\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"sales\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/sales\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"営業\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"office-work\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/office-work\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"事務\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"nurse\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/nurse\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"看護師\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"pharmacist\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/pharmacist\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"薬剤師\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"marketer\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/marketer\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"マーケター\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"介護福祉士\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/%E4%BB%8B%E8%AD%B7%E7%A6%8F%E7%A5%89%E5%A3%AB\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"介護福祉士\",\"の職務経歴書\"]}]}],[\"$\",\"li\",\"保育士\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates/%E4%BF%9D%E8%82%B2%E5%A3%AB\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":[\"保育士\",\"の職務経歴書\"]}]}]],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates\",\"className\":\"font-medium text-indigo-600 transition hover:text-indigo-700\",\"children\":[\"全\",537,\"職種をすべて見る →\"]}]}]]}]]}],[\"$\",\"nav\",null,{\"aria-label\":\"職務経歴書の書き方ガイド\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-xs font-bold text-zinc-400\",\"children\":\"職務経歴書の書き方ガイド\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[[\"$\",\"li\",\"how-to-write\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/how-to-write\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"職務経歴書の書き方\"}]}],[\"$\",\"li\",\"format\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/format\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"フォーマット・テンプレート\"}]}],[\"$\",\"li\",\"what-is\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/what-is\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"職務経歴書とは\"}]}],[\"$\",\"li\",\"difference-from-rirekisho\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/difference-from-rirekisho\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"履歴書との違い\"}]}],[\"$\",\"li\",\"self-pr\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/self-pr\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"自己PRの書き方・例文\"}]}],[\"$\",\"li\",\"job-summary\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/job-summary\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"職務要約の書き方・例文\"}]}],[\"$\",\"li\",\"part-time\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/part-time\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"アルバイト・パートの書き方\"}]}],[\"$\",\"li\",\"many-job-changes\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/many-job-changes\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"転職回数が多い場合\"}]}],[\"$\",\"li\",\"new-graduate\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/new-graduate\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"新卒・第二新卒の書き方\"}]}],[\"$\",\"li\",\"handwritten\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/handwritten\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"手書きで書く場合\"}]}],[\"$\",\"li\",\"pages\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide/pages\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"枚数・文字数の目安\"}]}]],\"$L45\"]}]]}],\"$L46\"]}],\"$L47\"]}]\n"])</script><script>self.__next_f.push([1,"48:I[97330,[\"/_next/static/chunks/1ti37a6p9-xbc.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/14mrh2-p_w84d.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2dr9dxci9-l0l.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/2zsi42jmp3l__.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\",\"/_next/static/chunks/29p__y3l7ah5j.js?dpl=dpl_2r3ZEyw37LgqkxHkxSrVCnG4azYw\"],\"FeedbackButton\"]\n42:[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年03月11日\"}]\n43:[\"$\",\"$L1b\",\"8d7574c7-c353-44f1-9ac3-134df5b41908\",{\"href\":\"/tech-posts/8d7574c7-c353-44f1-9ac3-134df5b41908\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":7}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\" help() - Pythonでドキュメント表示を行うhelp()関数の活用法\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年03月11日\"}]]}]]}]\n44:[\"$\",\"$L1b\",\"20686977-f809-4add-9bce-1650812a2ff4\",{\"href\":\"/tech-posts/20686977-f809-4add-9bce-1650812a2ff4\",\"className\":\"group flex items-start gap-3 rounded-xl p-2 transition hover:bg-white/70\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 w-5 shrink-0 text-center text-sm font-bold text-indigo-300\",\"children\":8}],\"\",[\"$\",\"span\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-sm leading-snug text-zinc-700 transition group-hover:text-indigo-600\",\"children\":\" format() - Pythonで文字列をフォーマットするformat()関数\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 block text-xs text-zinc-400\",\"children\":\"2025年03月11日\"}]]}]]}]\n45:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide\",\"className\":\"font-medium text-indigo-600 transition hover:text-indigo-700\",\"children\":\"ガイド一覧を見る →\"}]}]\n"])</script><script>self.__next_f.push([1,"46:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-8\",\"children\":[[\"$\",\"nav\",null,{\"aria-label\":\"サービス\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-xs font-bold text-zinc-400\",\"children\":\"サービス\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"/resumes/new\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/resumes/new\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"職務経歴書を作成する\"}]}],[\"$\",\"li\",\"/resumes\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/resumes\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"書類一覧\"}]}],[\"$\",\"li\",\"/templates\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/templates\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"テンプレート一覧\"}]}],[\"$\",\"li\",\"/guide\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/guide\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"職務経歴書の書き方ガイド\"}]}],[\"$\",\"li\",\"/assessments\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/assessments\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"適性診断ツール一覧\"}]}],[\"$\",\"li\",\"/self-analysis\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/self-analysis\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"16タイプ適性診断\"}]}],[\"$\",\"li\",\"/assessments/strength\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/assessments/strength\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"RESUMY強み診断\"}]}],[\"$\",\"li\",\"/posts\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/posts\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"お役立ち情報\"}]}],[\"$\",\"li\",\"/news\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/news\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"お知らせ\"}]}],[\"$\",\"li\",\"/tech-posts\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/tech-posts\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"テック記事\"}]}],[\"$\",\"li\",\"/login\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/login\",\"className\":\"text-zinc-600 transition hover:text-indigo-600\",\"children\":\"ログイン\"}]}]]}]]}],[\"$\",\"nav\",null,{\"aria-label\":\"規約\",\"children\":[false,[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-x-4 gap-y-2 text-xs\",\"children\":[false,[[\"$\",\"li\",\"/terms\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/terms\",\"className\":\"text-zinc-500 transition hover:text-indigo-600\",\"children\":\"利用規約\"}]}],[\"$\",\"li\",\"/privacy\",{\"children\":[\"$\",\"$L1b\",null,{\"href\":\"/privacy\",\"className\":\"text-zinc-500 transition hover:text-indigo-600\",\"children\":\"プライバシーポリシー\"}]}]],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L48\",null,{\"placement\":\"footer\",\"className\":\"text-zinc-500 transition hover:text-indigo-600\",\"children\":\"不具合・ご要望を送る\"}]}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"47:[\"$\",\"p\",null,{\"className\":\"pb-8 text-center text-xs text-zinc-400\",\"children\":[\"© \",2026,\" RESUMY.AI\",false]}]\n"])</script></body></html>