最高のwebブラウザの見つけ方 at mastlt #6

32
最高のWebブラウザ見つけ方 2015-05-02 mastLT #6 Ko-Ji

Upload: koji-yamamoto

Post on 13-Feb-2017

190 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: 最高のWebブラウザの見つけ方 at mastLT #6

最高のWebブラウザの 見つけ方

2015-05-02 mastLT #6 Ko-Ji

Page 2: 最高のWebブラウザの見つけ方 at mastLT #6

自己紹介

山本耕嗣 (Ko-Ji)

@tibjorkB

mast14

Firefox学生マーケティングチーム

Page 3: 最高のWebブラウザの見つけ方 at mastLT #6

Firefox最高!! みんな使おうね!

嘘です。 すみません。

Page 4: 最高のWebブラウザの見つけ方 at mastLT #6

今日話すこと

各ブラウザの特徴

カスタマイズの紹介

Webブラウザとは

自分に合った 最高のブラウザが見つかる!

やったね!

Page 5: 最高のWebブラウザの見つけ方 at mastLT #6

Webブラウザとは

Page 6: 最高のWebブラウザの見つけ方 at mastLT #6

Webブラウザとは

Webページを見るための ソフトウェア

Page 7: 最高のWebブラウザの見つけ方 at mastLT #6

Webブラウザとは (2)

Webが発展してきた今では サイトを”見る”だけじゃない

お買い物したり

コミュニケーションしたり

ゲームしたり

文書作ったり

データを保存したり

履修登録したり

動画見たり

文献を検索したり

などなど

Page 8: 最高のWebブラウザの見つけ方 at mastLT #6

Webブラウザとは (3)

今まで現実世界や、専用ソフトでやっていた 色々なことがWebでできるようになった

それらを利用するための ブラウザ選びはとても重要

Page 9: 最高のWebブラウザの見つけ方 at mastLT #6

レンダリングエンジン

HTML, CSS, JavaScriptなどを 解釈してWebページを描画するエンジン

Blink Gecko WebKit Trident

Page 10: 最高のWebブラウザの見つけ方 at mastLT #6

各ブラウザの紹介

Page 11: 最高のWebブラウザの見つけ方 at mastLT #6

Google Chrome

最新版: 42開発元: Google

対応OS: Windows / Mac / Linux / Android / iOS

エンジン: Blink

Page 12: 最高のWebブラウザの見つけ方 at mastLT #6

Google Chrome (2)

• 速い、シンプル • Googleサービスとの相性抜

群 • 豊富な拡張機能 • テーマ • 様々な機器間でブックマー

ク、パスワードなどを同期 • プロファイルを複数持てる

• メモリ使用量多 • 最近重くなってきた? • とりあえずGoogle。ぜんぶ

Google。

GOOD BAD

Page 13: 最高のWebブラウザの見つけ方 at mastLT #6

Opera

最新版: 29開発元: Opera Software

対応OS: Windows / Mac / Linux / Android / iOS

エンジン: Blink

Page 14: 最高のWebブラウザの見つけ方 at mastLT #6

Opera (2)

• 速い、シンプル • Opera Turboで通信量節約 • キーボードショートカット

のカスタマイズ • マウスジェスチャ • テーマ • 様々な機器間でブックマー

ク、パスワードなどを同期

• 昔のOperaは終わった(→Vivaldiへ)

• アドオンがあまりない • あまりとがった機能がない

GOOD BAD

Page 15: 最高のWebブラウザの見つけ方 at mastLT #6

おまけ: Vivaldi

昔の高機能だったOperaを もう一度作ろうというプロジェクト※ただしまだ全然未完成

Page 16: 最高のWebブラウザの見つけ方 at mastLT #6

Firefox

最新版: 37開発元: Mozilla

対応OS: Windows / Mac / Linux / Android

エンジン: Gecko

Page 17: 最高のWebブラウザの見つけ方 at mastLT #6

Firefox (2)

• 速い • 豊富なカスタマイズ項目 • 豊富なアドオンでほぼなん

でもできる • テーマ • 様々な機器間でブックマー

ク、パスワードなどを同期

• カスタマイズしないと、特にとがった機能はない

GOOD BAD

Page 18: 最高のWebブラウザの見つけ方 at mastLT #6

Firefox (3)

豊富なカスタマイズ性

Page 19: 最高のWebブラウザの見つけ方 at mastLT #6

Safari

最新版: 8.0.5開発元: Apple

対応OS: Mac / iOS

エンジン: WebKit

Page 20: 最高のWebブラウザの見つけ方 at mastLT #6

Safari (2)

• Mac/iOS標準ブラウザ • Apple製品と相性抜群(デザ

インとか) • Reading List • Mac-iOS機器間でブックマー

ク、パスワードなどを同期

• アドオンはほぼ無い • カスタマイズ性にも乏しい • 対応プラットフォームが

Appleの製品、OSのみ

GOOD BAD

Page 21: 最高のWebブラウザの見つけ方 at mastLT #6

Internet Explorer

最新版: 11開発元: Microsoft

対応OS: Windows (Phone)

エンジン: Trident

Page 22: 最高のWebブラウザの見つけ方 at mastLT #6

Internet Explorer (2)

• Windows (Phone)標準ブラウザ

• 圧倒的シェア

• アドオンはほぼ無い • カスタマイズ性も無い • 対応プラットフォームが

Windows (Phone)のみ • もうすぐ開発終了っぽい

(→Edgeへ)

GOOD BAD

Page 23: 最高のWebブラウザの見つけ方 at mastLT #6

おまけ: Microsoft Edge

Windows 10に搭載されるというIEの後継ブラウザ 詳細はよく分からない

Firefoxアドオン, Chrome拡張機能と互換性があるらしい

クロスプラットフォームになれば最強の予感……

Page 24: 最高のWebブラウザの見つけ方 at mastLT #6

カスタマイズ

Page 25: 最高のWebブラウザの見つけ方 at mastLT #6

テーマ機能

Webブラウザを 自分好みの見た目にできる機能

テーマ機能のあるブラウザ

Page 26: 最高のWebブラウザの見つけ方 at mastLT #6

テーマ機能 (2)

←適用前 ↓適用後

Page 27: 最高のWebブラウザの見つけ方 at mastLT #6

拡張機能とは?

Webブラウザの機能を 自分好みにカスタマイズするもの

拡張機能ストアから探してブラウザに追加する

※ブラウザによって呼び方は様々

Page 28: 最高のWebブラウザの見つけ方 at mastLT #6

各ブラウザの拡張機能

Chrome 拡張機能

Chrome ウェブストア

たくさん

Firefox アドオン

Mozilla Add-ons

たくさん

名前

ストア

拡張機能/アドオン

それぞれのストア

少数

Page 29: 最高のWebブラウザの見つけ方 at mastLT #6

いろいろな拡張機能

マウスジェスチャが 使いたい

All in One Gestures

Gesture for Chrome

プロファイルを 分けたい

Multifox

標準機能

画面を分割したい Tile Tabs

なし

Page 30: 最高のWebブラウザの見つけ方 at mastLT #6

いろいろな拡張機能 (2)

パスワード管理 がしたい

LastPass

邪魔な広告を 消したい

Adblock Plus

ドラッグして 簡単に検索

Super Drag

Drag and Go

Page 31: 最高のWebブラウザの見つけ方 at mastLT #6

カスタマイズのすすめ

拡張機能でどんどんカスタマイズして、 自分だけのブラウザを作ろう!!

=最高のブラウザ

紹介した物以外にも、 便利な拡張機能はいっぱいあります!

Page 32: 最高のWebブラウザの見つけ方 at mastLT #6

まとめ

1. ブラウザは選んで使おう! 2. カスタマイズして自分色に染めよう!