2017年6月5日シェアツイートシェアブックマークWebサイトを作りたい人はもちろん、営業職やWebライターまで、使えると仕事に幅がでる言語の1つHTML。インターネットに関わる全ての人に関係すると言っても過言ではないでしょう。コーディングとは無縁そうなWebライターがHTMLを知っておけば、HTMLに関する細かな作業指示を素早く理解できますし、WordPressを使った投稿・記事編集においても対応が容易になります。学習にあたっては前準備はほとんどいらず、コーディングの成果が目に見えてわかりやすいというのも大きなメリットのひとつです。(※WordPress:ブログやニュースなどの記事を配信・管理するシステム。HTMLタグを使う場合がある)ただメリットはあるとはいえ、「HTMLを習得したいけどインターネットの仕組みがわからない」「早くWebサイトを作りたい」と思われる方も少なくないはず。複数のサイトを見て迷いながら独学するよりは、学習の基本となる一冊を元に学習する方が無駄が少ないので、結果的には習得への近道になるかもしれません。プログラミング初心者向けの書籍から、後々見返すのにも役立つ技術を備えた書籍まで、10冊ご紹介します。No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアですCodeCampとは?(受講生体験記)「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。書籍は安い買い物ではないですが......まったくの初心者が始めるならまずはプログラミングを未経験者向けの書籍を紹介していきます。小さなカフェサイト作りを通してHTMLとCSSの基礎が学べる入門書。図解が多く、難しい用語はしっかり補足されていて読み進めやすくなっています。HTML5.0に準拠、Windows/Macに対応。2013年発行ですが、累計4万部突破のロングセラーとなっており、人気ぶりが伺えます。初心者向けの入門書なのに中身の解説はしっかり丁寧で驚く。他書では殆どが「文字コードはUTF-8で指定してください」の一言で片付けられ、「何でUTF-8なの?」の疑問に答えていない。本書はコラムを通して、専門的でなく初めて読んでもわかるように工夫がされている。「スラスラわかるHTML&CSSのきほん」と同じ著者の本。こちらはWebサイト制作を学びたい初心者だけでなく、最新のHTML・CSSの書き方を知りたい経験者も対象にしています。スマートフォン向けサイトに求められるHTMLコーディングの考え方、CSSの実践的なテクニックを解説しており、サンプルコードも多数。Webサイト制作過程の全体像を把握しやすい構成ながら、ファイル名の付け方や画像の種類といった細かい部分もしっかり解説されています。flex-boxのコーディング方法がとても丁寧に解説されています。全体的に初心者向けの言葉を選びながらわかりやすく解説されています。本書の主人公である"みさき"君が、リコーダー演奏会の告知サイトをつくるために、HTML/CSSの達人・ヘンリーからWebサイトづくりを学ぶ...というマンガから始まります。マンガ、図解、親しみやすいイラストやコラムを織り交ぜて、楽しみながら学習するような構成になっています。レッスンごとに課題が分かれていて、わからない部分を何度も繰り返して学ぶことにも使えます。最終目標はリキッドデザインのWebサイトの公開です。※リキッドデザイン:PCやスマートフォンのブラウザの表示幅に合わせて、コンテンツの幅や位置を変化させるデザイン。この本はプログラムと画面が対になって記載されており、どう書けば、画面はどう変わるのか、また、サンプルをベースにストーリー立って解説していますのでとてもわかりやすいです。本の構成や文章・画像の配置もとても良いと思います。本の通りに進めていけば、HTMLの書き方、画像の扱い方、サーバーに公開する方法まで、ホームページ作りの基礎が身につくという一冊。初版は2009年で、わかりやすいとの評判から2015年には第3版を数えています。デザインよりもHTMLに重点が置かれてはいますが、CSSやTwitterボタンの解説もあります。Windows向けなのでご注意を。初心者の私でも、この本の通りにやったらホームページができました。写真も多く、とりあえず初めてトライする人向けの本だと思います。出版社:インプレスブックス価格:2,200円+税セミナーや専門学校での指導経験がある著者たちが執筆。講義+実習で構成されており、実践的なWebサイトを作りながら学べる内容となっています。ソースコードや全画像の素材付き。多くの人に見てもらえるよう"集客面"についても触れているのが、入門書にしては珍しいかもしれません。「はじめてでも挫折しない」を目指した本とのことですが、レビューでは、「ある程度基礎知識を習得してから本書を読む方がわかりやすい」との声もありました。ネットの情報よりも上質でわかりやすい。一度HTMLやCSSを学んだことがある中級者ぐらいの人が読むと本書の良さがわかると思う。レビューより)CodeCamp提供のデザインマスターコース当メディアを運営しているCodeCampではデザインマスターコースを現役エンジニアのマンツーマンレッスンという形で提供しています。HTML/CSS入門教室」と同じ著者による一冊。一つ一つの手順に対し「なんのために行うのか」がわかること、実践的なソースコードの解説、サイト制作に求められる必須の知識の習得の3点に重きが置かれています。HTML/CSSのタグ自体の意味だけでなく、その目的も加味して知識を習得することで、応用がききやすくなるように配慮されています。2013年出版の本なので最新技術は適宜自分で補完する必要がありますが、実践的な内容で人気があります。作成するサイトもおしゃれでかわいく、シンプル、コードも余分なものがなくて美しいです。レビューより)よくある書籍ですとHTML,CSSを学習するまではいいのですが画像の加工などが実際では必要になるためその結果本を読んだはいいがうまくできないことがよくあります。この本ではHTML、CSSのみならず画像加工なども解説してくれるためそのようなことがなく網羅的に知識が身につく点が良い点です。レッスンブック」のHTML5/CSS3対応版です。Webサイトをステップ・バイ・ステップで作りながら、ノウハウを身につける形式で書かれています。応用テクニックをはじめとした、初心者が理解しておくと後々有益な情報もTIPSとして掲載されています。本書は入門書という位置づけであるが実践的なデザインで説明されており、次のステップに移りやすくなっています。途中でTIPSが紹介されているが入門書段階で覚えておくと有益な内容が記載されており、非常に好感が持てます。厳選ブックリスト)があります。「レッスンブック」を終えた後に検討してみてはいかがでしょうか。価格:2,480円+税HTML5&CSS3についてかなり詳しくまとめられた一冊。未経験者には難しいとの声もある反面、実践的な内容で、独学してきた人や中級者が知識を整理するのに役立つとの声もあります。痒いところに手が届くような裏技的知識もあり、楽しみながら読むことができます。厳選ブックリスト)よりCSSでレイアウトを組むのが苦手だったがこの本を読んで完全に理解できた。CSSレイアウトの部分だけでも価値がある。制作の現場で使われる定番テクニックからプロ技まで、テーマ別に整理されています。したいことを実現するためのコーディングがすぐにわかる、逆引き辞典のような構成です。デザイナーをしていますが、あれっ何だっけといったところで役に立つ書籍だと思います。価格:2,680円+税HTML5/CSS3を使ってモダンなサイトを制作するためのテクニック集。「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。フロントエンドエンジニアやWebデザイナー、バックエンドエンジニアなどがスキルアップするための本と位置付けられています。CodeCamp提供のデザインマスターコース当メディアを運営しているCodeCampではデザインマスターコースを現役エンジニアのマンツーマンレッスンという形で提供しています。このコースの特徴はデザインからコーディングまでWebデザイナーに必要なスキルを獲得できるWebデザイナーとして転職・フリーランスも可能になる実際にWebサイトを作るのでポートフォリオとしても使用できる無料レッスン受講後の申し込みで10,000円クーポンをプレゼントしています!ぜひお試しください。\一流デザイナーのスキルが身に付く/CodeCampの無料体験はこちら▶︎無料体験レッスンの申し込みはスマフォで1分で完了!書籍は安い買い物ではないですが......書籍の紹介ページやAmazon.co.jpをはじめとする通販サイトでは、試し読みやサンプルコードの無料公開がなされている場合があります。安い買い物ではないので、中身をしっかり確認して、今の自分に合った書籍を選びましょう。<CodeCamp無料体験レッスン>CodeCampでは1回分の体験レッスン(無料)を受講することができます。体験レッスンでは、現役エンジニアである講師からプログラミングの効率的な学び方や、CodeCampのオンラインレッスンでの学習の進め方をビデオ通話を使って体験できます。レッスン時間は毎日7時~23時の中から自由に選べます。気になることはお気軽にご相談ください。家事も仕事もプログラミングも。【2020年版】社会人でも通いやすいプログラミング教室5選|選び方の基準も解説プログラミング学習プログラミングスクール・サービス「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで受講生インタビュープログラミング未経験で介護師からエンジニアへ。家事も仕事もプログラミングも。受講生インタビュープログラミング習得後、フリーランスに転身。受講生インタビューフリーランス塾講師からエンジニアへ26才で転職。先生の支えがあって成長できました。学習ガイドtwitterLINE。