Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

CSSの:nth-child(n)の基本的な使い方

CSS3から定義された:nth-child(n)は擬似クラスの一種です。1つの要素に隣接している小要素の指定した何番目かの要素にスタイルを適用するものです。この擬似クラスを使用することで、指定した順番にある要素や、奇数や偶数でのスタイルの適用が可能になります。CSSの:nth-child(n)の基本的な使い方基本的な形は以下の通りです。Eの親要素のn番目の小要素にプロパティを適用します。nには、何……

投稿日:

CSSのlist-style-typeでリストのスタイルを設定する方法

CSSのlist-style-typeプロパティは、リストの見た目を設定するプロパティです。具体的には、リストの先頭のマークを変更することができます。記号だけでなく、数字やアルファベットも指定できる為とても便利です。list-style-typeでリストのスタイルを設定する方法HTMLでリストを作成し、CSSでリストのスタイルの設定をしていきます。CSSの記述の仕方は以下の通りです。ul.名前{ ……

投稿日:

エクセルですべて大文字に変換するUPPER関数の使い方

文字列の中に、大文字と小文字のアルファベットが混在している場合があります。大文字に統一したい場合、UPPER関数を利用することで、一度に文字列を大文字へ変換することが出来ます。ここでは、UPPER関数の基本的な使い方と方法について紹介します。UPPER関数の使い方 =UPPER(文字列が混在しているセル)となります。小文字を大文字に変換する方法(UPPER関数)1.大文字と小文字が混在したセル(今……

投稿日:

【usermod】Linuxでユーザーのホームディレクトリを変更する

Linuxでユーザーのホームディレクトリを変更する方法について説明します。ホームディレクトリについての説明や確認方法は以下の記事を参照してください。 参考:Linuxにおけるホームディレクトリの説明と確認方法 【usermod】「-d」オプションでユーザーのホームディレクトリを変更 ユーザーのホームディレクトリを変更するのは、ユーザー情報を変更するusermodコマンドを使います。ただし、特に理由……

投稿日:

Linuxにおけるホームディレクトリの説明と確認方法

Linuxにユーザーがログインした際のディレクトリは、「ホームディレクトリ」とされています。このホームディレクトリについて説明します。 ホームディレクトリを変更する方法は以下を参照してください。 参考:【usermod】Linuxでユーザーのホームディレクトリを変更する Linuxにおけるホームディレクトリとは Linuxでは、useraddコマンドなどで追加されたユーザーには、それぞれホームデ……

投稿日:

【cd】Linuxでディレクトリを移動するコマンド

Linuxで作業中のディレクトリを移動するためのコマンド「cd」について説明します。 cdコマンドは、数あるLinuxのコマンドの中でも最も使用頻度が高いです。 【cd】作業中のディレクトリを移動する Linuxサーバーでは、GUIが用意されていないことが多く、CUIのターミナル上ですべてを操作することがほとんどです。そのため、作業するディレクトリ(フォルダ)を移動するのにもコマンドを使います……

投稿日:

JavaScriptでリダイレクトする方法

リダイレクト(画面遷移)させる時にアンカータグ(<a>)ではなくJavaScriptで処理させる方法です。JavaScriptでリダイレクトするにはwindow.location.hreflocation.hrefプロパティにURLを代入しないと、現在開いているサイトのURLを取得することができます。window.locationlocation.hrefプロパティにURLを代入するこ……

投稿日:

JavaScriptの繰り返し:do while文

for文やwhile文では条件に一致したら繰り返し処理を実行するといった文なので、条件によっては一度も実行されないことがあります。一度繰り返し処理を行ってから条件に一致するか判断したい時は、do while文を使います。do while文の書き方do 処理; while (条件);do{ 処理1; 処理2; ・ ・ }while(条件);doとwhile……

投稿日:

JavaScriptの繰り返し:for in

for文やwhile文などの条件式では、条件を使って繰り返し処理を行うかどうかを判断していましたが、for ... in文ではオブジェクトの中にあるプロパティの数だけ処理を繰り返します。そのため、条件式はいりません。for ... in文の書き方for (var 変数名  in オブジェクト) 処理;for (var 変数名 in オブジェクト){ 処理; 処理2; 処理……

投稿日:

JavaScriptの繰り返し:while文

JavaScriptの繰り返し同じ処理にはfor文とwhile文の2種類ありますが、回数がわからない繰り返し処理の場合、条件に一致する間処理を行うという、while文を使います。 while文の書き方while(繰り返しの条件){ 処理; }条件が満たされている間 {} 内の処理をします。 while文の書き方は、whileの横にある()の中に繰り返しの条件を記述し、{} の中に繰り返した……

投稿日: