SlideShare ist ein Scribd-Unternehmen logo
1 von 57
bootstrap入門
bootstrapってなに?
bootstrapってなに?

Twitterが作ったフロントエンドパーツ
の詰め合わせ
bootstrapってなに?

Twitterが作ったフロントエンドパーツ
の詰め合わせ

CSSフレームワーク
bootstrapってなに?

Twitterが作ったフロントエンドパーツ
の詰め合わせ

CSSフレームワーク

Javascriptプラグインの詰め合わせ
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
bootstrapのパーツたち
サイトに全部載ってる
サイトに全部載ってる



 http://twitter.github.com/
 bootstrap/
他とくらべてどこがイイの?
他とくらべてどこがイイの?

 Twitterのようなナウいインター
 フェースデザイン
他とくらべてどこがイイの?

 Twitterのようなナウいインター
 フェースデザイン

 初心者からベテランまで満足する汎
 用性
他とくらべてどこがイイの?

 Twitterのようなナウいインター
 フェースデザイン

 初心者からベテランまで満足する汎
 用性

 レスポンシブデザイン、クロスプラッ
 トフォーム
bootstrapを使う3つの理由
bootstrapを使う3つの理由
 早い
bootstrapを使う3つの理由
 早い

  1からCSSを書くより断然早い
bootstrapを使う3つの理由
 早い

  1からCSSを書くより断然早い

 安い
bootstrapを使う3つの理由
 早い

  1からCSSを書くより断然早い

 安い

  タダで使える
bootstrapを使う3つの理由
 早い

  1からCSSを書くより断然早い

 安い

  タダで使える

 うまい
bootstrapを使う3つの理由
 早い

  1からCSSを書くより断然早い

 安い

  タダで使える

 うまい

  一流のデザイナーが作ったインターフェース
どういうときに使うの?
どういうときに使うの?


 本番
どういうときに使うの?


 本番

 ベータ版
どういうときに使うの?


 本番

 ベータ版

 プロトタイプ
どうやってつかうの?   準備
どうやってつかうの?   準備


CSSをリンク
どうやってつかうの?   準備


CSSをリンク
どうやってつかうの?       準備


CSSをリンク


Javascriptをリンク
どうやってつかうの?       準備


CSSをリンク


Javascriptをリンク
どうやってつかうの?   ボタン
どうやってつかうの?    ボタン


class=”btn”
どうやってつかうの?    ボタン


class=”btn”
どうやってつかうの?    ボタン


class=”btn”
どうやってつかうの?   ボタン
どうやってつかうの?                ボタン


class=”btn btn-primary”
どうやってつかうの?                ボタン


class=”btn btn-primary”
どうやってつかうの?                ボタン


class=”btn btn-primary”
悪いことはないの?
悪いことはないの?


 使い方を覚える必要がある
悪いことはないの?


 使い方を覚える必要がある

 見た目がありがち
まとめ
まとめ
 bootstrapを使うと、PC、スマート
 フォンに対応した、カッコいいデザ
 インを100倍速くらいで手っ取り早
 く利用できる!
まとめ
 bootstrapを使うと、PC、スマート
 フォンに対応した、カッコいいデザ
 インを100倍速くらいで手っ取り早
 く利用できる!

 スタートアップサービスのプロトタ
 イプでは断然オススメ。
CSSフレームワーク
CSSフレームワーク
CSSフレームワーク
CSSフレームワーク
CSSフレームワーク

 BlueTrip
CSSフレームワーク
CSSフレームワーク

 BlueTrip
 Foundation
CSSフレームワーク
CSSフレームワーク

 BlueTrip
 Foundation
 Golden Grid System
CSSフレームワーク
CSSフレームワーク

 BlueTrip
 Foundation
 Golden Grid System
 Skeleton
CSSフレームワーク
CSSフレームワーク

 BlueTrip
 Foundation
 Golden Grid System
 Skeleton
 などいっぱい存在する

Weitere ähnliche Inhalte

Was ist angesagt?

WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?tokumotonahoko
 
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜Yuji Nojima
 
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングDreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングMori Kazue
 
Web frontend performance tuning
Web frontend      performance tuningWeb frontend      performance tuning
Web frontend performance tuningssuser3c214d
 
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてBACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてToshio Ehara
 
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクションYuji Nojima
 
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎schoowebcampus
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶclimbFrog
 
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門Kohei Kadowaki
 
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25Erina Takei
 
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺Yusuke Wada
 
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36Erina Takei
 
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたWordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたYuji Nojima
 
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲームJS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲームsairoutine
 
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみたYuusuke Takeuchi
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!Yuji Nojima
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ力也 伊原
 
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]Yoshifumi Nishimoto
 
jQueryを中心としたJavaScript
jQueryを中心としたJavaScriptjQueryを中心としたJavaScript
jQueryを中心としたJavaScripthideaki honda
 
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみようWordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみようKawaji Masaki
 

Was ist angesagt? (20)

WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?
 
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
 
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングDreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
 
Web frontend performance tuning
Web frontend      performance tuningWeb frontend      performance tuning
Web frontend performance tuning
 
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてBACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
 
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
 
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
 
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
 
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
 
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
 
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
 
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたWordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
 
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲームJS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
 
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが
1週間くらいで通信対戦ゲームを作ってみた
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
 
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
 
jQueryを中心としたJavaScript
jQueryを中心としたJavaScriptjQueryを中心としたJavaScript
jQueryを中心としたJavaScript
 
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみようWordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
 

Ähnlich wie 120225 bootstrap

Boot strap3 勉強会
Boot strap3 勉強会Boot strap3 勉強会
Boot strap3 勉強会Daisuke Onoe
 
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.matsuohideaki
 
ASP.NET MVC で Bootstrap
ASP.NET MVC で BootstrapASP.NET MVC で Bootstrap
ASP.NET MVC で BootstrapYoshitaka Seo
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門Hidetaka Okamoto
 
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介Kawaji Masaki
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter BootstrapAtsushi Tadokoro
 
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介Chieko Aihara
 
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap情報編集(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web) 第8回: CSSフレームワークを使う Twitter BootstrapAtsushi Tadokoro
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使うAtsushi Tadokoro
 
Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.Daisuke Yamashita
 
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Kazuhiro Kotsutsumi
 
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]Nobuko Kodera
 

Ähnlich wie 120225 bootstrap (13)

Boot strap3 勉強会
Boot strap3 勉強会Boot strap3 勉強会
Boot strap3 勉強会
 
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
 
ASP.NET MVC で Bootstrap
ASP.NET MVC で BootstrapASP.NET MVC で Bootstrap
ASP.NET MVC で Bootstrap
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
 
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
 
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
 
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap情報編集(Web)  第8回: CSSフレームワークを使う Twitter Bootstrap
情報編集(Web) 第8回: CSSフレームワークを使う Twitter Bootstrap
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
 
Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.Let's Start Swift Open Source Activity.
Let's Start Swift Open Source Activity.
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
 
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
Bootstrap使い始めて困ったことなど [Web的な話をシェアしてみる会]
 

Mehr von TechGardenSchool

[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例TechGardenSchool
 
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛りTechGardenSchool
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方TechGardenSchool
 
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラスLean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラスTechGardenSchool
 
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」TechGardenSchool
 

Mehr von TechGardenSchool (9)

[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
 
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方
 
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラスLean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラス
 
HTML/CSSの基礎
HTML/CSSの基礎HTML/CSSの基礎
HTML/CSSの基礎
 
Webの仕組み part3
Webの仕組み part3Webの仕組み part3
Webの仕組み part3
 
Webの仕組み part1
Webの仕組み part1Webの仕組み part1
Webの仕組み part1
 
Webの仕組み part2
Webの仕組み part2Webの仕組み part2
Webの仕組み part2
 
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」
 

120225 bootstrap