発行
第2回目はAltCSSと素のCSSの使い分けや、Sass、Stylus、LESSの3つのAltCSSを取り上げて、それぞれの使用経験を聞いてみました。またポストプロセッサの使用についてもたずねています。
Google Maps JavaScript APIを使った地図の描画、マーカーの設置、図形の描画について解説します。使いどころ、実装上の注意などもしっかり押さえて、実践的な実装ができるようにしましょう。
インタラクティブなWebページのUIやアプリケーションを作る上で欠かせないイベント管理ですが、Snap.svgにはこれらも豊富に揃っています。これらの使い方を理解しましょう。
発行
技術サーベイの第1回目は、JavaScriptトランスパイラ編。最終的にJavaScriptとして書き出される3つの言語の使用経験を聞きました。どんな理由で使うのか、その将来性に迫ります。
Webマップのライブラリを概観しましょう。実装の基礎となる「レイヤー構造」について解説します。さらに、ライブラリをどのような観点から取捨選択するのか考えてみます。
Snap.svgには要素を生成したり、任意の要素を簡単に取得できる機能があります。Webアプリなどの実務での実装には欠かせない基本となりますので、しっかりとおさえておきましょう。
発行
このシリーズでは、WebサイトやWebアプリケーションへの地図実装手法を解説します。初回はもっとも手軽なGoogle マップやYahoo!地図サービス、さらにGoogle Maps Embed APIを取り上げます。
Snap.svgのアニメーションには、イージングなどのオプションや、特殊なケースへの対応のためのメソッドが用意されています。自由度の高いアニメーションには、これらの活用が欠かせません。
3回目はこれまでのイベントの仕組みを踏まえ、useCaptureとstopPropagationを使って1回目のお題を解決します。これらを理解すると、タッチデバイス上でのUIを作る場合にも役立ちます。
発行
Snap.svgの機能を使い、色のアニメーション、パスモーフィング、座標変換などを利用した実装を解説します。Snap.svgはSVGのアニメーション可能な属性を簡単に操作することができます。
2回目ではイベント伝播の3つのフェーズを解説します。useCaptureとstopPropagationを組み合わせれば、イベントの伝播を柔軟にコントロールできます。前回のお題の問題解決の足がかりになります。
Charlesの実践的な使いこなしを解説します。データの上書き、通信速度のシミュレーション、ブレークポイントの設定、モバイル端末のリクエストを扱うなど、多様な開発環境を手軽に構築できます。