header_image

このサイトにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

サムネイル

jQueryUIの使い方【導入の手順や記述の仕方をわかりやす……

2020年12月28日
最終更新日:2022年05月06日
jQuery UIとは、jQueryを用いて作られた便利な機能を簡単にサイトに実装することができるライブラリです。具体的には、カレンダーやタブなどの装飾やオートコンプリートなどの機能、フェードインなどのアニメーションが簡単な記述だけで使用することが可能です。
サムネイル

jQueryで日付や時刻を表示する方法【new Date()……

2020年12月28日
最終更新日:2022年03月19日
jQueryで日時を取得するには、new Date()を使用します。日時を自由な形式で表示するためには、まず年月日と曜日、時刻をそれぞれ用意されている専用のメソッドを使用して個別に取り出します。
サムネイル

jQueryのレスポンシブ対応の方法【ウィンドウサイズごとに……

2020年12月28日
最終更新日:2022年03月19日
ウィンドウサイズに応じてjQueryの処理を切り替えたい時は、matchMediaメソッドを使って条件分岐を作成します。
サムネイル

jQueryでCSSを操作する方法【css()とaddCla……

2020年12月28日
最終更新日:2022年06月21日
jQueryでCSSを操作する方法は主に「css()メソッドを使って要素のCSSのプロパティとその値を直接操作する」と「addClass()removeClass()メソッド要素にクラス名を追加・削除する」という2つの方法があります。
サムネイル

jQueryのtext()の使い方【取得・追加・変更・削除の……

2020年12月28日
最終更新日:2022年06月22日
text()メソッドを使えば、ユーザーのアクションに応じて表示するテキストを切り替えるといった処理を行うことができます。html()メソッドは要素のHTMLタグを含んだテキストの追加や変更などを操作できます。
サムネイル

jQueryのalertの使い方【confirmやpromp……

2020年12月28日
最終更新日:2022年06月22日
jQueryを使うとユーザーが特定の操作をした時にアラートダイアログを開くように操作することができます。(正確にはJavascriptのメソッドなので、jQueryを読み込まなくても動作します。)
サムネイル

jQueryとは?【使い方を解説】

2020年12月28日
最終更新日:2022年01月27日
jQueryとは? jQueryとはJavascriptのライブラリ(Javascriptで作った機能を簡単なコードで使い回しが効くようにまとめたもの)の代表的 […]
サムネイル

簡単Javascript入門【役割と使い方を解説】

2020年12月27日
最終更新日:2022年01月28日
Javascript(ジャバスクリプト)とは? ブラウザ上の動きを制御することが出来るプログラミング言語です。 HTMLやCSSと連動することで、スクロールやク […]
サムネイル

phpでファイルを読み込む方法

2020年12月26日
最終更新日:2022年01月28日
ファイルを読み込むには? PHPでは別ファイルを読み込んでブラウザに出力することができます、例えばヘッダーやフッター、サイドバーなどサイトのパーツごとに別のファ […]
サムネイル

PHPのdate関数を使って日付を取得する方法【初心者にもわ……

2020年12月26日
最終更新日:2022年02月05日
date関数は当日の日付を年月日で取得することが出来る関数です。date関数は「date(‘フォーマット形式’)」という形で記述します。フォーマットには「Y/m/d」や「Y年m月d日」などがあります。
サムネイル

PHPで四則演算を行う方法【加算・減算・乗算・除算】

2020年12月26日
最終更新日:2023年03月14日
HPで計算を処理する場合には算術演算子を使用して行います。足し算には「+」、引き算には「-」、掛け算には「*」、割り算には「/」を使用します。
サムネイル

PHP内でのコメントアウトの方法

2020年12月26日
最終更新日:2022年01月27日
記述の仕方 コメントアウトが1行だけの時とコメントアウトの範囲が複数行に渡るときとではコメントアウトの方法が異なります。 一行分だけコメントアウトする場合 コメ […]
サムネイル

webサイト構築に必須!phpの基礎入門

2020年12月26日
最終更新日:2022年01月28日
PHPとは? HTMLやCSSなどをまとめ上げてWEBサイトを構築したり、サーバー上でデータベースと連動した処理を行うことが出来るプログラミング言語です。 ちな […]
サムネイル

CSSのtext-transformの使い方【大文字と小文字……

2020年12月26日
最終更新日:2023年01月16日
text-transformはHTMLで小文字で記述したテキストを大文字に変換して表示したり、大文字で記述したテキストを小文字に変換して表示することが出来ます。
サムネイル

CSSのtext-decorationの使い方【下線や打消し……

2020年12月26日
最終更新日:2023年01月16日
text-decorationは、テキストに上線や下線、打消し線といった装飾線を表示するプロパティです。二重線や点線といったスタイルや線の太さ・色を自由に指定することが可能です。
サムネイル

CSSのfont-style使い方【イタリックと通常体の文字……

2020年12月26日
最終更新日:2023年01月16日
CSSのfont-styleは、文字にイタリック(斜体)などのスタイルを適用させることができるプロパティです。通常体(normal)と斜体(italic、oblique)を指定して、切り替えることが可能です。
サムネイル

CSSのtext-indentの使い方【テキストの文字下げ!……

2020年12月26日
最終更新日:2023年01月16日
text-indentは、テキストの文字下げを設定するためのプロパティです。一文字分だけ字下げしたい場合は、単位に「em」を用いて「1em」と指定します。こうすることで文字サイズに関わらず正確に一文字分だけ文字下げすることができます。
サムネイル

CSSのtext-shadowの使い方【文字に影をつけたり縁……

2020年12月26日
最終更新日:2023年01月16日
text-shadowは、文字に影をつけるためのプロパティです。文字の影はドロップシャドウとも呼ばれます。影の濃さや色、範囲・位置を自由に設定することが可能です。
サムネイル

CSSでひし形を作る方法【画像をトリミングするテクニックも紹……

2020年12月26日
最終更新日:2023年01月24日
CSSにひし形を表示する専用のプロパティはありませんがCSSのtransform:rotateを応用すればCSSだけひし形を作成することが出来ます。
サムネイル

border-radiusを使ってCSSだけで円を作る方法

2020年12月26日
最終更新日:2022年07月05日
CSSに円を表示する専用のプロパティはありませんが実は、CSSのborder-radiusを応用すればCSSだけ円を作成することが出来ます。
サムネイル

CSSのfont-weightで文字を太字(bold)にする……

2020年12月25日
最終更新日:2023年01月16日
font-weightは、文字の太さを変更するためのプロパティです。太さを指定したのに思い通りに反映されない場合は、元々フォントに太字が用意されていないという場合がほとんどです。
サムネイル

CSSの!importantの使い方【優先順位を変更する方法……

2020年12月24日
最終更新日:2023年01月24日
「!important」を使うと、記述場所やセレクターのルールを無視して強制的に優先順位を最上位にして、プロパティの値を適用することができます。
サムネイル

CSSのコメントアウトの書き方【複数行に渡るときやキーボード……

2020年12月23日
最終更新日:2023年01月10日
「/*」と「*/」の間は全てコメントアウトとしてブラウザに認識されるので、スタイルなどサイトの表示に影響を及ぼしません。
サムネイル

CSSのfont-familyの使い方【文字のフォントを変更……

2020年12月22日
最終更新日:2023年01月24日
font-family:「フォント名」という形で文字に適用させたいフォントを指定することで閲覧するデバイスに対して指定フォントを表示させるようにできます。