shuの執筆記事一覧 | Qumeruマガジン

shu

shu

主にHTML & CSS、Bootstrap の記事を執筆します。皆さんがわかりやすく、記憶に残る情報を発信していきます。

執筆した記事一覧

CSS
CSSでfont-familyの游ゴシックを指定する方法を紹介！
CSSでfont-familyの游ゴシックを指定する方法を紹介いたします。游ゴシックはWindowsとMacでは游ゴシック...
2021年3月21日
CSS
CSSでfloatした要素の高さを揃える方法をご紹介！
今回はCSSでfloatした要素の高さを揃える方法をサンプルコード付きで紹介します。floatで横並びしている要素の高さを...
2021年3月9日
Bootstrap
Bootstrapでテーブルのtdやthの横幅を固定にする方法！
Bootstrapでテーブルのtdやthの横幅を固定にする方法解説します。Bootstrapでテーブルのtdやthの横幅を...
2021年3月5日
CSS
CSSのセレクタのチルダの意味と使い方を解説！
今回はCSSのセレクタのチルダの意味と使い方を解説します。CSSでは間接セレクタのチルドを使用する事によって簡潔にコードを...
2021年3月5日
CSS
CSSでopacityを子要素に継承させたくない場合の対処法！
CSSでopacityプロパティを子要素に継承させたくない場合の対処法をサンプルコード付きで解説します。子要素に継承させた...
2021年3月1日
CSS
span要素で改行させる方法をサンプルコード付きで紹介！
この記事では、span要素で改行させる方法を紹介します。span要素はインライン要素なので、それをブロック要素に変更させる...
2021年2月18日
Bootstrap
BootstrapのEmbedsの使い方をサンプルコード付き解説！
BootstrapのEmbedsの使い方をサンプルコード付き解説します。Embedsクラスを指定する事により、簡単にレスポ...
2021年3月13日
HTML
HTMLで円マークとバックスラッシュを正常に表示させる方法！
今回は、HTMLで円マークとバックスラッシュを正常に表示させる方法についてサンプルコード付きで解説します。フォントによって...
2021年3月3日
Bootstrap
Bootstrapで文字サイズを変更する方法を解説！
この記事では、Bootstrapで文字サイズを変更する方法を解説いたします！Bootstrapでは自分自身でフォントサイズ...
2021年1月31日
Bootstrap
Bootstrapのclearfixの使い方をサンプルコード付き解説！
今回はBootstrapのclearfixの使い方をサンプルコード付きで解説します。Bootstrapでの書き方はCSSで...
2021年3月19日
CSS
CSSのテキストのベースライン（baseline）とは？
ベースライン（baseline）とはアルファベット等の文字の基準となる線で、親要素のベースラインに合わせます。またvert...
2021年2月18日
Bootstrap
Bootstrapでテーブルを横スクロールさせる方法を解説！
この記事では、Bootstrapのテーブルで横スクロールさせる方法を解説していきます。.table-responsiveを...
2021年1月19日
Bootstrap
Bootstrapで横スクロールのカードを作る方法を解説！
この記事では、Bootstrapで横スクロールのカードを作る方法を解説していきます。.flex-nowrapを適用すること...
2021年1月27日
CSS
CSSで丸ゴシックのfont-familyの指定方法を紹介！
CSSでは、windowsとmacの標準されている丸ゴシックのfont-familyが違います。この記事ではfont-fa...
2021年2月10日
Bootstrap
Bootstrapでカラム落ちする原因と対処法を解説！
この記事ではBootstrapでカラム落ちしたときの原因と対処法を解説していきます。Bootstrapではカラム数12個以...
2021年1月17日

1
PHP
PHPで文字列の中にスペースを挿入する方法を解説！
PHPで文字列の中にスペースを挿入する方法についてご紹介します。カード番号や郵便番号の体裁を整え、可視性を高めるのに役立ちます。
2020年12月19日
2
PHP
PHPで指定した位置に文字列を挿入する方法を解説！
PHPで文字列の指定した位置へ、任意の文字列を挿入する方法いついてサンプルコードつきで解説します。
2020年12月19日
3
PHP
PHPで配列の最後の要素を取得する方法を解説！
PHPで配列の最後の要素を取得する方法についてご紹介します。簡単にPHPの配列についても考えながら最後の要素を取得する方法...
2020年11月27日
4
JavaScript
JavaScriptでユーザーエージェントを取得する方法を解説！
JavaScriptでユーザーエージェントを取得する方法を解説します。またユーザーエージェントを変更する方法についてもご紹...
2020年11月3日
5
ChromeでUserAgentを変更する方法！確認方法もあわせて解説
ChromeでUserAgent（UA）を変更する方法を解説します。iPhoneやAndroidなどスマホのUserAge...
2020年11月4日
6
HTML
HTMLでキャッシュを無効にする方法を解説！
HTMLでキャッシュうを無効にする方法を解説していきます。metaタグに特定の記述を追加することでキャッシュを無効化するこ...
2020年11月2日
7
HTML
クリックすると表示される折りたたみメニューを実装する方法！
クリックすると表示される折りたたみのメニューを実装する方法をサンプルコード付きで解説します。今回はHTMLとCSSのみで実...
2020年11月29日
8
CSS
CSSで２つの要素の真ん中に縦線を引く方法を解説！
CSSで2つの要素の中央に縦線を引く方法を解説します。余白が入りborderだと上手く中央に線が引けませんが、今回解説する...
2020年12月6日
9
jQuery
jQueryで兄弟要素を取得する方法をサンプルコード付き解説！
jQueryで兄弟要素を取得する方法をサンプルコード付き解説します。jQueryで兄弟要素を取得する方法はいくつかあります...
2021年3月15日
10
Bootstrap
Bootstrapでテーブルのtdやthの横幅を固定にする方法！
Bootstrapでテーブルのtdやthの横幅を固定にする方法解説します。Bootstrapでテーブルのtdやthの横幅を...
2021年3月5日
11
HTML
spanを入れ子にするのは問題ない？入れられる要素は？
HTMLの記述の方法として、「spanタグの入れ子にブロック要素を入れてはいけない」などと言った記述法を耳にしたことはない...
2021年3月15日
12
DataTables
DataTablesでAjaxで動的に取得したデータに対応させる方法！
DataTablesでAjaxで動的に取得したデータに対応させる方法についてサンプルコード付きで解説します。今回はJSON...
2021年2月16日
13
Git
GitでリモートのリポジトリのURLを確認する方法！
GitでリモートのリポジトリのURLを確認する方法を紹介します。git remote -vやgit config --ge...
2021年2月9日
14
Git
GitのAuthorとCommiterを変更する方法をご紹介！
Gitのコミットには、authorとcommitterの2つが存在します。 authorはコードを書いた人、commit...
2021年6月17日
15
Git
git stashした内容を削除する方法をご紹介！
この記事ではgit stashした内容を削除する方法を紹介しています。Gitは共同開発する上でほぼ必須のバージョン管理シス...
2021年3月3日
16
OnePageScroll
「One Page Scroll」の導入方法と使い方を紹介！
「One Page Scroll」の導入方法と使い方を紹介します。「One Page Scroll」を用いることでAppl...
2021年1月30日
17
CSS
CSSで角丸の三角形を作成する方法を解説！
CSSで角丸の三角形を作成する方法をサンプルコード付きで紹介します。::before/::afterの疑似要素を上手く使い...
2021年2月17日
18
SQL
MySQLで全テーブルを一括削除する方法を紹介！
MySQLでデータベースの中の全てのテーブルを一括で削除したい場合があります。DROP TABLEで複数テーブルを指定する...
2021年4月18日
19
PHP
PHPのビルトインサーバーの起動方法を紹介！
PHPではプログラムの開発サポート用に組み込まれているビルトインサーバーの起動方法を紹介します。ビルトインサーバーの注意点...
2021年1月23日
20
JavaScript
JavaScriptでページ遷移の前にメッセージを表示する方法！
JavaScriptでページ遷移の前にメッセージを表示する方法をサンプルコード付きで解説します。フォームに情報を入力した状...
2021年1月19日