Learning Log

Javascript

JavaScript勉強ログ③|変数とは?letとconstの違いを初心者向けに整理

JavaScript初心者向けに、変数の基本や変数宣言、代入・再代入の意味を整理しました。letとconstの違いやconsole.log()の使い方について、実際に勉強してつまずいた経験を交えて解説します。
Javascript

JavaScript勉強ログ②|JavaScriptを書くときの基本ルールを初心者向けに整理

JavaScript初心者向けに、コードを書くときの基本ルールを整理しました。半角文字や大文字・小文字の違い、文字列の囲み方、スペースと改行、コメントの書き方について、実際につまずいた経験を交えてまとめています。
Javascript

JavaScript勉強ログ①|JavaScriptとは?HTML・CSSとの違いを初心者向けに整理

JavaScriptとは何か、HTML・CSSとの違いやJavaScriptでできることを初心者向けに整理しました。架空サイトの制作で感じた疑問をきっかけに、基本的な役割や機能を勉強した記録です。次回からは基本的な文法について学んでいきます。
Learning Log

HTML/CSS勉強ログ⑦|GitHubに制作物をアップしてみた!初心者がサイトを公開するまで

HTML/CSS初心者が、制作した架空サイト「Lumiere」をGitHubにアップして、GitHub Pagesで公開してみました。実際に使ってみて分からなかったことや、初心者がつまずいたポイント、2回目の挑戦で分かるようになったことをまとめています。
Learning Log

HTML/CSS勉強ログ⑥|HTML/CSSで架空サイトを作ってみた

HTML/CSS初心者が架空のコスメサイト「Lumiere」を制作。ChatGPTでアイデアを考え、Figmaでデザインカンプを作成し、HTML・CSS・レスポンシブ対応まで行った制作の流れや、苦戦したポイント、作って分かったことをまとめました。
Learning Log

HTML/CSS勉強ログ⑤|positionの使い方を初心者向けに整理

HTML/CSS初心者が混乱しやすいpositionについて整理。relative・absolute・fixed・stickyの違いや、top・leftの使い方、実際の架空サイトで画像を重ねたときの使用例を初心者向けにまとめました。
Learning Log

HTML/CSS勉強ログ④|真ん中寄せの方法を初心者向けに整理

HTML/CSS初心者が混乱しやすい「真ん中寄せ」の方法を整理。text-align、margin: 0 auto、justify-content、align-itemsの違いを、架空サイト制作でのつまずきと合わせて初心者向けにまとめました。
Learning Log

HTML/CSS勉強ログ③|display:blockとFlexboxの違いを初心者向けに整理

HTML/CSS初心者が混同しやすいdisplay:blockとFlexboxの違いを整理。displayプロパティの基本から、display:flex、flex-direction、justify-content、align-itemsまで、実際のサイト制作でつまずいた経験を交えてまとめました。
Learning Log

HTML/CSS勉強ログ②|セレクタの指定方法を初心者なりに整理してみた

HTML/CSS初心者が、セレクタの基本的な指定方法を勉強しながら整理。タグ・class・idの指定方法や、スペース・「>」の違い、階層を使った指定方法について、実際のサイト制作でつまずいた経験を交えてまとめました。
Learning Log

HTML/CSS勉強ログ①|インライン要素とブロック要素について

HTML/CSS初心者が、インライン要素とブロック要素の違いを勉強しながら整理。spanタグの使い方やwidth・height、inline-block、Flexboxとの関係について、実際のサイト制作で使った例を交えてまとめました。