</>CodingLSコーディングライフスタイル

JavaScriptで文字列の先頭から指定した文字数を取得する方法を、slice(0, n) と substring(0, n) で解説します。文字数が足りない・0・絵文字（サロゲートペア）を含む場合の挙動、末尾に「…」を付ける省略表示（truncate）、「先頭N文字を削除して残りを取得」との違いまで実用的にまとめます。

JavaScriptでページ上のテキストの指定範囲を選択（ハイライト）する方法を解説します。input/textareaの setSelectionRange()、通常要素の Selection API＋Range、選択せずに色付けする span/mark ラップや CSS Custom Highlight API、選択中テキストの取得まで、実用的なコードとブラウザ対応をまとめます。

JavaScriptで特定の文字列の直後にある1文字を取得する方法を、indexOf・slice・正規表現（lookbehind）の3通りで解説します。indexOfで位置を求めてその直後を取り出す基本から、検索文字列が末尾にある・見つからないときの安全な処理、絵文字（サロゲートペア）対策、全出現箇所の一括取得や実用例まで網羅します。

JavaScriptで「特定の文字列の直前にある1文字を取得したい」と思ったことはありませんか？たとえば、URLのパラメータ区切り文字の前の文字を調べたい、CSVデータの特定カラム手前の区切り文字を判定したい、ログファイルからエラーコード直...

JavaScriptで文字列から「開始位置と文字数」を指定して部分文字列を取り出す方法を、slice・substring・substr（非推奨）の3つで解説します。文字数指定の正しい書き方、負のインデックスや末尾までの取得、絵文字（サロゲートペア）で文字化けする落とし穴と対策、固定長データの切り出しやマスキングといった実用例まで網羅します。

JavaScriptで指定した文字以降の文字列を削除する方法を、substring・slice・split・正規表現の4通りで解説します。indexOfで位置を特定する基本から、文字が見つからないとき（-1）の落とし穴と安全な書き方、lastIndexOfで最後の出現以降を削除する応用、拡張子やクエリ文字列の除去といった実用例まで網羅します。

JavaScriptで文字列の後ろに文字を追加（結合）する方法を完全解説。+ 演算子、+= での追加、concat()メソッド、テンプレートリテラル、padEnd()で固定長に揃える方法、Array.join()での結合、配列push+joinパターン（大量結合時の最適解）、パフォーマンス比較、文字列の先頭に追加する方法（padStart含む）、実務パターン（パス構築・URL構築・CSV生成）まで網羅。

JavaScriptとExpress、SQLiteでいいね・バッドボタンを実装する方法を解説します。初期カウント取得、投票の切り替え・取り消し、DBトランザクション、二重送信防止、aria-pressed、レート制限、認証ユーザーへの発展まで実例付きで整理します。

JavaScriptで多言語サイトの言語切り替えを実装する方法を解説します。言語別URLへの安全な移動、localStorageによる選択保持、navigator.languagesの初期判定、HTMLのlang属性、hreflang・canonical、サーバー側の許可言語検証まで実例付きで整理します。

JavaScriptでselectの日付optionを選択不可にする方法を解説します。固定休業日、過去日・今日、土日、期間指定の判定、選択済み値の解除、input type=dateとの使い分け、送信時とサーバー側の再検証まで実例付きで整理します。

JavaScriptやCSSで画像の右クリック保存、ドラッグ、モバイルの長押しを抑止する方法を解説します。完全防止できない理由、透かし・低解像度配信・認証や署名付きURLとの違い、ユーザー体験を損なわない実装範囲まで用途別の実例付きで整理します。

JavaScriptでフォーム入力途中にページを離れようとしたとき確認アラートを表示する方法を解説。beforeunloadイベントの仕組みとブラウザ制限、変更検知のdirtyフラグ管理、フォーム送信時のスキップ、ブラウザダイアログの代わりにカスタムモーダルで「保存」「破棄」を選ばせるパターン、localStorageへの下書き自動保存まで実装します。