Study record

未経験2児ママのプログラミング勉強記録

Webアプリケーションの開発フロー

作成したいWebアプリケーションが決まった。 具体的には、以下2点を軸にして考え「写真共有サービス」を作成したいと思う。 技術力を効率的に高めて作成できるもの 実際に誰かの役に立つもの(需要がある、何らかの問題を解消できる) 補足として、 長女の幼稚…

Javascript_V switch文

switch文を使った条件分岐 switch文は条件分岐のひとつで、式の評価結果に基づいて処理を分け、異なる処理を実行する構文。 複数条件がある場合は、if文よりswitch文を使うほうが、コードがシンプルになりやすいといったメリットがある。 基本構文 switch (…

Javascript_lV

複数の条件式 かつ 「かつ」は「&&」で表す。 「条件1 && 条件2」は「条件1かつ条件2」という意味で、複数の条件がすべてtrueならtrueになる。 //「10より大きいかつ30より小さい」は、「10 < x < 30」と書くことは出来ない。このようなときは「&&」を使う。…

Javascript_lll if文

条件分岐 ある条件が成り立つときだけある処理を行うこと。 if文を用いると「もし○○ならば●●を行う」という条件分岐が可能になる。 if文の書き方 ifの後ろに条件式を書き、それが「成り立つ」場合の処理を{ }の中に書く。 if (条件式) { 条件式が成り立った…

Javascript_ll テンプレートリテラル

テンプレートリテラル テンプレートリテラル(テンプレート文字列)とは、文字列の中に変数や定数などを埋め込んだり、改行を入れたりすることができるようにして、文字列の扱いを楽に便利にできる構文のこと。 書き方 文字列の中で「${定数}」とすることで、…

Javascript_l console.log/変数/定数

console.log JavaScriptの標準的な実装に組み込まれている機能の一つで、実行環境に用意された文字による入出力画面(コンソール)に指定された文字列を出力(表示)するもの。 基本的な書き方 //「Hello World」と出力される console.log(“Hello World”); ↓…

HTML/CSS_lll レスポンシブデザイン

Media Queries(メディアクエリ) ブラウザの画面サイズに応じてCSSのスタイルを設定できるMedia Queries(メディアクエリ)という手法を用いて、様々なデバイスや画面サイズに合わせてコンテンツのレイアウトを調整する。 書き方 @media (条件) { .... } :指定…

HTML/CSS_ll

opacity 要素の中身全てを透明にする rgba 背景色のみを透明にするrgbaは4つの値をコンマ(,)区切りで入れる。 4つ目の値が透明にする度合いで、0 ~ 1の数値で指定する(値が小さいほど透明になる)。 /* 0.5が透明度 */ .box{ Background-color:rab(255,14…

HTML/CSS_ll ボタン

Progate「HTM &CSS中級編」ボタン作成時に覚えておきたいポイントがあったのでメモしておく。 インライン要素 aタグなど width・height:指定できない margin・padding:左右のみ指定できる 配置:横並び ブロック要素 width・height:指定できる margin・pa…

HTML/CSS_l

Progateで「HTM &CSS 初級編」をした。見返したいポイントがあったのでメモしておく。 class 要素にはclassを使って名前をつけることができる。classをつけることにより、それぞれの要素を識別し別々のCSSを適用することができる。 class名でCSSを指定する場…

学習ロードマップ|PHP独学

はじめに なぜPHPを学習するのか 短期目標 長期目標 学習ロードマップ 1.HTML/CSS/JavaScriptの基礎を学ぶ 2.PHPの基本文法を学習 3.PHPの環境構築 4.ファイル操作・HTTPリクエストを学習 5.データベースを学習 6.フレームワークに触れる はじめに このブロ…