2020-01-01から1年間の記事一覧
学習内容 CSS3のFlexboxを基本から理解して、使い方をマスターしよう!を読んだ。 理解した点 Flexboxの概要について Flexboxとは、CSSのレイアウトをより簡単に記述する為のものである。 例えば、要素を横並びにしたい場合に以前は「float」を使う場合が多…
学習内容 CSSだけで三角形を作ろう!その2を最後まで読んだ。 理解した点 CSSでリボン風に修飾する場合の書き方について理解。 四角形と透明な三角形を重ね合わせることで実現できる。 組み合わせ方次第では、折り返したり、ギザギザ風の修飾もできる。 分か…
学習内容 CSSだけで三角形を作ろう!その2を読んだ。(枠線つき吹き出し、ステップ表示の部分) 理解した点 枠線つき吹き出し、ステップ表示の書き方について 枠線つき吹き出しは、三角形自体がborderである為、周りに枠線をつける事ができない。 そこで、擬似…
学習内容 CSSだけで三角形を作ろう!その1を読んだ。 CSSだけで三角形を作ろう!その2を読んだ。(まんまる吹き出しの部分まで) 理解した点 CSSで三角形ができる原理について borderで線を引いた時、線同士の接地面が斜線になっている点がポイント。 top,bott…
# 学習内容- CSSのpositionを総まとめ!absoluteやfixedの使い方は?(https://saruwakakun.com/html-css/basic/relative-absolute-fixed)を読んだ。 # 実施したこと、理解した点- positionの使い方について かなりざっくり言うと、要素の位置を決める為のプ…
学習内容 CSS初級課題を修正後、再提出 codepenの使い方を学習 実施したこと、理解した点 CSS初級課題を修正後、再提出した 「ul」、「ol」タグのリストについて、黒点、連番がなかった為、それが分かるように修正、再提出し、OKを貰った。 今までは、お手本…
学習内容 CSS入門の読んだ。 初心者向けCSS(スタイルシート)入門:基本的な書き方を総まとめ!の読んだ。 実施したこと、理解した点 CSSの基本的な書き方を確認、理解。 基礎的な部分を総復習。 この辺りは外部学習サイトや初級課題で何度もやっていたので…
学習内容 CSS初級課題を提出 CSS上級プラクティスの内容をざっくりと確認 実施したこと、理解した点 CSS初級課題を提出 フォーム部分のボタンに自分なりに装飾を加え、ひとまず課題を提出した。 足りないところはあると思うが、自分だけで考えるより一度見て…
v# 学習内容 - CSS初級課題を進めた。 実施したこと、理解した点 CSS初級課題のフォーム部分を綺麗に揃える設定を書いた。 Q&Aで質問をし、フォームのテキストボックスの端を揃える書き方について理解できた。 テキストボックスなどの要素の左端を綺麗に揃え…
学習内容 CSS初級課題を進めた 実施したこと、理解した点 本日は主にフォーム部分の設定を中心に行った。 ある程度形は出来てきたと思うが、テキストエリア、テキストボックスの端を綺麗に揃える箇所で詰まってしまった。 分からなかった点、疑問に思った点 …
学習内容 CSS初級課題。 実施したこと、理解した点 引き続き、CSS初級課題を進めた。 画像や、フォームの部分の装飾を行った。 フォームの部分はもう少しで出来そうな感じだ。 段落や箇条書き、引用などの部分がもう少し見易く出来そうなので、明日はそこを…
学習内容 CSS初級の課題を進めた。 実施したこと CSS初級の課題を進める。 ひとまず、一番大きな見出しを真ん中に持ってきてみる、見出しの太さやサイズ、見出しや文章の行間を整えるといった大まかな部分を着手した。 分からなかった点、疑問に思った点 基…
学習内容 サルワカの読み進め。 実施したこと、理解した点 font-familyの書き方について ①文字(フォント)の種類を設定するプロパティ。 セレクタ {font-family: フォント名;}のような形で書く。 ②複数の値を設定する場合は、コンマで区切って書く。 ③英語の…
学習内容 サルワカの読み進め。 理解した点 display: blockの特徴について ①要素の間に改行が入り、縦に並ぶ。 ②上下左右のmargin、paddingを指定できる。 ③textーalign、vertical-alignの指定はできない。 display: imlineの特徴について ①要素の間に改行が…
学習内容 サルワカの読み進め。(STEP8途中まで) 理解した点 displayについて displayとは、CSSのプロパティの1つで「block」、「inline」、「block-inline」、「none」の4つの値をとる。(実際はもっとあるみたいだが、今はひとまずこの4つ) この中で「pタグ…
学習内容 サルワカの読み進め。(STEP6〜7まで) 理解した点 max-width、min-widthについて max-widthを設定すると設定した値以上に大きくならない、min-widthを設定すると設定した値以上に小さくならない。 これらの考え方はレスポンシブデザイン(サイトを読…
学習内容 サルワカを読んだ。(STEP.2〜5まで) 理解した点 CSSの基本的な事項について理解。 サルワカを読み、文字や背景に色をつける、文字の太さや位置を変えるなど、ウェブサイトを作る上で最低限身につけておくべき点について復習し、理解できました。 CS…
学習内容 Markdown課題提出 サルワカを読んだ。(途中まで) 理解したこと Markdownの課題を作成し、基本的な部分に関して理解。 見出し、箇条書き、引用といったよく使いそうな記法に関しては、提出物を作成することで 理解することができました。 課題につい…
学習内容 Markdown記法を読んだ。(途中まで) ブラウザでMarkdownを表示する方法を参考にして、自分PCでMarldownを表示する設定を行った。 理解したこと Markdownの記法について、理解。 ひとまず、見出しを表す「#〜######」、引用を表す「>」、箇条書きを表…
学習内容 HTMLの課題を提出 Markdown 実施したこと、理解したこと HTMLの課題を作成し、提出 課題のヒントを参考に、提出物を作成し提出いたしました。 昨日学習したアウトラインを意識しながら行いました。 提出物を作成する過程で、VScodeの拡張機能、HTML…
学習内容 HTMLのアウトラインについて学習。 「section」タグと「article」タグの違いについて学習。 やったこと、理解したこと アウトラインについて理解 アウトラインとは簡単にいうと「文書構造」のこと。(書籍でいうと、章、節、項と別れているというよ…
学習内容 HTMLについての資料を読み進めて、基礎事項の確認を行った。 理解したこと HTMLとはどんなものかという事を復習し、理解出来た。 ひとまず、「ハイパーテキストをマークアップしてwebサイトの見た目を整える言語」って感じの理解で良さそうかな?(プ…
学習内容 ターミナルの概要理解 Linuxコマンドの理解 HTML/CSSの基礎的な事項について確認(途中まで) 理解したこと ターミナルとはどういうものかという事について理解できた。 黒い画面でコマンドを打って操作するって事で、windowsでいうコマンドプロンプ…
DaiGoの超習慣術を読み、これから自分の勉強に生かしていけそうな点を ここに書いておく。 ※Wordにまとめたものを、ひとまずそのまま貼り付けただけなので、後から変更するかも。 〇第1章 20秒ルール →その行動をするまでにかかる時間を20秒短縮できるように…
実施内容 フィヨルドブートキャンプ 〇学習の準備 ブログを作る SNSの登録 〇macOS macOSの開発環境を作る 本日学習した内容 1:学習の準備続き 昨日に続いて、ブログ、SNSの登録を行った。 ブログについては、このブログのリンクをプロフィールに貼るだけだ…
実施内容 フィヨルドブートキャンプ 〇研修、学習の準備 フィヨルドブートキャンプへようこそ! GitHubへの登録 チャットを使えるようになる 学習の進め方を知る 日報を書く 本日学習した内容 1:研修、学習の準備 本日よりフィヨルドブートキャンプに参加。 …
実施内容 サイト作成 読書 DaiGo 超習慣術 本日学習した内容 1:サイト作成 久しぶりに着手した。 来場希望日のフォームが大体出来てきたが、要素を横並びにすることがまだ出来ていない。 floatプロパティがliタグにしか使えない事を忘れていた。 何となくど…
実施内容 progate HTML/CSS 中級編 復習 読書 超習慣術 DaiGo 本日学習した内容 1:progate復習 復習に関しては特にいう事はなし。 2:読書 DaiGoの超習慣術の本を読んだ。 その中で、いくつかすぐに実行できそうなものをピックアップして少しずつ実行していく…
実施内容 progate HTML/CSS 中級編 復習 サイト作成 本日学習した内容 1:HTML/CSS 中級編 復習 全体の70%ぐらいまで完了。 詰まったところは特になし。 2:サイト作成 フォーム部分を少し進めた。 もう少し進んだら、ソースコードとサイトのプレビューを載せ…
実施内容 サイト作成 本日学習した内容 1:サイト作成 ヘッダ部分を大まかに作って、メイン部分(予約のフォームなど)の作成に取り掛かった。 ヘッダ部分はもう少し作りたかったが、ひとまず先に進めて、体裁などは後から整えていく。 所感 初級編、中級編を復…