このたびは、「すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則」をご購入いただきまして、誠にありがとうございます。
以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。
・mdn_smpgnsk_samples.zip(76.4MB)
[収録内容]
1-07
p032 位置情報取得サンプル
1-08
p034 ボタンサンプル
2-10
p075 中段カテゴリ一覧サンプル
2-12
p084 モックアップ左側サンプル
4-01
p129 type属性サンプル
4-02
最適化テスト用元画像
4-03
p134 iPhoneとAndroid比較用サンプル
4-03
p137 チェックボックスサンプル
4-03
p137 ボタンサンプル
4-04
p138 クリッカブルなアイコン
4-04
p139 CSSセレクタを利用したナビゲーションのスタイリング
4-04
p140 タップハイライトカラーのコントロール
4-04
p141 タップハイライトカラーのコントロール2
4-05
p143 デバイス幅にあわせたViewport指定
4-07
p151 emとパーセントの注意
4-08
p154 モバイルファースト実装
4-08
p155 画像の扱い1
4-09
p156-157 ホームスクリーン用のアイコン
4-09
p157 スマートフォン、タッチスクリーン向けCSS
4-12
p166 jQuery Mobileを使ったブログリーダー
5-02
p180
5-02
p181 YouTubeにある映像を再生
5-02
p181 リンクを使って映像を再生
5-02
p182 video要素を使って映像を再生
5-02
p182 ポスター画像を設定する
5-02
p183 video要素の属性
5-02
p183 映像にテロップを重ねる
5-02
p184 JavaScriptによる制御
5-02
p184 タップしたら再生
5-02
p185 HTML5 Video再生ライブラリ
5-02
p185 映像のイベント処理
5-03
p186
5-03
p187 リンクを使ってオーディオを再生
5-03
p187 再生可能な形式を調べる
5-03
p188 audio要素の属性
5-03
p188 audio要素を使ってオーディオを再生
5-03
p188 未対応の場合の処理
5-03
p189 JavaScriptによる制御
5-03
p189 画像をタップしたら再生
5-03
p189 再生時間の表示
5-03
p190 オーディオの再生と停止
5-03
p190 より高速に演奏するには
5-03
p190 再生前終了時のイベント
5-03
p191 HTMLMediaCapture
5-03
p191 WebRTC-Operaのみ
5-04
p193-195 CSSAnimation
5-05
p197 Tumult Hypeの操作-完成
5-05
p199 Adobe Edgeの操作-完成
5-07
p208
5-07
p210 ウェブフォントの使用法
5-07
p211 クラウドフォントサービスの利用
5-08
p212
5-08
p213 Inline SVGの使い方1
5-08
p213 Inline SVGの使い方2
5-08
p213 スクリプトからの動的制御
5-09
p214
5-10
p217-219 各種画像サイズ
■ダウンロードにあたってのご注意■
ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
サンプルデータには「サンプルファイルについて.txt」が同梱されていますので、ご使用の前に必ずお読みください。
ダウンロードファイルを解凍すると、サンプルデータが各節ごとにHTML、CSS、JavaScriptなどの各種ファイルとして収録されています。Webサーバの所定の位置にファイルをアップしたうえで、スマートフォンやタブレットのブラウザでアクセスしてください。Webサーバの設定、ファイルのアップロード場所などについては、サーバ管理者に問い合わせてください。なお、PC上で表示を確認する方法については、本書「4-13 テスト・デバッグ環境の構築」を参照してください。
本サンプルは本文記載のコードの確認用としてご提供するものです。
機種、OSのバージョン、ブラウザのバージョンに左右されるため、環境によってはうまく動作しない恐れがあります。あらかじめご了承ください。
※当サイトからダウンロードできるサンプルデータおよびリンクされたWebサイトを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。
※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし「jQuery」等の一般に公開されているJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。
※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトの著作権は、それぞれの制作者に帰属します。
※本書に掲載されているHTML、CSS、JavaScript等のコメントや改行位置等は、紙面掲載用として加工しているため、ダウンロードしたサンプルデータとは異なる場合があります。