Git 【Git】push を取り消す方法
Git で作業中に、誤って push してしまったことがある人は多いのではないでしょうか。そんなときには、以下の方法で push を取り消すことができます。 履歴を残したまま取り消す方法 この方法は、取り消したいコミットを打ち消す新しいコミ...
Git 
Git 【Git】リモートブランチを確認する方法
Gitでは、リモートリポジトリにブランチを作成することができます。リモートブランチは、ローカルブランチと同期して最新の状態を保つことができます。 この記事では、Gitでリモートブランチを確認する方法について解説します。 リモートブランチを確...
WordPress 【WordPress】記事の公開日と最終更新日を表示する方法
ブログを書く際には、記事の公開日と最終更新日を表示しておくと、以下のメリットがあります。 記事の鮮度や更新頻度をユーザーに伝えることができる 記事の更新履歴を把握することができる 検索エンジンに記事の新鮮度をアピールすることができる Wor...
WordPress 【WordPress】複数カテゴリに属する記事をタクソノミー一覧ページで表示する方法
WordPressのタクソノミー一覧ページでは、通常、1つのタームに属する記事のみが表示されます。しかし、複数のカテゴリに属する記事がある場合は、それらをすべて表示したい場合もあるでしょう。 そこで、ここでは、WordPressのタクソノミ...
HTML/CSS 【CSS】border-style属性で枠線をデザインしよう
CSSのborderプロパティは、HTML要素に枠線を描くためのプロパティです。このプロパティには、枠線のスタイルを指定するためのborder-styleという属性があります。 border-style属性の種類 border-style属...
HTML/CSS 【CSS】border-radiusで要素の上だけを角丸にする方法
CSSのborder-radiusプロパティは、要素の角を丸めることができます。このプロパティを使って、要素の上だけを角丸にするには、以下の方法があります。 border-radiusプロパティに4つの値を指定 border-radiusプ...
HTML/CSS 【CSS】borderを内側に引く方法
Webサイトのデザインをしていると、テキストボックスやボタンなどの要素の枠線を内側に引きたいと思うことがあります。今回は、CSSでborderを内側に引く方法を2つご紹介します。 ボックスシャドウを使う方法 ボックスシャドウの「inset」...
HTML/CSS 【CSS】flexboxのflex-wrapで親要素の幅を超えた場合折り返しを行う
Webデザインの世界では、レイアウトは非常に重要な要素です。特にレスポンシブデザインが求められる現代では、柔軟性と効率性がキーとなります。その解決策の一つが、CSS3で導入された「flexbox」です。この記事では、flexboxの中でも特...
HTML/CSS 【CSS】PCとスマホで表示順を変更する
近年、レスポンシブデザインがますます重要になっています。特に、PCとスマホで異なる表示順を実現したい場合が多々あります。この記事では、CSSを用いてPCとスマホで表示順を簡単に変更する2つの主要な方法、すなわちFlexboxとGrid La...
HTML/CSS テーブル内のテキストを縦方向に中央揃えにする3つの方法
HTMLテーブルは、データを整理して表示する際に非常に便利ですが、見た目を調整する際には少し手間がかかることもあります。特に、テーブルセル（<td>）内のテキストを縦方向に中央揃えにする方法にはいくつかの選択肢があります。この記事では、その...