このページの本文へ

前へ 1 2 3 次へ

JavaScriptのデバッグもできる!

WebクリエイターがうれしいLunascape 5つの理由

2009年04月27日 13時00分更新

藤本 壱

  • この記事をはてなブックマークに追加
  • 本文印刷
Lunascape 5
Lunascape 5でASCII.jp Web Tools&Tipsを表示したところ

 Web Tools&Tipsの記事をお読みの方の中には、WebデザインやWebアプリケーションの開発など、Web系の仕事に従事されている方も多いことでしょう。

 先日は「ビジネス」のコーナーで「Lunascape 5.0」のメリットをご紹介しました(関連記事)。Lunascapeはビジネスシーンで使うだけでなく、Web制作の仕事においても便利なブラウザーです。その理由をご紹介しましょう。


3大レンダリングエンジンを自由に切り替えられる

 ここ数年、Webブラウザーのシェア争いが激しくなり、かつてのInternet Explorer(IE)一辺倒の時代から、FirefoxやGoogle Chromeなどの新勢力が登場してきています。となると、Webページを制作する際にも、IEだけでなくこれらのWebブラウザーに対応させることが必要になっています。

 「複数のWebブラウザーを1台のPCにインストールし、それらをすべて起動して、動作確認する」といったことも不可能ではありません。ただ、Webブラウザーを複数起動すると、デスクトップがWebブラウザーだらけになってしまう、という問題があります。

 Lunascapeは、以下の3つのレンダリングエンジン(※)を内蔵しています。そのため、現在市場で出回っている大半のWebブラウザーでの動作確認を、Lunascape1つで行なうことができます。


表1 3つのレンダリングエンジンを内蔵するLunascape
レンダリングエンジン 左のレンダリングエンジンを使っている主なWebブラウザー
Trident Internet Explorer、Sleipnirなど
Gecko Firefox、Caminoなど
WebKit Safari、Google Chrome、Adobe AIRなど

 Lunascapeでは、開くタブごとに、レンダリングエンジンを選ぶことができます。このため、1つのLunascapeのウィンドウの中で、3つのレンダリングエンジンの表示を確認することができ、デスクトップをすっきりとまとめることができます。

ウィンドウを分割表示
画面1 ウィンドウを分割して複数のタブを一度に表示

 レンダリングエンジンの切り替えは、ステータスバー左端のアイコンをクリックして、使いたいレンダリングエンジンを選ぶだけです。しかも、ウィンドウを分割して、複数のタブを一度に表示することもできます(画面1)。複数のレンダリングエンジンで表示に違いがないかどうかを見比べる際に、この機能が便利です。

 さらに、Webページごとにデフォルトのレンダリングエンジンを設定もできます。Web制作や動作検証以外で各種Webページを見る際にも、Webページに応じて最適なレンダリングエンジンを使うことができます。

 例えば、「IEでないと正しく表示できないようなWebページを開く際には、レンダリングエンジンを自動的にTridentにする」「JavaScriptをバリバリ使っているページでは、レンダリングエンジンをより高速なGeckoやWebKitにする」といったことができます。

 また、Web標準に正確に準拠しているかどうかを確認したい場合は、WebKitが適しています。WebKitを使った「Acid3 TEST」の結果はパーフェクトであり、サイトの表示品質が高いといえます(関連サイト)。

前へ 1 2 3 次へ

ソーシャルランキング
  1. Google社員がSEOの質問に答える AMA with Google Search SMX West 2017 15
  2. クラウドは地方を救うか?KDDIウェブら「Cloud ON OKINAWA」を立ち上げ 4
  3. GoogleやLINEみたいなSMS二要素認証をTwilioでサクッと実装してみよう 2
  4. 「使いやすい」と言われたい!WordPressの編集画面にメタボックスを追加する方法 2
  5. 【週末まとめ読み】レスポンシブをメディアクエリなしで実現する5つのCSSトリック 1
  6. 商業写真で首切りと串刺しがダメな理由 2324
  7. Apple Musicが流行らない理由をユーザー視点で考えてみた 1015
  8. Sketch 3を使う3つの理由と10の魅力 633
  9. ボーナス支給日確定で新聞社を辞めた人に贈る本 551
  10. 5限目:「情報」を「コンテンツ」に変える 告知コピー制作メソッド 396
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング