プログラミング
プログラマー転職を目指す、progateでのお勉強記録。 今回は、JavaScriptの復習記録7回目となります。 １．繰り返し処理（while文） 繰り返し処理（例えばnumber += 1;を50回繰り返す）を行うためには、while文とい うものを用いる。whileとは「～の間」とい…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、JavaScriptの復習記録6回目となります。 １．switch文 switch文とは「ある値によって処理を分岐する」場合に用いる構文である。 「switch(条件の値) ; {処理}」とすることで、switch文を書くこと…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、JavaScriptの復習記録5回目となります。 １．大小を比べる演算子 条件式に使う「<」や「>」は、比較演算子と呼ばれる大小比較の記号である。 例えば「a > b」は、aの方がbより大きいとき「true」…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、JavaScriptの復習記録4回目となります。 １．テンプレートリテラル これまで文字列や定数の連結には、「+」記号を用いてきた。JavaScript(ES6)では、こ れ以外の方法として「テンプレートリテラ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、JavaScriptの復習記録3回目となります。 １．変数の特徴 変数は、これまで学習してきた「文字列」や「数値」とまったく同じように扱うこと が出来る。代入されている値が文字列の場合は他の文字…
プログラマー転職を目指す、progateでのお勉強記録。 今回から、JavaScriptの復習記録2回目となります。 １．数値と計算、文字列と数値 プログラミングでは数値（数字）を取り扱うが、数値は文字列とは違いクォーテーシ ョンでは囲まない。 数値は足し算や引…
プログラマー転職を目指す、progateでのお勉強記録。 今回から、JavaScriptの復習記録1回目となります。 １．JavaScript(ES6)とは JavaScriptはweb開発において必須の存在で、現在(2021)ではほぼ全てのWebサイトで JavaScriptが使用されている。 今回学習す…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS・Flexbox編の復習記録となります。 １．Flexboxとは Flexboxとは、CSSのレイアウト方法の1つである。 並び向き（縦並び→横並び）の指定や、折り返し（なし→あり）の指定を簡単に行う こ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その3となります。 内容は【footerの位置調整、SNSボタンの調整、フォントのレスポンシブ化、画面サイズが大きい時への対応、スマートフォンのヘッダーレイアウトを整える】…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その2となります。 内容は【viewportの設定、width100%、responsive.cssの読み込み、レイアウトの配置の 変更、floatと親要素の高さ】です。 １．viewportの設定 レスポンシ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その1となります。 内容は【レスポンシブデザインとは、メディアクエリとは、max-widthとmin-width、ブ レイクポイント、レイアウト崩れを直す、box-sizing: border-box;の…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その6となります。 内容は【position: relative;による位置の変更、ボタンをへこませる、画面上に要素を固 定する、要素の重なりの順序を指定する】です。 １．position: re…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その5となります。 内容は【相対的な大きさの指定、position: absolute;、基準位置の変更、影を作る、 cursor、:active、CSSを打ち消す】です。 １．相対的な大きさの指定 …
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その4となります。 内容は【アニメーションをつける、行間を指定する、line-heightと縦の中央寄せ、<a> タグをクリックする範囲、文字の太さを指定する】です。 １．アニメーシ</a>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その3となります。 内容は【アイコンをつける、Font Awesomeの使い方、opacityとrgba、rgb、rgba、】で す。 １．アイコンをつける アイコンを表示するには、Font Awesomeと…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その2となります。 内容は【ボタンを作る、インラインブロック、display、複数クラスの指定、カーソルを乗せた時に色を変える、ボタンを角丸にする、テキストを中央に寄せる…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その1となります。 内容は【<header>と<footer>、背景画像を指定する、背景画像の大きさを指定する、 要素を中央に配置する、要素を透過させる、文字の間隔を指定する】です。 １．<header>と<footer> <div class="header">と<div class="footer">のよ</div></div></footer></header></footer></header>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その8となります。 内容は【コンテンツの枠組みを作る、枠線をつける、内側の余白と下側の余白、ボック スモデル、<input>と<textarea>、ボタンを作る、複数のセレクタに同じCSSを指定す る】</textarea>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その7となります。 内容は【ヘッダーとフッターで別のCSSを適用させるには、文中の一部にCSSを適用させ るには、ブロック要素とインライン要素】です。 １．ヘッダーとフッ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その6となります。 内容は【レイアウト、エディタの補完機能、ヘッダーの枠組みを作る、リストのマーク をなくす、リストの中身を横並びにする、余白の調整】です。 １．レ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その5となります。 内容は【HTMLの全体構造、HTMLのバージョン指定、<head>要素と中身】です。 １．HTMLの全体構造 実際のHTMLファイルには、決められた型を書いていく必要がある</head>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その４となります。 内容は【背景色を変える、横幅・高さを変える、特定の要素にCSSを適用する】です。 １．背景色を変える 背景色を変えるには「background-color」プロパ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その３となります。 内容は【CSSとは、文字の色を変える、文字の大きさ・色を変える】です。 １．ＣＳＳとは CSSとは、HTMLの要素に対して「色・大きさ・配置」などを指定し…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その２となります。 内容は【リンクを作成する、属性の書き方、画像を表示する、リストを作成する】で す。 １．リンクを作成する リンクを作成するためには、<a>要素を用いる</a>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その１となります。 内容は【HTMLの仕組み、見出しつけ、段落作成、コメントについて】です。 １．HTMLの仕組み HTMLでは、テキストに「タグ＜＞」という印をつけて囲むこと…
