jQuery 【jQuery/slick】スライドにタブでフォーカスさせない設定方法
slick.js を使ってカルーセルやスライダーを実装すると、デフォルトでは各スライド内のリンクやボタンなどが Tab キーで順にフォーカスされます。見えていないスライドにもフォーカスが移ってしまい、ユーザー体験やアクセシビリティに影響する...
jQuery 
WordPress 【WordPress】投稿のスラッグを自動で日付に設定する方法
記事作成のたびにスラッグ（URL末尾）を手で入力するのは地味に手間です。運用ポリシーとして「投稿のスラッグは日付（例：20250907 や 2025-09-07-133045）」に統一したいなら、保存フックで自動付与するのが最も確実です。こ...
HTML/CSS 【CSS】Flexboxで文字が下にずれる原因と解決方法
Flexbox を使った横並びレイアウトで、テキストが微妙に下へ寄って見えることがあります。原因は「交差軸のそろえ方」「ベースライン揃え」「行の余白（line-height）」「アイコンや画像のインライン挙動」のいずれかに集約できます。代表...
WordPress 【WordPress】ページネーションの「…（ドット）」を変更・編集する方法
WordPress の the_posts_pagination() や paginate_links() を利用してページネーションを実装すると、ページ数が多い場合に途中が 「…（ドット）」 で省略されます。デフォルトではこの省略記号は ...
jQuery 【jQuery】ヘッダーの高さを取得してコンテンツ位置を調整する方法
Webサイトで固定ヘッダーを実装すると、スクロール時にコンテンツがヘッダーと重なってしまうことがあります。この問題を解決するには、ヘッダーの高さを取得して、その分だけコンテンツの余白を調整するのが一般的です。本記事では jQuery を使っ...
HTML/CSS 【CSS】角丸画像のトリミングはobject-fitで一行解決！
「画像を角丸でトリミングしたい」「縦横比がバラバラでも枠いっぱいに綺麗に切り抜きたい」。そんなときは object-fit: cover; を画像自身に指定するだけで解決できます。枠（幅・高さ・角丸）を先に決め、画像は「はみ出してもよいから...
SSH 【SSH】リモートサーバーに接続してファイルを編集する方法
サーバー運用や開発作業では、リモートサーバー上のファイルを直接編集する場面がよくあります。その際に利用されるのが SSH（Secure Shell）です。SSH を使えば安全にサーバーへ接続し、リモート上のファイルをターミナルから編集できま...
HTML/CSS 【CSS】position: stickyが効かない原因と解決方法
スクロールに追従する見出しやサイドナビを作る際に便利な position: sticky。しかし「効かない」「固定されない」ケースは少なくありません。多くは指定忘れや親要素のレイアウト条件が原因です。代表的な落とし穴と、確実に動かすためのチ...
JavaScript 【JavaScript】アニメーションライブラリ「GSAP」の使い方
Web制作においてリッチなアニメーションを実装する場合、JavaScript ライブラリ「GSAP（GreenSock Animation Platform）」は非常に強力です。CSS アニメーションや jQuery アニメーションよりも柔...
Linux 【Linux】cdコマンドで作業ディレクトリを移動する方法
Linux で作業するとき、最もよく使うコマンドのひとつが cd コマンドです。cd は “change directory” の略で、現在の作業ディレクトリを別のディレクトリに移動するために使います。本記事では cd コマンドの基本から便...
Linux 【Linux】よく使うコマンドまとめ
Linux を利用する上で頻繁に使うコマンドを整理しておくと、日常の操作やトラブルシューティングがスムーズになります。本記事では、ファイル操作・検索・権限・プロセス管理・ネットワーク確認などのカテゴリごとに代表的なコマンドをまとめます。ファ...
SSH 【SSH】teratermで「error:0909006C:PEM routines:get_name:no start line」エラーが発生した場合の対処方法
Tera Term で公開鍵認証を使って接続しようとした際に、error:0909006C:PEM routines:get_name:no start line と表示される場合は、読み込んだ鍵ファイルが PEM 形式として解釈できないこ...
WordPress 【WordPress】標準の投稿アーカイブのパーマリンクを任意のURLにする方法
WordPress では通常、標準の投稿タイプ（post）のアーカイブページは や のように、管理画面「設定 > パーマリンク設定」で指定した「投稿用カテゴリーベース」やテーマの仕様に依存します。しかし、標準投稿のアーカイブ URL を任意...
HTML/CSS 【CSS】Flexboxで横幅指定が効かない原因と解決方法
Flexbox を使ってレイアウトを組んでいると、「横幅を指定したのに反映されない」「子要素のサイズが意図通りにならない」といった問題に遭遇することがあります。これは Flexbox の特性やデフォルトの挙動に起因することが多いです。本記事...
Webサイト全般 【note】記事一覧を取得して表示する方法｜RSSの活用と実装例
note の記事一覧を自分のサイトに自動表示したい場合、現時点では公式の公開 API は提供されていません。そのため、note が案内している「RSS」もしくは「埋め込み用 iframe」を使うのが実務的な解です。本記事では RSS の取得...
C# 【C#】IEnumerableとIQueryableの違いと使い分け
C# でデータを扱う際によく登場する IEnumerable と IQueryable。どちらもコレクションを列挙するための仕組みですが、処理の実行タイミングや適した用途に違いがあります。本記事では両者の特徴を整理し、使い分けのポイントを解...
C# 【C#】非同期LINQ（System.Linq.Async）の活用方法
【C#】非同期LINQ（System.Linq.Async）の活用方法 C# では LINQ を使ってコレクションを効率的に操作できますが、通常の LINQ は同期処理に限られます。データベースや外部 API など非同期でデータを取得する場...
C# 【C#】LINQでグルーピング・集計を行う方法｜GroupByと集約関数
C# の LINQ を使うと、データをグループ化したり、合計や平均などの集計を簡潔に記述できます。特に GroupBy と組み合わせることで、SQL のような集計処理をコード内で実現できます。本記事では GroupBy の基本から、Sum・...
C# 【C#】Dictionaryを安全に操作する方法｜TryGetValueとGetValueOrDefault
C# の Dictionary<TKey, TValue> はキーと値を効率的に管理できる便利なコレクションですが、存在しないキーを参照すると例外が発生する点に注意が必要です。安全に操作するためには TryGetValue や GetVal...
C# 【C#】switch式でのパターンマッチング活用（型・プロパティ・論理パターン）
C# 8.0 以降では switch 文に加えて switch 式が導入され、より簡潔に条件分岐を記述できるようになりました。さらに C# 9.0 以降ではパターンマッチングが強化され、型・プロパティ・論理演算を組み合わせた柔軟な記述が可能...