shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

2020-12-01から1ヶ月間の記事一覧

レイアウトが崩れている 原因 floatと親要素の高さ clearクラスにfloatの解除

※要繰り返し学習※ レイアウトが崩れている原因をさがす floatと親要素の高さ floatの解除 ・空タグとclearを使ってfloatの解除をする この様に覚える 演習問題 ・空要素の<div>の書き方,配置を覚える <div class="clear"></div> ・clearクラスにfloatを解除するためのCSSを記述できるように</div>…

viewport width: 100% viewportの設定方法【Progate】

レスポンシブデザインの実装 vviewportviewportviewportviewportviewportviewportviewportviewport viewportの設定 ・設置場所は<head>タグ内に設置する こう覚える width: 100% 表題にある通り。画像の大きさを、スマートフォンにも均一にするため。 演習問題 ・v</head>…

レイアウト崩れを直す:box-sizing border-box *とワンセット 【Progate】

レイアウト崩れを直す box-sizingbox-sizingbox-sizingbox-sizingbox-sizingbox-sizingbox-sizin paddingを以って追加したデザインを、「画像を崩することなく調整する方法のこと」 こう覚える box-sizing: border-box;の仕組み 「画像を崩することなく調整…

レスポンシブデザインを学ぼう「Progate」

レスポンシブデザインを学ぼう レスポンシブデザインとは ・正直 レスポンシブデザイン適用されていなくても違和感はあまり感じなかった。 しかし、レスポンシブデザインを適用されたデザインを見直してみる。 すると、確かに格段に見やすくなっている事に気…

メディアクエリによるレイアウト【Progate】

メディアクエリによるレイアウト 画面サイズごとにレイアウトを変える方法画面サイズごとにレイアウトを変え *1 こう覚える メディアクエリによるレイアウトの例 EX. item { width: 50%; } @media(max-width: 670px) { .box { width: 50% } ] 演習問題 スラ…

【SQL道場コース】総合演習問題 複雑なユーザーデータの分析【Progate】

複雑なユーザーデータの分析 問1 SELECT 〇〇 設問の通り、3つのデータを取得する ユーザーIDを取得する ユーザー名を取得する カウント関数を使い、"購入数"名に変換する users.id, users.name, count(*) AS "購入数" COUNT関数を使う。これは指定したカ…

日ごとのデータ分析~【Progate】 

日ごとのデータ分析 演習問題 問1 取得データ内訳 日別売上分の数 売上時の日付 月別にレコード数をまとめる時=COUNT(*)を使う 日付ごとには「グループ化」が必須 分からなければ下記参照 prog-8.com 問2 FROM FROMにおいて データごとに違うカラムを取得…

結合したテーブルの分析(1)~【Progate】

結合したテーブルの分析(1) 演習問題 1 SELECT 文に取得するデータを考える ただし以下を条件とする アイテムのID アイテムの名前 売れたアイテムの個数(合計数*) ※それぞれ複数のID,名前があるため、どのID、名前なのかをきちんと指定する必要がある…

6. 販売履歴の分析【Progate】

aitojyounetu (Lv.100) SQL 道場コース Ⅰファッションサイトのデータベースの分析6. 販売履歴の分析

【Progate】SQL道場コースⅠ 商品分析(3)~【SQL】

商品分析(3) クエリを上手に使えクエリを上手に使えクエリを上手に使えクエリを上 演習問題 問1 ヒント ・WHERE に条件をつける ー~より大きい= はなんなのか?変わらなければ 関係演算子 ウィキをググる ー値段より大きい記号 、それにサブクエリを追…

【総復習】四則演算、関数集計、ORDER BY、LIMIT【Progate】

商品の値段 - 商品の原価商品の値段 - 商品の原価商品の値段 - 商品の原価 四則演算 商品一個あたりに対する「利益計算」の方法 商品価格ー原価 こう考える。 ただし、SELECTにて計算方法を算出すること 集計関数と四則演算 商品の値段から平均値を出したい…

四則演算、

商品の値段 - 商品の原価商品の値段 - 商品の原価商品の値段 - 商品の原価 四則演算 商品一個あたりに対する「利益計算」の方法 商品価格ー原価 こう考える。 ただし、SELECTにて計算方法を算出すること 集計関数と四則演算 商品の値段から平均値を出したい…

DISTINCT,ORDER BY,LIKE演算子

商品の分析(1) itemsテーブル ・取得データの中からアイテム名を抜き出す。ただし、重複する名前の項目を除く FROM DISTINCT(カラム名) こう書く。 ・取得データの中から、数値の高い順にならべる ORDER BY カラム名 DESC こう書く。 ・全取得データの中か…

JOINを活用したデータ取得,複数テーブルでのカラムの指定,全体実行順序の確認

前回のJOINを確認してから進む JOINを活用したデータ取得 どっちかのテーブルのnameだけを取得したい時どっちかのテーブルのname 複数テーブルでカラムを指定する方法 をマナブ 複数テーブルでのカラムの指定(1) それぞれのテーブル名.nameそれぞれのテーブ…

複数テーブルを活用してみようcountriesテーブル,JOIN(1)

グループ化したデータを更に絞り込もう countriesテーブルcountriesテーブルcountriesテーブルcountriesテーブル point データベースにはどんなカラムがあるのかをまずはじっくりと観察すべき。 なぜなら、サブクエリをどうしたら上手に活用できるかを考える…

サブクエリを使ってみよう playersテーブル,サブクエリ,ASの使い方[Progate]

playersテーブル playersテーブル ・サッカーデータを集めるらしい 2つのクエリを使ってみよう クエリの中に他のクエリを入れるクエリの中に他のクエリを入れるクエリの中 サブクエリとは 「クエリの中に他のクエリを入れる」こと こう覚える サブクエリの書…

データをグループ化しよう 10. HAVING~から総合演習まで[Progate]

こんにちは、忍です。 下記は本日勉強した内容の要約になります。 グループ化したデータを更に絞り込もう HAVING GROUP BY カラム名 GROUP BY カラム名 HAVING 条件GROUP BY カラム名 グループの中から更に特定のグループを抜き出したい場合に使用する WHERE…

【SQL】データをグループ化しよう【progate】

データをグループ化しよう GROUP BY GROUP BY カラム名GROUP BY カラム名GROUP BY カラGROUP B データをグループ化できる グループ化と集計 集計関数集計関数集計関数集計関数集計関数集計関数集計関数集計関数集計関数集計 ポイント GROUP BY カラム名 この…

【SQL】1. DISTINCT 2. 四則演算 3. SUM 4. AVG 5. COUNT 【Progate】

実践的なSQLを学ぼう お金の使い方を分析できるようになる 重複したデータを省く DISTINCT 結論 DISTINCT(カラム名)を使う このように書く: SELECT DISTINCT (取得するカラム名) FROM テーブル名; 演習問題 ・カラムデータ名を間違えないようにする ・最…

【プログラミング】ORDER BY・LIMIT そして総合演習へ【Progate】 

「SQL 学習コース I」コースを修了しました! https://t.co/uwfyyD9FeB #Progate ORDER BY・LIMIT クリア後、演習問題に挑みました。間違えた箇所メモ、全問正解するまで繰り返し問題を解いてました。これで何となーくですが、理解できました。— 中畠忍愛と…

特定のデータを取得しよう【Progate】

P NOT演算子 表記の方法:WHERE NOT ~ とする 条件を否定する←とにかくこのワードを覚えておく。 クエスト のこり15分を使ってもう一度復習しましょう カラムに何も保存されていないデータ NULLとは 何が入っているのか分からない=「何も入っていない」=…

LIKEとワイルドカードに慣れよう

LIKEとワイルドカードに慣れよう 前方一致 ワード検索のとき文頭にある、「指定ワード」のみを取り出す方法のこと Ex. SELECT * FORM SAKES WHERE name LIKE "大吟醸"%; ↓ ○ 大吟醸うまい! ○ 大吟醸最高! ☓ 美味しい大吟醸 ☓ すごいよ大吟醸 後方一致 ワー…

SQLを学ぶ~特定のデータを取得しよう ほか~【Progate】

特定のデータを取得しよう wheare を使う WHEREWHEREWHEREWHEREWHEREWHEREWHEREWHEREWHEREWHEREWHER あるカテゴリーのみを取得する方法、それをwheare を使う ・横のどの部分を使うか それを指定する必要がある WHERE(2) WHEREWHEREWHEREWHEREWHEREWHEREWHER…

SQLを学ぶ【Progate】

|本日勉強した内容をまとめました| SQLを学ぶ データベースとは テーブルの中にあるカラムとレコード テーブルとは? ・表全般を指す テーブルをどのように活用できるのか? ・名前別にしてデータを保存することができる どんなふうに保存できるのか? Ex.…

Webについて知ろう!【Progate】

Webについて知ろう!を完了しました! https://prog-8.com/docs/web #Progate Webについて知ろう! 知っておいた方が良い箇所のみをまとめてみました。 データベース =ツール どんなツールなのか?WEBアプリをつかって保存するためのツール Ex.・テキスト(…

JavaScript 「map」の復習から入る

「map」の使い方 ↓ 新しい配列を作る 「各要素へ新しく指示をだすことができる優れもの」 目標 ・定数名+.mapと書くことができる ・コールバック関数の応用を身につけることができる →・ { return 値 } の内容を正確に書くことができ、セミコロン;の位置を…

filterメソッド

filter 条件にあった要素すべてを出力させるはたらきを持つ 演習問題 filterをどの様に使ったら効果があるのか、 returnと 比較演算子「===」の合わせた使い方を学ぶ。 ~未満 などに使われる <, > の使い方に気をつける。 代入先はどの要素が使われるのか、…

【Progate】findメソッドを1時間30分ひたすら学んだ・・・。

おはようございます。忍です。 本日はJavaScript「find」の勉強からはじめました。 プログラミング初心者にはこの項目は少し難易度高めでした。 Progateを一度脱線しました。非常に分かりづらかったからです。 結局、勉強時間をすべて費やしました。 なんと…

【Progate】JavascriptⅥ に突入Pushから【本日の勉強ログ】

pushメソッドとは、 ★━━━━━━━━━━━━━━━━━━━━★★━━━━━━━━━━━━━━━━━━★ 「配列の最後に新しい要素を追加」するメソッド。 方法・pushメソッドの後の()の中に追加したい要素を入力。 コンソ-ルにその順番通りに要素が追加される。 以下の例では、pushメソッドの引…

【今日のプログラミング学習】昨日の復習・スコープ・【JavaScript】

12月1日================================================= 昨日間違えた箇所の写経から入る。 ひたすら説明欄を復唱しながら写経。時間を置いてからもう一度書いて覚えました。 今日の学習目標=================================================戻り値の…