佐藤さん

0 フォロー 0 フォロワー

if分の複数条件（且つ/または）

・複数条件の書き方【且つ】&& 【または】|| ・＆＆の使い方 const number=31 if（number >=10 && number <100）{console.log("numberは2ケタです"):} ・||の使い方 …

佐藤さん

4年前

条件分岐ifが成り立たない/他のものを出したい時/条件追加

・elseを使って記述もしXXなら〇〇、そうでない場合はYY ・実際の使い方 --------------------- 私は20歳以上です私は20歳未満です --------------------- const …

佐藤さん

4年前

比較演算子

・比較演算子とは左と右の値が等しいかを調べること・使い方 a === b　「aとbが等しい」a !==b　「aとbが等しくない」 const number=12;console.log(number === 12);…

佐藤さん

4年前

条件分岐 if

・条件分岐とはある条件が成り立つときだけある処理を行う」という場面が出てきます。このようなプログラムを条件分岐・if文のコード const number=12;if(number>10){…

佐藤さん

4年前

テンプレートリテラル（変数や定数）

・テンプレートリテラルとは文字列の連結には「+」を使ってきたが、テンプレートリテラルを用いると以下のように埋め込むことができる。 const name="にんじゃわんこ";c…

佐藤さん

4年前

定数(const)について（let変数に似ているもの）　JavaScript

・定数とは変数は一度代入した値でも変更できるが、定数は更新できない。・定数の使い方 const languege="フランス語";const （変数の時はletが入る） languege="フラ…

佐藤さん

4年前

変数(let)について JavaScript

・変数とはデータ（値）の入れ物（箱）。箱についてる名前が変数名。・変数の書き方 let 変数名="値"; ！！注意！！プログラミングの＝の意味は等しいではなく、…

佐藤さん

4年前

JavaScript(ES6)

・console.log(文字);は()の中の言葉をコンソールに出力する！！注意！！（こんにちは）や（ABC）などの文字列は""か``で囲む必要がある数字は""や```は必要ないま…

佐藤さん

4年前

全体構成【head/main/footer】の構造

========================<!DOCTYPE html><html><head> 要素にはページに関する情報 </head><body> 要素には実際に表示したい内容 </body></html>========================…

佐藤さん

4年前

入力欄の作り方（お問い合わせフォーム等）

・1行テキストの入力フォーム <input> └<input>要素に属性を付ける <input type="属性を入れる" > （例）submit=送信ボタンとか └ボタンの文言を変更する（value） …

佐藤さん

4年前

paddingとmargin

・自分を太らせるのがpadding ・自分のまわりを広げるのがmargin

佐藤さん

4年前

ブロック要素とインライン要素（改行される/されない）

・ブロック要素 <div>や<p><h1>などのことで改行されるもの・インライン要素 <span><a>など改行されないもの

佐藤さん

4年前

レイアウトについて div float等

・レイアウトについて └<div>の中には3つの要素がある。 ①ヘッダー ②メイン ③フッター ---------------------------- <div class="header"></div> <div class="main">…

佐藤さん

4年前

初めてのCSS

■CSSはhtmlで書いた文字などに装飾をするもの ※html上に<h1>があるものと仮定する場合・html上の文字に色味を変更する ---------------------------h1{color: #色味 …

佐藤さん

4年前

初めてのhtml

・リンク <a href="URL">ゆーあーるえる</a> ・画像 <img src="画像URL"> ・リスト <ul><li>点がつくリスト1個目</li><li>点がつくリスト2個目</li><ul>

佐藤さん

4年前

独学でプログラミングを習得する

私は今、ITのベンチャー企業でwebディレクターをしています。新卒入社で気が付けばもう4年目… 1年目から商材は一度も変わることなく仕事をしてきたため、ある時から仕…

佐藤さん

4年前

佐藤さん

2020年7月14日 15:51

if分の複数条件（且つ/または）

・複数条件の書き方

【且つ】&&

【または】||

・＆＆の使い方

const number=31 if（number >=10 && number <100）{console.log("numberは2ケタです"):}

・||の使い方

const number=31 if(number >=10 || number <100){console.log("numberは2ケタです");}

佐藤さん

2020年7月6日 13:09

条件分岐ifが成り立たない/他のものを出したい時/条件追加

・elseを使って記述

もしXXなら〇〇、そうでない場合はYY

・実際の使い方

---------------------

私は20歳以上です

私は20歳未満です

---------------------

const age=17if(age >=20){console.log("私は20歳以上です");}else{console.log("私は20歳未満です");}

・さらに条

もっとみる

佐藤さん

2020年7月3日 15:56

比較演算子

・比較演算子とは

左と右の値が等しいかを調べること

・使い方

a === b　「aとbが等しい」a !==b　「aとbが等しくない」

const number=12;console.log(number === 12);const name="John"console.log(name !=== "John");

const password="smile";if(password ==

もっとみる

佐藤さん

2020年7月3日 15:41

条件分岐 if

・条件分岐とは

ある条件が成り立つときだけある処理を行う」という場面が出てきます。このようなプログラムを条件分岐

・if文のコード

const number=12;if(number>10){ console.log("numberは10より大きいです");}

・trueとfalse

const age=24;に対して正しいか間違いかを出力することができる24歳以上の場合console

もっとみる

佐藤さん

2020年6月30日 18:43

テンプレートリテラル（変数や定数）

・テンプレートリテラルとは

文字列の連結には「+」を使ってきたが、テンプレートリテラルを用いると以下のように埋め込むことができる。

const name="にんじゃわんこ";console.log(`こんにちは、${name}さん`);>コンソールこんにちは、にんじゃわんこさん

・複数の使い方

const name="にんじゃわんこ"const age="14"console.log(`$

もっとみる

佐藤さん

2020年6月30日 18:32

定数(const)について（let変数に似ているもの）　JavaScript

・定数とは

変数は一度代入した値でも変更できるが、定数は更新できない。

・定数の使い方

const languege="フランス語";const （変数の時はletが入る） languege="フランス語";

佐藤さん

2020年6月30日 18:06

変数(let)について JavaScript

・変数とは

データ（値）の入れ物（箱）。

箱についてる名前が変数名。

・変数の書き方

let 変数名="値";

！！注意！！

プログラミングの＝の意味は等しいではなく、右を左に代入するという意味

数字は""で囲まない

・実際の使い方

let name="John";console.log(name);⇓⇓⇓こう置き換わっているイメージ⇓⇓⇓let name="John";cons

もっとみる

佐藤さん

2020年6月29日 16:07

JavaScript(ES6)

・console.log(文字);は()の中の言葉をコンソールに出力する

！！注意！！

（こんにちは）や（ABC）などの文字列は""か``で囲む必要がある

数字は""や```は必要ない

また、(3 + 2)などの計算もできる

逆に（"3+2"）にするとそのまま文字列で出てくる

ocon

・％を使ってあまりの数を出す

console.log(9%2);

上記は9÷2=4あまり1なの

もっとみる

佐藤さん

2020年6月28日 14:34

全体構成【head/main/footer】の構造

========================<!DOCTYPE html><html><head> 要素にはページに関する情報 </head><body> 要素には実際に表示したい内容 </body></html>========================<!DOCTYPE html>の部分はDOCTYPE宣言と呼ばれるもので、HTMLのバージョンを宣言するためのもの

・headの中

もっとみる

佐藤さん

2020年6月28日 14:32

入力欄の作り方（お問い合わせフォーム等）

・1行テキストの入力フォーム

<input>

└<input>要素に属性を付ける

<input type="属性を入れる" >

（例）submit=送信ボタンとか

└ボタンの文言を変更する（value）

<input type="submit" value="保存">

・複数行の入力フォーム

<textarea></textarea>

・

！！属性の一覧はココ！！

佐藤さん

2020年6月28日 14:15

paddingとmargin

・自分を太らせるのがpadding

・自分のまわりを広げるのがmargin

佐藤さん

2020年6月28日 13:53

ブロック要素とインライン要素（改行される/されない）

・ブロック要素

<div>や<p><h1>などのことで改行されるもの

・インライン要素

<span><a>など改行されないもの

佐藤さん

2020年6月28日 13:47

レイアウトについて div float等

・レイアウトについて
└<div>の中には3つの要素がある。
①ヘッダー
②メイン
③フッター

---------------------------- <div class="header"></div> <div class="main"></div> <div class="footer"></div> ----------------------------

└html上にある<di

もっとみる

佐藤さん

2020年6月28日 12:20

初めてのCSS

■CSSはhtmlで書いた文字などに装飾をするもの

※html上に<h1>があるものと仮定する場合

・html上の文字に色味を変更する

---------------------------h1{color: #色味 ;} --------------------------- ！注意！セミコロ「；」は終わりにつける！コロンと間違えない。

・html上の文字の大きさを変更する

-----

もっとみる

佐藤さん

2020年6月28日 12:19

初めてのhtml

・リンク

<a href="URL">ゆーあーるえる</a>

・画像

<img src="画像URL">

・リスト

<ul><li>点がつくリスト1個目</li><li>点がつくリスト2個目</li><ul>

佐藤さん

2020年6月28日 12:17

独学でプログラミングを習得する

私は今、ITのベンチャー企業でwebディレクターをしています。

新卒入社で気が付けばもう4年目…

1年目から商材は一度も変わることなく仕事をしてきたため、ある時から仕事でのスキルアップに不安を持ち始めました。

（だからといって、進んでディレクターとしてのスキルを磨いたり勉強したりはめんどくさく全くせず）

ただ、やっぱり4年目に入って今後の自分のビジョンとか働き方とかを考えていくうちに、‟自

もっとみる

記事一覧

if分の複数条件（且つ/または）

条件分岐ifが成り立たない/他のものを出したい時/条件追加

比較演算子

条件分岐 if

テンプレートリテラル（変数や定数）

定数(const)について（let変数に似ているもの） JavaScript

変数(let)について JavaScript

JavaScript(ES6)

全体構成【head/main/footer】の構造

入力欄の作り方（お問い合わせフォーム等）

paddingとmargin

ブロック要素とインライン要素（改行される/されない）

レイアウトについて div float等

初めてのCSS

初めてのhtml

独学でプログラミングを習得する

定数(const)について（let変数に似ているもの）　JavaScript