実施内容 サイト作成 本日学習した内容 1:サイト作成 ヘッダ部分を大まかに作って、メイン部分(予約のフォームなど)の作成に取り掛かった。 ヘッダ部分はもう少し作りたかったが、ひとまず先に進めて、体裁などは後から整えていく。 所感 初級編、中級編を復…

実施内容 progate HMTL/CSS 初級編を復習 HTML/CSS 中級編を半分ぐらいまで復習 本日学習した内容 1:HTML/CSSの復習 初級編、中級編の復習を行った。 特に詰まったところはなし。 サイトの方は進捗なしだが、中級編を復習してるうちにこう書けばいいかもって…

実施内容 progate HTML 初級編を復習 本日学習した内容 1:初級編の復習 サイト制作のモチベーションが上がらなかったので、初級編の復習を半分ほど行った。 特に詰まった点はなかった。 所感 例題に添ってコーディングはほぼ出来るので、自分でオリジナルを…

実施内容 不動産会社の物件見学予約フォームを参考に、自分でサイトをコーディング まずはデザインを参考に自分で作り、その後にディベロッパーツールでソースコードを見て、自分に足りない知識等を補完していく。 本日学習した内容 1:自分のサイトのコーデ…

実施内容 progate HTML/CSS 中級編 道場コース 第1章:中級編を復習しよう フッターを作ろう 本日学習した内容 1:フッター部分の作成 本日はフッター部分作成のみ。 初級編でやったものとほぼ一緒であった為、詰まる所はほとんどなかった。 2:作成したソース…

実施内容 progate HTML/CSS 中級編 道場コース 第1章:中級編を復習しよう メッセージ部分を作ろう 本日学習した内容 1:メッセージ部分の作成 要素に影を付けたり、クリックした際に高さを変え、ボタンが押されたように見えるようにする事項を復習しながら行…

実施内容 progate HTML/CSS 中級編 道場コース 第1章:中級編を復習しよう トップ部分を作ろう ヘッダーを作ろう 本日学習した内容 1:トップ部分作成 トップ部分は、初級編と似ている箇所が多かったので、手こずった所は少なかった。 ただし、いくつか忘れて…

実施内容 progate HTML/CSS 初級編 道場コース 第1章:初級編を復習しよう 5:フッター部分を作ろう 本日学習した内容 1:フッター部分の作成 8日までにフッターがある程度出来ていたが、送信ボタンとフッター部分の間の空白がお手本と違っていたので、引き続き…

実施内容 progate HTML/CSS 初級編 道場コース 第1章:初級編を復習しよう お問い合わせフォームを作ろう フッター部分を作ろう(未完成) 本日学習した内容 1:8月6日 コンテンツ部分のお問い合わせフォームの作成を行った。 珍しく、詰まることなく1発でクリア…

実施内容 progate HTML/CSS 初級編 道場コース 第1章:初級編を復習しよう コンテンツ部分を作ろう 本日学習した内容 1:コンテンツ部分の作成 3日にヘッダー部分の作成を行ったので、コンテンツが配置されるメイン部分のコーディングを行った。 本日作成した…

実施内容 progate HTML/CSS 初級編 道場コース 第1章:初級編を復習しよう ヘッダーを作ろう トップ部分を作ろう 本日学習した内容 1:ヘッダー、トップ部分の作成、復習など 道場コースでは、練習で作成したページを、仕様書に従って自分で1から作る。 ページ…

実施内容 progate Ruby V 第1章:継承 第2章:Dateクラスとクラスメソッド 本日学習した内容 ※JavaやJavaScriptと共通している箇所は、文章のみの記述にとどめる。 1:継承 実際の開発では、すべてのクラスを1から作るのではなく、既存のクラスのインスタンス変…

実施内容 progate Ruby IV 第1章:クラスとインスタンス 第2章:インスタンスメソッド 第3章:「料理注文システム」を作ろう 本日学習した内容 1:クラス クラスとは、プログラミングにおいて使用する「もの」の設計図のようなものである。 ここでいう「もの」と…

実施内容 progate Ruby III 第1章:メソッドを学ぼう 第2章:引数 第3章:戻り値 第4章:キーワード引数 本日学習した内容 ※メソッド、引数、戻り値などについてC、Java等と共通している個所は、文章のみの記述にとどめる。 1:メソッド メソッドとは、いくつかの…

実施内容 progate 第1章:配列と繰り返し 第2章:ハッシュとシンボル 第3章:nilと様々な配列 第4章:課題にチャレンジしよう 本日学習した内容 1:配列 配列とは、複数の値、文字列などを一つにまとめたもの。 配列に入っている一つ一つの値、文字列の事を「要素…

実施内容 progate Ruby I 第1章:Rubyを動かしてみよう 第2章:変数を使ってみよう 第3章:条件分岐をしてみよう 第4章:課題にチャレンジしよう 本日学習した内容 ※演算の記述、変数の定義、などはC言語やJavaと共通する部分があるのでそういった部分は省略し、…

実施内容 progate HTML/CSS Flexbox編 第1章:Flexboxとは 第2章:Flexboxの実装 第3章:レスポンシブデザインの実装 本日学習した内容 1:Flexboxとは Flexboxとは、CSSにおけるレイアウト方法の1つである。 使用することで、要素の並び向きを指定したり、折り…

実施内容 progate JavaScript VII 第1章:コールバック関数を学ぼう 本日学習した内容 1:コールバック関数とは 他の関数を呼び出す為に引数として渡される関数のこと。(7月24日 学習記録参照) 2:コールバック関数を呼び出す 以下の例では、関数printWankoを引…

実施内容 progate JavaScript VI 第1章:配列を操作するメソッドについて学ぼう 本日学習した内容 1:pushメソッド pushメソッドは、配列に対して新しく要素を追加するためのメソッド。 以下の例では、配列numbersに「4」の要素が追加される。 2:forEachメソッ…

実施内容 progate JavaScript V 第1章:ファイルを分割しよう 第2章:パッケージを使おう 本日学習したこと 1:ファイルの分割について 本格的な開発では、1つのファイルにすべての処理を書いてしまうと、ソースコードの可読性、仕様変更時の修正等の点で効率が…

実施内容 progate JavaScript IV 第2章:クラスの継承 本日学習した内容 1:継承とは 継承とは、既存のクラスの内容を元に、新しいクラスを作り出すこと。 継承するクラスを記述する際には、「class クラス名 extends 継承元のクラス名」と記述する。 以下は、…

実施内容 ・progate JavaScript IV 第4章:クラスの基本 メソッド(2) メソッド内でのメソッド呼び出し 本日学習したこと 自分自身(クラス)のプロパティの内容を出力するメソッドの書き方、メソッド内でメソッドを呼び出す方法について学んだ 1:自分自身(クラ…

実施内容 ・progate JavaScript IV 第1章:クラスの基本 本日学習したこと JavaScriptにおける、クラス、インスタンス、コンストラクタ、メソッドについて学習した 1:オブジェクトの概要について復習 オブジェクトとは、その変数における値とその値に対応する…

実施内容 ・progate JavaScript III 一通り完了 本日学習したこと JavaScriptにおける関数の使用方法、引数、戻り値について学習した 1:関数について 関数とは、いくつかの処理をまとめたもの。 const 定数名 = function(){ まとめたい処理 } というような書…

学習内容 ・progate HTML/CSS 上級編が一通り修了した HTML/CSS 上級編で学習したこと 1:レスポンシブデザインとは何か? 様々なデバイスや画面サイズに合わせて、コンテンツのレイアウトを調整する 2:メディアクエリについて メディアクエリとはブラウザの画…

HTML編集 お試し投稿 これはお試しです1 これはお試しです2

〇実施内容 ・progatte HTML/CSS 上級編 進捗率 83% 第3章:レスポンシブデザインの実装 スマートフォン向けのレイアウト(1) スマートフォン向けのレイアウト(2) 〇今日のエラー、詰まったところ 特になし。 〇所感 初級編～上級編がもうすぐで終わりそうだ。…

〇実施内容 Git 環境構築 〇今日のエラー ファイルをプッシュするコマンド実行時に以下のエラーが出た。 ryo_torisu@DESKTOP-4CA4AIR MINGW64 ~/mysite (master) $ git push origin master error: src refspec master does not match any error: failed to p…

〇実施内容 ・progate Git I すべて完了 〇メモ git add ファイル名 : 共有するファイルを追加 git commit -m コミットメッセージ : ファイルを記録(コミット) git remote リモート名 リモートのURL : リモートを登録 git push リモート名 master : ファイル…

〇実施内容 ・progate Command Line 基礎編 すべての講座完了 〇所感 Gitの講座を行おうとしたが、Command Line基礎編の知識を前提としているとの 事だったので、先にさっと実施。 仕事で使っていたLinuxコマンドとほぼ同じ内容だったので 特に手こずった箇…