概要
WEB+DB PRESS plus 徹底攻略シリーズでは,Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』の掲載記事をテーマ別に厳選し,再編集してお届けします。『フロントエンド開発徹底攻略』では,HTML/CSS/JavaScriptのはじめの一歩から,現場から学ぶUIデザイン,Altjsの本命CoffeeScript,CSSの使い勝手を格段に向上させるSaSS/Compass,セキュリティまで,フロントエンドエンジニアにとって必須のノウハウを一冊にギュッとまとめました。
特集1
HTML5/CSS3/JavaScriptの基礎知識
三大言語を体系的に身につける
本特集では初学者に向けて,HTML,CSS,JavaScriptというWeb開発で必須の技術を取り上げます。この3つはWeb開発をするうえで欠かせないものであり,スマートフォンの流行やHTML5やCSS3の登場などとともに,年々重要度が増していっています。これらは本当に重要で使わざるを得ないため,いつの間にか「なんとなく」使えるようになってしまうものです。しかしこれらの技術を体系立ててきっちり学ぶことは,これからプログラマとして生きていくうえでの大きな資産になります。ぜひ本特集をこれからのWeb開発に役立ててください。
特集2
実践UIデザイン
ユーザの満足度を高める設計,実装,検証方法
クックパッドで実際に行われている取り組みを通じて,UIデザインについての実践的な知識を解説する特集です。「仮説を立てる」「開発する」「効果を検証する」というプロセスに分け,クックパッドが作成したUIを例に挙げて,デザインの進め方や気をつけるべき点など,UIデザインをする際に必要な知識を現場のエンジニアが詳しく解説します。
特集3
CoffeeScript本格入門
コードを簡略化し,JavaScript開発を加速する
CoffeeScriptはコンパイルするとJavaScriptとして動作するスクリプト言語です。JavaScriptに比べて洗練された文法で記述できるため,Ruby on Railsにも採用されるなど,多くのプログラマから大変注目を浴びています。本特集では,CoffeeScriptのメリット・デメリットからアプリケーション設計のフレームワークであるBackbone.jsと組み合わせた本格的なWebアプリケーションの開発まで,CoffeeScriptの魅力を余すところなく紹介していきます。
特集4
詳解Sass/Compass
モダンなCSSを簡潔なコードで記述する
Sass(Syntactically Awesome Stylesheets)を利用すると,簡潔な記述で表現したコードをCSS(Cascading Style Sheets)に変換でき,CSSが持つさまざまな欠点を解消してくれます。本特集では,Sassとその機能を拡張するCompassの,基礎から実際のアプリケーションでの利用方法まで解説します。大規模なアプリケーション開発でもSassを活用できるよう,MVCSSというフレームワークを使った見通しの良いコードの書き方や,Sassを使っていて陥りがちな問題なども解説します。
特集5
安全・堅牢なWebサイトの作り方
HTML5時代に知っておきたい脅威と対策
HTML5とその関連技術が整備されつつあります。それにより実際にHTML5を利用したWebサービスも徐々に増えており,今後もより一層の普及が見込まれています。ブラウザ側でできることも増えましたが,それと同時に新しい脆弱性のリスクもまた生まれようとしています。単純なXSSやCSRF,SQLインジェクション脆弱性は10年以上前から対策が進んでいますが,HTML5の脆弱性に対してはまだ対策の知見が溜まっていない状況です。本特集ではHTML5時代に考えるべきセキュリティ脅威とその対策の最新状況を解説します。
こんな方におすすめ
- HTML/CSS/JavaScriptの学習を本格的に始めたい人
- HTML/CSS/JavaScriptの最新動向を押さえたい人
- 開発現場でHTML/CSS/JavaScriptを使いこなしたい人