CPU	intel Core i3-9100	交換
メモリ	Samsung DDR4 PC4-21300 4GB+Panram DDR4 PC4-21300 8GB	継続使用（8GB）
SSD	Western Digital WDS250G2B0B M.2 2280 SATA3 250GB TLC	交換
マザーボード	ASUS H310M-AT H310 LGA1151 microATX	交換
DVDドライブ	日立LG GH24NSD5	継続使用
電源	AcBel PCA023 TFX 300W	交換
PCケース	IN WIN BL672-10	継続使用

SlimMagnate IE 元々の構成

メモリは、4GBでは不足していたので8GBを追加して使用していましたが、新マザーボードではエラーになるため、8GB単独で使用しています。

CPU、マザーボード、電源は故障が確認できたため、交換しました。

SSDはマザーボードがM.2 SATA-SSD非対応だったので追加交換しました。

続きを読む →

PC・スマートフォン

[レビュー] モトローラ moto g52j 5G

2022年7月7日 RyoElectric コメントする

今回は、中国　レノボ傘下のモトローラ・モビリティが販売しているスマートフォンの「moto g52j 5G」を紹介していきます。

モトローラが初めて日本市場に特化して開発したスマートフォンになります。そのため、おサイフケータイや防水・防塵に対応しています。

公式サイト・関連記事

まずは内容物です。

本体、TPUケース、moto care案内、保証規定、使用ガイド、SIM取り外しピンが入っています。

続きを読む →

PC・スマートフォン

CSSの基本的な書き方

2022年6月5日 RyoElectric コメントする

今回は、CSSの基本的な書き方を紹介したいと思います。

この記事の後半で「よく使うHTMLタグ」のHTMLへの装飾例を紹介していきます。

まずは、この記事を作成するにあたり参考にした書籍を紹介します。

こちらの書籍にはここで紹介していない装飾も多数掲載されています。また、内容が理解しやすいのでオススメです（現在は新版が出ています）

基本的な書き方

CSSは以下のように記載します。
必ず{}（中括弧）内に記載していきます。

セレクタ名{
プロパティ: 値;
}

セレクタ名：どの部分にスタイルを適用するかを選択します。
プロパティ：適用するスタイルの種類です。
値：どのように変更するのかを指定します。（フォントサイズやフォント色など）

CSSの記載例

h2 {
color:#ff0000;
}

この場合は、h2タグに対してフォント色に赤を反映しています。
また、改行することで複数のプロパティを反映できます。

フォント色の指定方法

フォント色は、16進数（00-FF）またはredのように指定します。

#ff0000(R 255,G 0,B 0)の場合は赤が100%になります。

また、#f00のように省略することも可能です。

コメントアウトの方法

コメントアウトしたい場合は、コメントを/*（文字列）*/で囲います。

値の単位

【相対単位】

em：エム（1emは1文字分の長さ）
ex：エックスハイト（1exは小文字のxの高さ）
%：パーセント（親要素に対してのパーセント）
rem：レム（ルートの文字サイズを1としたときの倍率）

【絶対単位】

px：ピクセル（1pxは画面上の1ピクセル・フォントサイズへの使用は非推奨）
mm：ミリメートル
cm：センチメートル（1cm=10mm）
in：インチ（1インチは2.54cm）
pt：ポイント（1インチは72pt）
pc：パイカ（1パイカは12pt）

フォントサイズを指定する場合は相対単位が推奨されています。

装飾例

以下で「よく使うHTMLタグ」に対して実際に装飾していきます。

続きを読む →

PC・スマートフォン

よく使うHTMLタグ

2022年5月18日 RyoElectric コメントする

今回は、よく使うHTMLタグを10種類ほど紹介していきます。

HTMLエディター

HTMLを作成するにあたり、エディターをインストールすることを推奨します。

メモ帳でも作成できますが、タイプミスがあった際などに判りやすくなります。

Microsoftの「Visual Studio Code」やフリーウェアの「サクラエディタ」などがありますので、ダウンロードしてインストールしておきます。

基本的な書き方

まず、HTMLをマークアップしていく上で必須の項目を紹介します。

<!DOCTYPE html>　HTMLの先頭に必ず入力します
<html lang=”ja”>　HTMLの言語を指定します
<head></head>　この中に文字コードやスタイルシートの場所、タイトルなどを入力します
<meta charset=”UTF-8″>　文字コードを指定します
<link rel=”stylesheet” href=”css/style.css”>　スタイルシートの場所を指定します
<title></title>　タイトルを入力します（ブラウザのタブや検索結果に表示されます）
<body></body>　この中にコンテンツを入力していきます
<header></header>　ナビゲーションなどのヘッダーを入力します
<main></main>　メインコンテンツを入力します
<footer></footer>　権利表示などをフッターに入力します
</html>　HTMLの末尾に必ず入力します

※HTMLタグは必ず半角小文字で入力します
（大文字は非推奨、全角はタグとして認識しません）

<!DOCTYPE html>
<html lang="ja">

↓以下はブラウザ上には表示されません
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>よく使うHTMLタグ</title>
</head>

↓ここからはブラウザ上に表示されます
<body>
  <header>
<!--この間にヘッダーを挿入します-->
  </header>
  <main>
<!--この間にメインコンテンツを挿入します-->
  </main>
  <footer>
    <div class="copy">
      <small>&copy;2022 RyoElectricBLOG</small>
    </div>
  </footer>
</body>
</html>

続きを読む →

DIY, テレビ・オーディオ