これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
- マイナビ出版 (2017年3月27日発売)
- Amazon.co.jp ・本 (320ページ)
- / ISBN・EAN: 9784839959715
感想・レビュー・書評
-
自分は言語としてのJavaScriptは理解しているが、HTMLやcssと組み合わせて何かを作るほどのスキルはありません。
こういった自分には、ちょうど良い内容でした。
本の通りにやれば、形のあるものができるというのは良いですね。
これくらいのことをヒントなしで作れるようになるのが、次のステップと考えています。詳細をみるコメント0件をすべて表示 -
これはめちゃくちゃ分かりやすかった
ここから更に踏み込んだ内容が必要だと感じた
導入には超いい -
WEBサイト制作の入門書としておすすめ。
私は普段サーバーサイド側のSEの仕事をしているが、HTML/CSS/JSの知識を整理・アップデートしたく、本書を手にした。そのため多少の基礎知識はあるつもりだ。
解説がとても丁寧で分かりやすかった。
読者が疑問に感じそうな点やつまづきそうな点についても、先回りして解説コメントがあり親切に感じた。また、コラムが結構読み応えがあると感じた。
本書はWeb系スキルのカタログ的な感じで、広く浅く取り扱っている。
書籍の帯には「BootstrapやjQuery、Vue.jsなどのライブラリーも学べる!」とあるが、ここも本当に触り程度(Helloworldレベル)なので、本格的に知りたい場合は別の参考書が必要。
WEBサイト制作の「体験版」という表現が一番しっくりくる。 -
Web系技術の初心者どころか、こういう技術書を読むこと自体が初めての人向けに書かれており、自分には合わなかった。
-
久しぶりにJavaScriptを書く機会があったので復習のため。
var today = new Date();
→Dateオブジェクトのインスタンスを作っている。インスタンスとは実体という意味。Dateオブジェクトの役割を持った、今現在の日時を持った実体を作っている。
var newYear = new Date(2024, 1, 1);
→コンストラクター。オブジェクトをインスタンス化するときに動作するメソッドのこと。パラメータを指定してコンストラクターに渡すことができる。
キャメル式
1文字目は小文字
複数の単語を組み合わせる場合、2つ目の単語以降の先頭を大文字にする
newYear
その他、アンダースコア、ハイフン、全部繋げるよう、1文字目も大文字などがある。
document.write('<p id="timer">00:00:00</p>');
メソッドでは、HTMLに指定した要素を追加できる。だが、一度表示した内容を消すことはできない。
1つの要素の値を書き換える場合は、DOMを使う。
Document Object Modelとは、HTMLの要素をプログラムの対象、つまりオブジェクトとして扱うための手段。APIの一種。
※document.writeを利用する時以外は、<script>要素は必ず<body>要素の最後か、<head>要素内に記述する
DOMでHTML内の要素を取得する
document.getElementById
document.getElementByClassName
document.getElementsByName
document.getElementsByTagName
など。
要素を取得後、それに対してメソッドなどが使える
document.getElementById('xxx').innerHTML = '00:01:00';
この時、innerHTMLはメソッドではなく、プロパティと呼ぶ。
※オブジェクトには、メソッドとプロパティという2つの操作手順がある
ファンクションの一般的な書き方例
var ファンクション名 = function(パラメータ名){
処理内容
return YYY
} -
学生リクエスト図書2017
-
【電子ブックへのリンク先】
https://elib.maruzen.co.jp/elib/html/BookDetail/Id/3000083647
学外からのアクセス方法は
https://www.lib.muroran-it.ac.jp/searches/searches_eb.html#mel
を参照してください。 -
HTML,CSS,JavaScriptを使ったWebページ作成の大枠をつかめる本。
内容は薄め。あくまでも大枠。 -
JavaScript を使って Ajax通信のさわりが体験できます。
-
HTMLとCSSとJavaScriptについてまとめた初心者向けの本。
Vue.jsについても触れられているのが気になって読んでみたけど、触りだけだった(そりゃそうか)。
これだけでWebサイトを作れるかは分からないけど、全くの初心者の人が勉強に読む分にはいいと思う。ただこういう本って、網羅できるわけじゃないんだから、MDNとかのWeb関係の開発者向けサイトの紹介ぐらいしてもいいんじゃないかと思う。
正直、ある程度Web制作をしてきた自分には知っていることや聞いたことあることばかりなのだけど、hidden属性というグローバル属性があることは初めて知った。試しに、開発者ツールで適当な要素にhidden属性をつけたら非表示になったので驚き(CSSのdisplayプロパティのほうが優先度高いそうだけど)。