同棲カップルの日常

現役システムエンジニアと現役調理師によるおすすめ商品紹介

ひっそりと注目されているJava入門⑤~コンソール出力の即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

html・cssについても書いているので

興味あれば見てください

【大公開】現役システムエンジニアがプログラミングのおすすめの正しい勉強方法を大公開

 

コンソール出力について

みたい方はこちら

・コンソール出力へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回はコンソール出力

について学んでいきたいと思います

 

今回もわかりやすいように

mainメソッド内でコンソール出力を

やっていきたいと思います

 

コンソールへ出力するメソッドは2つ

あって、1行で表示するものと

改行させて表示させるものの

2つがあります

 

下記が改行させないで表示させる

メソッドになります

System.out.print

 

こちらが改行させて表示させる場合です

System.out.println

 

何が違うかわかりますか?

そう、語尾にlnがつくかつかないかの

違いになります

lnはLineの略になります

 

では早速試していきましょう

プログラムは下記になります

 

package sample;package sample;
public class Sample {
public static void main(String[] args) {

System.out.println("開始");

System.out.println("1行目");

System.out.print("2行目");

System.out.print("3行目");

System.out.println();

System.out.println("終了");

}
}

f:id:makoxti:20210413143352p:plain

 

画像に実行結果も載っていますが、

lnつきのメソッドではコンソールで

改行されています

逆にlnがついていないメソッドでは

改行されないで1行に表示されています

 

最後の終了という文字を改行させて

表させるために空行を入れるように

しています

System.out.println();

 

最後に、文字を表示させる場合は

""で文字を囲む必要があります

逆に、文字では無く数字を表示させる

場合は不要です

"の出し方は、Shift + 2です

 

これも試してみましょう

最後に下記のプログラムを

追記して実行してください

System.out.println(123);

 

f:id:makoxti:20210413143739p:plain

 

ちゃんと表示されました

 

ただいま準備中なのですが、

準備ができたら私が直接

プログラミングを教えるような仕組みを

作っているので、よければ友達追加

して貰えると嬉しいです!

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

・コンソール出力へ 

トップへ戻る

ひっそりと注目されているJava入門④~mainメソッドの即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

html・cssについても書いているので

興味あれば見てください

【大公開】現役システムエンジニアがプログラミングのおすすめの正しい勉強方法を大公開

 

mainメソッドについて

みたい方はこちら

・mainメソッドへ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回はmainメソッド

について学んでいきたいと思います

 

mainメソッドは何かというと

プログラムが一番最初に呼ばれる

メソッドになります

 

要は処理が一番最初に呼ばれる

メソッドです

 

Javaというのは用途に応じたクラスを

作成し、その中にメソッドを作って

処理を呼び出し合って処理を実行

していきます

 

今ここで一気に話してしまうと訳が

分からなくなってしまうので、

順番に学んでいきましょう

 

では実際にプログラムを書いて

試してみましょう

そうすればmainメソッドが最初に

呼ばれると言う意味が分かると思います

 

では前回のブログで作成した

クラスファイルに以下のように

記述してください

 

public static void main(args[]) {

    System.out.println("mainメソッドです");

}

このプログラムを実行します

実行方法は下記のコマンドで行えます

Shift + Alt + X → j

 

この時注意して頂きたいのが

カーソルはメインメソッド内を

選択しておいてください

そうでないとエラーになります

 

するとコンソールに

「mainメソッドです」

と表示されます

f:id:makoxti:20210411233551p:plain

 

これがプログラムが最初に

実行されているということになります

それでもよくわからないという方が

いるかもしれません

 

なので、下記のようにメソッドを

書き換えてみてください

public static void sample() {

    System.out.println("sampleメソッド")

}

 

このプログラムを実行してみましょう

すると、この様なエラーになります

f:id:makoxti:20210411233657p:plain

 

これは、メインメソッドが無いと

怒られています

 

どうでしょう?

これでmainメソッドが一番最初に

呼ばれていると分かりましたか?

 

ただいま準備中なのですが、

準備ができたら私が直接

プログラミングを教えるような仕組みを

作っているので、よければ友達追加

して貰えると嬉しいです!

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

・開発環境構築へ 

トップへ戻る

ひっそりと注目されているJava入門③~開発環境構築の即テク②~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

html・cssについても書いているので

興味あれば見てください

【大公開】現役システムエンジニアがプログラミングのおすすめの正しい勉強方法を大公開

 

オブジェクト指向について

みたい方はこちら

・開発環境構築へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回は開発環境構築方法

について学んでいきたいと思います

 

行うことは下記となります

  1. プロジェクト作成
  2. パッケージ作成
  3. クラス作成

 

上記の3つは基本的に右クリックで

選択して作成できます

ではPackage Explorerを右クリックして

Newにカーソルを合わせて

「Spring Starter Project」を選択

してください

f:id:makoxti:20210410205724p:plain

 

下記の項目を自分の任意の文字を

入力してください

  • Name
  • Group
  • Package

f:id:makoxti:20210410205923p:plain

 

Nextを選択し、次の画面では下記項目

にチェックを入れてください

  • Lomboc
  • H2 Database
  • Spring Web
  • My Batis FrameWork

 

チェックしたらfinishを

選択してください

プロジェクトが作成されました

f:id:makoxti:20210410210624p:plain

 

では次にパッケージを作成しましょう

src/main/javaを選択して右クリック

します

 

New→Packageを選択して

任意のパッケージ名を入力します

f:id:makoxti:20210410210813p:plain

 

入力後、Finishを押します

f:id:makoxti:20210410210928p:plain

 

すると、パッケージが作成されます

f:id:makoxti:20210410211009p:plain

 

では次にクラスを作成します

クラスファイルを作成したい

パッケージを右クリックし、

New→Classを選択します

f:id:makoxti:20210410211121p:plain

 

クラス名の最初の文字は大文字に

しないといけないルールがあるので

気をつけてください

f:id:makoxti:20210410211208p:plain

 

入力が終わったらfinishを押します

そうするとクラスファイルが

作成されます

f:id:makoxti:20210410211324p:plain

 

○○.javaというのがそうです

これでプログラムを書く準備が

整いました

 

次のブログでは実際にJava

書いていきます

 

ただいま準備中なのですが、

準備ができたら私が直接

プログラミングを教えるような仕組みを

作っているので、よければ友達追加

して貰えると嬉しいです!

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

・開発環境構築へ 

トップへ戻る

ひっそりと注目されているJava入門②~開発環境構築の即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

html・cssについても書いているので

興味あれば見てください

【大公開】現役システムエンジニアがプログラミングのおすすめの正しい勉強方法を大公開

 

オブジェクト指向について

みたい方はこちら

・開発環境構築へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回は開発環境構築方法

について学んでいきたいと思います

 

Javaの開発を行うには

IDE(統合開発環境)

というものを使用します

 

IDEというのはプログラムを書くための

ツールだと思ってください

実際、プログラムを書いても

パソコンはそのプログラムを

理解することはできません

 

コンパイルという作業をして

パソコンが理解できる

形式にするのです

 

そのコンパイルができるための

ツールがIDEです

 

ではJavaを開発するのに使うIDE

何ですかと言われますと

私がお勧めするのはSTSです

 

他にも沢山IDEはあるのですが、

自分が好きなIDEを使っていいよ

という現場でない限り、基本的に

EclipseSTSを使います

 

STSSpring Tool Suiteの略で

Spring bootというFramework

を使って開発する際に

非常に便利です

 

なのでEclipseSTSの使い方は

必ずおさえておいた方が

よいでしょう

 

ちなみに、STSEclipseから更に

Spring bootの開発を効率的に

開発できるようになったものです

 

実際、ほとんど使い方は同じなので

STSが使えればEclipseも使えるように

なったも同然と考えてよいでしょう

 

 

それでは早速STSをダウンロード

していきましょう

ダウンロードページは下記です

https://spring.io/tools

 

画面が表示されたら

自分が使っているパソコンのものを

選択してダウンロードしてください

f:id:makoxti:20210409221213p:plain

 

ダウンロードが完了すると

.jarファイルがありますので

そちらをダブルクリックしてください

そうすると自動的にフォルダが

作成されます

 

フォルダが作成された箇所へ行くと

sts-○.○.○.RELEASEというフォルダが

あると思うので

SpringToolSuite4.exe

をダブルクリックしてください

 

そうするとツールが起動します

起動中にworkspaceを選択する

ダイアログが表示されます

 

workspaceというのは

書いたプログラムを保存する先です

自分が好きなところにworkspace

というフォルダを作成して

そこを指定してください

 

フォルダ名はworkspaceでなくても

何でも大丈夫ですが、

日本語は避けましょう

 

するとツールが起動します

f:id:makoxti:20210409221755p:plain

 

おそらくツールが開いたら英語表記に

なっていると思います

英語じゃなくて日本語で表示したい

と言う場合は下記のサイトから

日本語化するためのツールを

ダウンロードできるので使って下さい

https://mergedoc.osdn.jp/

 

ただいま準備中なのですが、

準備ができたら私が直接

プログラミングを教えるような仕組みを

作っているので、よければ友達追加

して貰えると嬉しいです!

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

・開発環境構築へ 

トップへ戻る

ひっそりと注目されているJava入門①~オブジェクト指向の即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

html・cssについても書いているので

興味あれば見てください

【大公開】現役システムエンジニアがプログラミングのおすすめの正しい勉強方法を大公開

 

オブジェクト指向について

みたい方はこちら

・オブジェクト指向へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回はオブジェクト指向

について学んでいきたいと思います

 

今やサーバーサイド側のプログラム

だけでなく、フロント側のプログラム

でも間違いなく必須な考えたが

オブジェクト指向になります

 

ではオブジェクト指向とは一体

何なのかについてですが、簡単言うと

部品化することです

 

何を部品化するの?ってなりますよね

それは、プログラムの処理です

ではここで具体例を出します

 

例えば「車」で考えてみましょう

車の構成は以下とします

ボディ、タイヤ、ハンドル

 

このように3つの部品から

成り立っています

 

では車に乗って出かけたとします

出かけた先でタイヤを貸してほしい

と言われたどうでしょう?

 

タイヤはタイヤだけの部品なので

貸してあげることができますよね

ではもし車が部品ごとに

分かれていない場合はどうでしょう

 

部品ごとに分かれていなくて1つの

塊でできているのです

そうした場合、タイヤを貸してほしい

と言われても、タイヤだけ取り外して

貸してあげることができないですよね?

 

これをプログラムに置き換えます

例えば計算をする処理を考えます

 

 

計算をする部品を作っておけば

計算したいところからその部品を

呼んであげればいいですよね?

 

では逆に計算する処理を部品化

しないとどうでしょう

計算したいところで毎回毎回

計算する処理を書かなければいけません

 

それって非常に面倒くさいかつ

何個もあればどこか間違えてる可能性

があるかつ計算方法を追加するときに

非常に時間がかかりますよね

 

このようにプログラムの処理を

部品化してあげることを

オブジェクト指向といいます

 

補足ですが、オブジェクト指向

プログラムを書いていくと

メンテナンスがしやすくなります

 

メンテナンスがしやすいことを

保守性といいます

プログラムを書くのであれば

保守性のいいプログラムを書きましょう

 

 

ただいま準備中なのですが、

準備ができたら私が直接

プログラミングを教えるような仕組みを

作っているので、よければ友達追加

して貰えると嬉しいです!

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

・オブジェクト指向へ 

トップへ戻る

ひっそりと注目されているCSS入門⑪~background-imageの即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

もしhtmの書き方が分からない方は

下記のブログでhtmlの書き方を

学んでからこのCSSのブログを

読むようにしてください

HTMLブログ

 

フォルダ構成・cssファイルの作成

について読んでない方は

下記のブログを先に読んでください

ひっそりと注目されているCSS入門①~cssファイル作成及びhtmlで使う準備の即テク~

 

background-imageの使い方へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回はbackground-imageプロパティ

について学んでいきたいと思います

 

background-imageプロパティは

何の役割をするのかというと

背景に画像を設定したい時に

使用するプロパティです

 

例をお見せすると、私のブログの

トップページのような感じです

Fさん家の日常ブログ

 

それではまず、背景に設定する画像を

保存します

保存先は、htmlファイルがある

フォルダにimgというフォルダを

作って、その中に保存してください

 

imgとはイメージの略です

画像は基本的にこのフォルダ名の

中に格納します

 

こんな感じです

f:id:makoxti:20210325191657p:plain

 

私は今回「sample.jpg」と保存しました

では次に構文を見ていきましょう

background-imageurl("画像のパス");

 

他のプロパティと比べると少しだけ

難しくなりましたが、大丈夫です

()内に画像のパスを指定して

あげるだけです

 

今回は汎用的に使える

相対パスで指定をします

 

ではhtmlを書いていきます

◆html

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="css/sample.css">
  <meta charset="UTF-8">
  <title>css勉強</title>
</head>
<body>
  <div class="test"></div>
</body>
</html>

 

css

.test {
    width300px;
    height300px;
    background-imageurl("../img/sample.jpg");
}

 

ここで1つ注意してほしいことが

あります

画像のパス指定ですが

cssファイルが格納されている

場所からのパスを指定するように

してください

 

htmlファイルからではないので

注意してください

 

では上記のソースをブラウザで

確認してみましょう

◆表示結果

f:id:makoxti:20210325194002p:plain

 

ブラウザでちゃんと表示されました

ちなみに、私が選択した画像が

黒なのでやっていないのですが

画像の上に文字を書いて表示させる

こともできます

 

〇〇の部分に何か文章を書いて

表示してみればわかると思います

<div class="test">〇〇</div>

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

background-imageの使い方へ 

トップへ戻る

ひっそりと注目されているCSS入門⑩~line-heightの即テク~

おはこんにちばんは

どうも、旦那のまことです

 

このブログは1人でも多くの人に

プログラミングの楽しさを

知ってもらうために書いています

 

もしhtmの書き方が分からない方は

下記のブログでhtmlの書き方を

学んでからこのCSSのブログを

読むようにしてください

HTMLブログ

 

フォルダ構成・cssファイルの作成

について読んでない方は

下記のブログを先に読んでください

ひっそりと注目されているCSS入門①~cssファイル作成及びhtmlで使う準備の即テク~

 

line-heightの使い方へ

 

ITの学校なんて行ってない

ITの知識なんて何にも知らない

って人でも全然大丈夫です!!!

 

僕もITの学校なんて行ってないですし

知識0からでも

システムエンジニアとして

働けています!

 

ちなみに僕は県内で偏差値が

1番低い高校出身で、前は肉体労働の

仕事をしていました!

 

IT、プログラミングに少しでも

興味のある方、僕と一緒に

少しずつ勉強していきましょう!

 

一気に沢山の事を教えてしまうと

頭の中でごちゃごちゃになったり

覚えきれないので、基本的には

1つのブログで1つの事を

教えていきたいと思います

 

テキストを表示する電源を入れたコンピューターモニター

  

 

ではタイトルに書いてある通り

今回はline-heightプロパティ

について学んでいきたいと思います

 

line-heightプロパティは何の役割を

するのかというと

行間を調節したい時に

使用するプロパティです

 

基本的に文章を書くときはpタグを

使って書いていきますが、pタグの

縦幅よりもっと幅をあけて見せたい

という時に使用するタグになります

 

では構文から見ていきましょう

line-height;

○の部分には数字が入ります

もちろん単位を指定することも可能

ではありますが

ちょっと面倒くさいです

 

例えば%を指定する場合

親要素に対しての割合になるので

使う場所によっては同じ値を

指定しても、幅が変わってしまいます

 

そんな時は単位なしがおすすめです

今回は単位なしで試していこうと

思います

 

ではまず「1」を指定して見てみます

f:id:makoxti:20210324225823p:plain

 

普通にpタグを使って書いているのと

ほとんど変わりませんね

 

では次は「3」で試してみましょう

f:id:makoxti:20210324225928p:plain

 

かなり幅が取られますね

では「2」くらいがちょうどよさそう

なので、試してみましょう

f:id:makoxti:20210324230037p:plain


個人的にはいい感じかなと

思います

 

いかがだったでしょうか?

少しでも「面白い」と思って

貰えたら嬉しいです

 

こちらのブログでは僕が

プログラミングを勉強する方法

について特別大公開しているので

よければ見てください

 

この記事を読んだ

72%の方が無料の

説明会に参加されています

本気でプログラミングを

学びたい方

是非話を聞いてみては

いかがでしょうか

【大公開】元肉体労働者の僕がシステムエンジニアになるための勉強方法を特別に大公開します

 

子供をお持ちの親御さんであれば

是非こちらのブログも

読んでみてください

今すぐにやるべき!子供に学ばせるべき習い事とは!?

  

ここまでお読みいただき

ありがとうございました!

 

それでは次のブログでお会いしましょう!

line-heightの使い方へ 

トップへ戻る