学んだこと 5時間 JavaScriptのフロント実装（メモ投稿） FormDataとは、フォームに入力された値を取得できるオブジェクト。今回は、非同期通信でフォームに入力されたメモ情報をコントローラに引き渡したかったので、const formData = new FormData(documen…

学んだこと 1時間40分 binding.pryで[1] pry(#<PostsController>)>が出ない時は、キーボードのQ(た)を押すと出てくることを知った。これは、binding.pryを挟んだアクションが長いと、続きを見るか出てくるため。（下矢印を押すと(END)までいく）※最後まで展開しなくても途中で</postscontroller>…

学んだこと 3時間30分 JavaScriptのサーバー実装 JavaScriptにおけるサーバーサイド実装は、①ルーティングの設定 ②コントローラーの設定を行う。 それぞれのポイントとしては、 ①ルーティングの設定では「エンドポイント」の設定を行う。 ②コントローラーの…

学んだこと 3時間20分 やっとJavaScriptの立ち位置がわかった！！！（すっきり） MVCと、JavaScriptは別物。 JavaScriptは「見た目をリッチにする」「サーバーともやりとり可能(JS6〜)」の大きく２つの魅力がある。 「見た目をリッチにする」の時は、HTMLとC…

学んだこと 6時間 JavaScriptでスタイルを操作 インラインスタイル（HTMLにCSSのソースコードを直接記入）に対するJavaScriptの操作には、以下のメソッドを使うよ。 メソッド 意味 記述 setAttribute 指定した要素に新しい属性を追加、または既存の属性の値…

学んだこと 1時間 DOMツリーからHTMLを取得する方法 引数として渡して要素を取得。 方法 記述 補足 id名から取得する document.getElementById("id名") class名から取得する document.getElementsByClassName("class名") 複数形だよ!戻り値：HTMLCollection …

学んだこと 2時間半 JavaScriptの関数 JavaScriptで関数を定義する際は、大きく分けて「関数宣言」と「関数式」の2つある JavaScriptでは、関数から戻り値を取得したい時は「return」を記述する必要がある 関数式で関数を定義する際は、「関数の実行」より先…

学んだこと 1時間 リファクタリングとは 実装した機能に影響を与えずに、ソースコードを読みやすくすること 分かりやすい変数名・関数名 変数に代入されている値の役割がわかるよう具体的な名前にする 関数名は動詞＋名詞を意識 ロジックの単純化 条件分岐の…

学んだこと 1時間 開発体制 アジャイル開発ってよく聞くけど何？と思ったため学んだ。 アジャイル型開発：一度にまとめてではなく、少しずつ確認を挟みながら開発を進めていく手法。 ウォーターフォール型開発：初めに決めた要件を、ある期限までに完了する…

学んだこと 2時間 ORMってなんぞや ORM（Object-Relational-Mapping）とは、RDB（リレーショナルデータベース※つまりDB）の「データ」を、オブジェクト指向プログラミング言語でオブジェクトとして使用するために変換する技術のこと。（Railsでいう、ActiveR…

学んだこと 7時間半 モデル深堀り モデルは①Active Recordと②Active Modelを上手に組み合わせてデータベースの調整役として成り立っている。 Active Recordとは MVCで言うところのM、つまりモデルに相当するものであり、ビジネスデータとビジネスロジックを…

学んだこと(5時間半) なぜビュー反映させる時に、raw(文字列)をする必要があるの？ クロスサイトスクリプティング（XSS：Cross Site Scripting）が関係していた。 クロスサイトスプリクティングとは、フォームなどのユーザーが自由に入力できる場所に、JavaS…

今日の内容 プロゲート でJavaScriptの基礎 カリキュラムはRailsの深堀 新しい気づき case文を使う時に「break(switch文を終了する命令)」が必要な理由は、ないと、その次のcaseの処理も実行してしまうため。 while文を使う時に、繰り返される処理結果の値が…

学んだこと(2時間30分) for文（繰り返し処理） 条件式が「true」である限り、処理が繰り返される。 for ([①初期化式]; [②条件式]; [③加算式]){ //繰り返す処理の内容 } 記述 内容 ①初期化式 for文の中で使用する変数を定義 ②条件式 何回繰り返すか指定 ③加算…

学んだこと(1時間30分) JavaScriptとは JavaScriptはプログラミング言語の一つで主にクライアントサイドにおいて力を発揮。「ブラウザ上でのアプリケーションの使いやすさ」「リクエストの送り方の工夫」を担う。 役割 内容 主な役割① ページの遷移なしで、…

学んだこと エラーに向き合う （１）新規投稿ページにアクセスできない ３ステップ 詳細 現状把握 ●現状：新規投稿ボタンをクリックしたら、エラーが発生した●ゴール：新規ツイートの投稿フォームが表示される エラー文を解読 ●Tweetsコントローラーのnewア…

現在の学習戦略（２ヶ月２週間目） 観点は（HOWよりも）WHYを大事にする 作業時間を確保する（原則、平日4時間、休日10時間） ただし、 睡眠時間の０時〜６時を守ること。週３５時間以上の勉強時間を確保できれば良しとする。 優先順位を決めて行う（約60％…

学んだこと オブジェクト指向を踏まえたクラスの扱いについて クラスに含まれる値や処理のまとまり（＝オブジェクト）を意識しながら、実装することを「オブジェクト指向」という。あくまで設計思想の1つなので「これ」という一つの正解はない。実装のしやす…

学んだこと 正規表現（Ruby編） 正規表現を用いることで、文字列の置換・抽出・制約調査ができる Rubyにおいて、正規表現を利用するために重要な2つのメソッド（文字列） メソッド名 役割 sub 置換 match 含まれているか確認(抽出・制約調査) subメソッドに…

学んだこと Rubyに用意された機能を呼び出す方法 あらかじめ用意された機能のカタマリを「ライブラリ」という。 標準ライブラリ 組み込みライブラリ 外部ライブラリ(gem) Rubyに標準で用意 標準ライブラリの中でも特に利用頻度が高いもの 世界中の有志のエン…

今日学んだこと レスポンシブWebデザイン メディアクエリとは、表示された画面の幅に応じて、適応するスタイルを切り替える機能のこと ブレークポイントとは、メディアクエリで指定していたスタイル適用の分岐点のこと（パソコン・タブレット・スマホに適用…

学んだこと（モデルのテストコード） 最後に出てくる練習問題を解いた。以下は、出てこなかったところ。 テストコードの結果をターミナル上で可視化するための設定を行う 【.rspecのファイル】 --format documentation #追記する （テストではなく本物の） …

今日学んだこと binding.pryとrails cの違い 「メッセージ」に「チャットルーム」のidがきちんと紐付けされているか、確認したい時に以下のような違いがある。 今回は、rspecを導入し、FactoryBotで生成されたダミーの中身を確認したい。 【binding.pry】実…

今日学んだこと（チャットアップのメッセージ投稿機能の実装） form_withについてやっと意味がわかった！！！ form_with自体、Rails5.1から追加されたメソッド。それまでは、データを保存する場合には「form_for」を、保存する必要がない時は、「form_tag」…