前回「自主学習2-1」に引き続き、今回も書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。 参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社 変数について 変数とは？ データの入れ物。処理途中のデータを一時的に保存するための入れ物。「入れ物」なの...
自主学習の記事一覧
前回「第2回レッスン」を終え、今回は書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。 参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社 JavaScriptの歴史 JavaとJavaScriptは別言語である。当時流行していた「Java」にあや...
レッスン１回目からここまでの自主学習の経過で、超初心者である私がつまづいた箇所を復習の意味を込めて書き出しておこうと思います。 HTMLでの初歩的なつまづき箇所 タグの閉め忘れ・コードの記述方法 タグの閉め忘れに気づかず「私の記述に間違いはないのに！何故ページに反映されないのか！（怒）」と、無駄に怒りの感情を放出させて...
前回「自主学習1-5【補足】」からの続きで、今回はフレックスボックスについて学習します。 ゴミコレッスン1回目の内容で「ホームページのレイアウトはフレックスボックスを使おう」という課題があったよね。 フレックスボックスとは？ フレックスボックスを使うと何ができるの？ HTMLブロックを横並びにすることができる floa...
前回「自主学習1-5」でレスポンシブデザインについて学習しましたが、パソコンでスマホ表示を確認する方法について書き忘れていたので今回の補足でまとめます。 ゴミコ肝心なことを書いていなかったよね。ごめんなさい。 パソコンでスマホ表示を確認するには？ 制作途中のサイトをブラウザに表示させて見た目を確認する方法 ローカル環境...
前回「自主学習1-4【補足】」の続きで今回はレスポンシブデザインについて学習していきます。 レスポンシブデザインとは？ ホームページのデザインを崩さずにスマホやタブレットで表示させるデザインを「レスポンシブデザイン」と呼びます。このレスポンシブデザインに対応していないサイトをスマホやタブレットで閲覧すると、パソコンで閲...
前回分の修正 前回「自主学習1-4」にて、講師から以下のようなメッセージが書かれていましたね。 ただtypeごとにCSSを適用するということはあまりしません。基本的にclassを使用して反映するようにしたほうがいいと思います。参照：自主学習1-4について、講師の評価 こちらについて修正していきます。 修正前のinput...
前回「自主学習1-3」ではHTML/CSSの基本構造を復習しました。今回は課題である「お問い合わせフォームの設置」について学習していきます。 フォームとは？ WEBページにおけるフォームとは、入力欄と送信ボタンの設置されたページを指します。入力された値は送信ボタンを押すことでサーバ側に送られます。 フォームの事例 問い...
前回「自主学習1-2」を終え、HTML/CSSの使用方法はなんとなく分かってきたものの、基礎的な部分をまだ学習していない…と感じたので、今回は基礎となる部分をまとめておこうと思います。 HTMLの基本構造 HTMLタグとは <>という括弧記号で囲ったもの カッコの読み方 <【読み方】小なり >【...
前回 「自主学習1-1」を終え、今回はCSSについて学習します。 CSSとは？ CSS Cascading Style Sheets（カスケーディング スタイル シート）の頭文字。 webサイトのデザインやレイアウトなどの「見た目」を指定することができる。 現行のHTML5ではフォントの色や大きさを指定するfontタグ...
