MHK

MHK

  • プログラミング学習（Node.js)

  • プログラミング学習（command line）

  • プログラミング学習（SQL)

  • プログラミング学習（JavaScript）

  • プログラミング学習

MySQLで開発環境を整え、データベースを作成🌱（Webアプリの作成過程）

Webアプリの作成を目指すバスで、Node.jsからの流れでMySQLにさしかかりました。 🌸mysql --user=root --password の入力から、 🌸データベースの作成 　→SHOW databases; 　→CREATE DATABASE progate; 🌸テーブルの作成 　→USE progate; 　　Database changedと表示されたら、 　→SHOW tables; 　→CREATE TABLE users (id INT AUTO

MHK

    • Node.js〜Progate🐓Node.js Ⅳ

      Ⅲまで記録残して、その後、復習したり寄り道してたりしたら…あれ？もう11月？かぼちゃな季節ががっつり過ぎて、11月… ハロウィンとクリスマスの行事に挟まれて、なんならこの2つの行事の間休憩みたいな立ち位置にされてる11月… なんか、一松みたいな雰囲気を感じるこいつが、なんだか好きです。。。 ＜デバックについて＞ ⭐️ブラウザ、ターミナルでバグの確認 ⭐️「アクセスできませんでした」 　→SyntaxError　＝　文法エラー 　→Unexpected token )　＝　来

      MHK

      • 🍵Command Line〜Progate 基礎編〜

        ターミナルでのcommandを学びます。 ※当たり前のように使用されていたので、改めて、学習をば… 🌸ファイル、directoryの作成 ⚠️コマンドラインではフォルダをディレクトリと呼ぶ 　→make directory（mkdir） 🌸current directoryからの移動 　→change directory（⚠️cd ←コレデス！！！） 🌸ルートディレクトリ「/」 　→print working directory 🌸directoryの中身を確認

        MHK

        • Node.js〜Progate🐒ローカル開発と新規アプリケーション作成

          現在、10/14になっていしまいましたが、10/12で4ヶ月経ちました🙏 ＜Node.jsの開発環境を用意＞ https://nodejs.org/ja/ 推奨版のインストール node -v v14.6.0（Progate様はv12.13.1） ＜新規アプリケーションの作成について＞ コマンドを実行し、パッケージをインストールする 🌸npm init --yes　 　→package.jsonを生成するコマンド 🌸npm install express ejs 　→

          MHK

        MySQLで開発環境を整え、データベースを作成🌱（Webアプリの作成過程）

        MHK

        • Node.js〜Progate🐓Node.js Ⅳ

          MHK

        • 🍵Command Line〜Progate 基礎編〜

          MHK

        • Node.js〜Progate🐒ローカル開発と新規アプリケーション作成

          MHK

        マガジン

        • プログラミング学習（Node.js)
          9本
        • プログラミング学習（command line）
          1本
        • プログラミング学習（SQL)
          9本
        • プログラミング学習（JavaScript）
          25本
        • プログラミング学習
          25本

        記事

          Node.js〜Progate🐓Node.js Ⅲ

          ＜削除・更新機能について＞ ＜ルートパラメータについて＞ ＜Deleteクエリの実行について＞ ＜編集画面の用意について＞ ＜「メモ内容を表示する」について＞ ⚠️ここまで来るのに、前回より10日の期間が空きました…戻ってこれて、時間取れて良かった… 復習に時間かかったけど…😅 ＜「更新処理の流れ」について＞ ①まずは更新用のルーティングを作成。 ②編集画面からフォームの値を送信できるようにする。 と思ってたら、現在9月？！😱開始記念日の12日も過ぎちゃったよ〜

          MHK

          Node.js〜Progate🐓Node.js Ⅲ

          MHK

          Node.js〜Progate🐥Node.js Ⅱ

          ＜queryについて＞ 🐽SQL ⚠️「，」忘れ app.get('/index', (req, res) => { 　connection.query( 　　'SELECT * FROM items', 　　(error, results) => { // res.renderの第２引数にオブジェクトを追加してください 　　res.render('index.ejs' , {items : results});　}); 　　　　　　　　　　　⚠️↑

          MHK

          Node.js〜Progate🐥Node.js Ⅱ

          MHK

          Node.js〜Progate🐣Node.js Ⅰ 👣🐾

          限られた時間の中、なるべく一気に全体の流れを把握するために、記録のやり方を変えようかと思います。（記録をお休みするではなく、記録のやり方をカエルことにしました🐸！） これまでは「Progate様の教示の部分で大切と感じたり忘れそうな部分」を記録として抜粋してましたが、今後は、『自分が調べたものや実際に忘れた箇所』の記録を取っていくようにします。これでも学習の効率や記憶が劣るようなら… やり方をまた変えてみます٩( 'ω' )و ＜expressについて＞ ＜app.jsに

          MHK

          Node.js〜Progate🐣Node.js Ⅰ 👣🐾

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（4章 EJSを使おう）（5章 ページをリンクしよう）〜

          「Node.js Ⅰ」で既に負傷者リスト入りな中、エピソードⅢまで行けるのか？！ダースベーダー卿誕生前に終了しないように頑張ります٩( 'ω' )و 🐣EJSを使った値の表示 🐣forEachを使ったHTMLの表示 🐣ページ間リンク 【🐣EJSを使った値の表示】 🌸そもそも、「EJS」とは？！ 　→Embedded Java Script 　　htmlコードの中に、JavaScriptを埋め込む 　→htmlとJavaScriptのコード、両方を、記述できるNode.j

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（4章 EJSを使おう）（5章 ページをリンクしよう）〜

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（3章 ページを表示しよう）〜

          目標1h40ｍなところ、既に1ｈ10ｍ経過。そして、今回も普通に1ｈ超えた気がする（ちょくちょく学習だった）。そのくらい、😐😐😐😐😐な、思考停止が多かった。 🐣ページの表示の仕組み 🐣CSSの適用と画像の表示 🐣一覧画面の作成 【🐣ページの表示の仕組み】 🌸ルーティング 　→URLに対応する処理を実行すること ↑（）内に、（req , res）が入る。 🌸ビューファイル（EJS） 　→トップ画面の見た目を作るファイルのこと 🌸res.render 　→指定したビュ

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（3章 ページを表示しよう）〜

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（1章 Node.jsを始めよう）（2章 Expressの準備をしよう）〜

          Webアプリ（Webアプリケーション）の作成！！ これまで学んできたことを生かして、Node.jsを使ったWebアプリを作れるようになる！ことが目標です… 所要時間は1h40ｍ。最近朝の約1ｈ程しか時間作れてないから、数日かかりそうな予感でございますが、やり遂げて参りたいと存じます🏯🍵 🐣目標物の確認 🐣Expressの導入 🐣サーバーの起動 【🐣目標物の確認】 この子ら本当に可愛いなぁ… しかも、ニンジャの活動範囲広いし…🤣💙 🌸🐽🌸　Node.jsとは　🌸🐽🌸

          MHK

          Node.js〜Progate🐣Node.js Ⅰ（1章 Node.jsを始めよう）（2章 Expressの準備をしよう）〜

          MHK

          SQL〜🐾立ち止まって一旦復習👣🐥🐥🐓〜

          確認・演習問題を通して、忘れていたりミスしやすい箇所をピックアップするZO！٩( 'ω' )وZOZOZO… そういえば、昨日（記録UPの時点で一昨日）、タイ国では母の日にあたる、8月12日でプログラミング学習を始めて2ヶ月の節目でした✨🇹🇭Thailand、大好きですよん✨💛💙💛 →SQLを修了してから見ると、また違った理解が深まりました(￣ー￣）ﾄﾞﾔｯ 　→「order by」を忘れてたばい😱 order by、order by、order by、order by

          MHK

          SQL〜🐾立ち止まって一旦復習👣🐥🐥🐓〜

          MHK

          SQL〜Progate🐓∧( 'Θ' )∧ SQL Ⅳ（データの追加・更新・削除と構文）

          SQL最後のレッスンですな(￣ー￣)✨ 所要時間は1ｈ。ちなみに、前回はちょくちょく学習だった割には、2ｈかかったような気はしませんでしたね。気持ちとやる気の問題かな🤔気持ちとやる気は同じような意味かな。頭痛が痛い的な… SQLのデータ操作です！（一転して真面目★） オンラインストアやSNS等、あらゆるWebサービスで使われている技術を学びます٩( 'ω' )و 🐓データを追加しよう 🐓データを更新しよう 🐓データを削除しよう 🐓もっと構文を使おう 【🐓データを追加しよ

          MHK

          SQL〜Progate🐓∧( 'Θ' )∧ SQL Ⅳ（データの追加・更新・削除と構文）

          MHK

          SQL〜Progate🐓SQL Ⅲ（1章 サブクエリを使ってみよう）（2章　複数テーブルを活用してみよう）（3章　総合演習）

          所要時間は2ｈ。複数テーブルを利用したデータの取得（サブクエリとJOIN）を学びます٩(๑❛ᴗ❛๑)۶今回は3章までなので、なのでね、まとめてやっちまおうと思いますᕦ(ò_óˇ)ᕤ　否、長くなりそう… 🐓playersテーブル 🐓サブクエリ 🐓AS 🐓countriesテーブル 🐓テーブルを紐づける 🐓JOIN(1) 🐓JOIN(2) 🐓teamsテーブル 🐓LEFT JOIN 🐓3つのテーブル結合 【🐓サブクエリ】 2個もクエリを描かなくても良いようにする（2つ以上のク

          MHK

          SQL〜Progate🐓SQL Ⅲ（1章 サブクエリを使ってみよう）（2章　複数テーブルを活用してみよう）（3章　総合演習）

          MHK

          SQL〜Progate🐥SQL Ⅱ（3章 データをグループ化しよう）（4章 総合演習）

          ある条件でデータをグループ化し、グループごとのデータを求める方法を学びます٩( 'ω' )و 🐥GROUP BY 🐥GROUP BY (複数) 🐥GROUP BY (WHERE) 🐥HAVING 【🐥GROUP BY】 グループ化して集計する 　例))「日付ごとの金額合計」を一度に出して分析したいとき ⚠️グループ化の時、selectで使えるのは、『group byでしているカラム』と『集計関数』のみ！ 🐽 group byの威力を比較確認 【🐥GROUP BY (複

          MHK

          SQL〜Progate🐥SQL Ⅱ（3章 データをグループ化しよう）（4章 総合演習）

          MHK

          SQL〜Progate🐥SQL Ⅱ（1章 検索結果を加工しよう）（2章 集計関数を使おう）

          所要時間は1時間（マジデっ！！😱）。実践的なSQLとして、取得したデータを加工して分析しやすくする。この章では、集計関数とグループ化の使い方を学び、合計や平均、最大・最小などを求めるための集計関数の使い方を学習します。 🐽検索結果の加工　→　データ同士を計算したりして、新しいデータを作り出すこと。 　例))日毎にいくらお金を使ったか？！等 🐥DISTINCT 🐥四則演算 🐥SUM 🐥AVG 🐥COUNT 🐥MAX・MIN 【🐥DISTINCT】 →検索結果から重複データを

          MHK

          SQL〜Progate🐥SQL Ⅱ（1章 検索結果を加工しよう）（2章 集計関数を使おう）

          MHK

          SQL〜Progate🐣SQL Ⅰ（3章 取得結果を加工しよう）（4章 総合演習）

          データを並び替えたり、取得する件数を指定するなど、取得結果を加工するためのSQLを学習する。 🐣ORDER BY 🐣LIMIT 🐣総合演習 【🐣ORDER BY】 　→「〜の順に並べる」 　→（基準となる）並び替えたいカラム名　　並べ方 🌸並べ方 　→ASC（昇順）　：　ascending 　　DESC（降順） ：　descending 【🐣LIMIT】 →必要な数だけ、データを取得する（最大で何件取得するか） ⚠️クエリの末尾に記述（where よりも order

          MHK

          SQL〜Progate🐣SQL Ⅰ（3章 取得結果を加工しよう）（4章 総合演習）

          MHK