BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ ニュース Blisk、開発者向けの新しいブラウザ

Blisk、開発者向けの新しいブラウザ

原文(投稿日:2016/11/08)へのリンク

BliskはChromiumベースのブラウザで、ChromeのパフォーマンスとFirefox Developer Editionにあるような開発者サポートを兼ね備えている。

Bliskには、主要な携帯電話とタブレット向けのエミュレータ、ブラウザとエミュレータのページ同期、ソース変更時の自動ページリフレッシュ、クラウドストレージ、バグを説明するのに役立つスクリーンショット撮影やスクリーンレコーディング機能、ページインスペクタが備わっている。こうしたツールはChromium拡張として追加されている。インターネット接続されていない場合、Bliskはコンテンツをローカルに保存し、接続が回復するとクラウドストレージに同期する。

Bliskについてもっと詳しく知るため、Bliskの開発チームにインタビューした。

InfoQ: なぜBliskを作ったのですか? ChromeやFirefoxと比べて、何を提供してくれるのですか?

Blisk: 他のブラウザとは違って、Bliskは開発者向けのブラウザです。目指しているのは、開発者をもっとプロダクティブにすること、時間を節約すること、バグを避けることです。

Bliskの主な機能を以下にあげます

  • エミュレーション: デスクトップとモバイルを同時にプレビューする。
  • オートリフレッシュ: コード変更を保存するたびに、Webページを自動的にリフレッシュする。あるスクリーンでIDEを開き、別のスクリーンでBliskを開いてみることで、Web開発にフォーカスしよう。
  • ナビゲーション同期: モバイルとデスクトップの両方で、URLとスクロールの位置を同期する。モバイルとデスクトップはお互いに追従する。
  • スクリーンショット: ワンクリックで、デバイスやデスクトップのスクリーンショットを撮影し、クラウドに保存する。スクリーンショットは、チームメイトと共有したり、バグレポートに添付したりできる。
  • スクリーンレコーディング: スクリーンを録画して、クラウドに保存する。スクリーン録画は、チームメイトと共有したり、バグレポートに添付したりできる。
  • 通知: ロードに失敗したリソースやJSエラーに関するリアルタイム通知を表示する。JSエラーのスタックトレースを表示して、StackOverflowから解決策を検索する。
  • インスペクタ: Developer Toolsを立ち上げることなく、デスクトップもしくはデバイスのビューをインスペクトできる。ほとんどの重要なCSSプロパティに関する情報を表示する。
  • クラウドストレージ: スクリーンショット、スクリーン録画、レポートなどのために、セキュアなクラウドストレージを用意する。クラウドストレージは、チームワークとチームのコラボレーションを推進する。
  • ページアナリシス (近日登場): コード品質、クロスブラウザ互換性、Webページ速度、Webページパフォーマンスを解析して、改善のためのアドバイスをする。
  • チームワーク (近日登場): チームのコラボレーションのための追加機能として、ノート、チャット、マーカーを提供する。マーカーは、Webページの上にメモとディスカッションを表示するために使われる。
  • インテグレーション (近日登場): チームのパフォーマンスを高めるために、バグトラッキングシステムとプロジェクト管理ツールとの追加インテグレーションを提供する。
  • ステップレポート (近日登場): バグの再現手順を含む詳細なレポートを生成する。Webページ上のユーザーアクションを記録して、そこから再現手順を生成する。

Bliskには以下のようなメリットがあります。

  • デスクトップとモバイルを同時に開発する
  • 開発者をもっとプロダクティブにする
  • Web構築に必要とされる開発者向け機能を提供する

一般に、ChromeとFirefoxはWebを閲覧するために作られましたが、BliskはWebを構築するために作られました。

InfoQ: エミュレータには、主要なiOSとAndroidプラットフォームの一部が含まれていますが、新しいデバイス、もしくは少なくとも汎用デバイスを追加することはできますか?

Blisk: 今のところ、ユーザーはデバイスを追加できません。しかし、リリースのたびにデバイスをどんどん追加する予定です。

InfoQ: オートリフレッシュ機能はどのように動いているのですか?(ファイルシステムの変更をモニタリングしているのですか?)

Blisk: オートリフレッシュは、選択されたフォルダーにウォッチャーを設定して、必要な拡張子を持つファイルの変更をモニタリングします。CSSプリプロセッサやモジュールバンドラーでもうまく動きます。

InfoQ: Bliskコインとは何ですか? どうすれば手に入るのですか、何に使えるのですか?

Blisk: Bliskコインは内部通貨です。友達やチームメイトがサインアップしてBliskを使いはじめると、Bliskコインが手に入ります。100 Bliskコインを稼ぐと、Bliskプレミアムを1ヶ月フリーで使えます。

InfoQ: 今後のロードマップはどうなっていますか?

Blisk: ページアナリシス、チームワーク、インテグレーション、ステップレポートという主要な機能を完成させる必要があります。エミュレーションを改善する計画もあります。それが終わったら、ユーザーからのフィーチャーリクエストへと進む予定です。

Bliskは12時間につき30分間フリーで使える。有料サブスクリプション(月10ドル)を契約すると、この制限は取り除かれる。

 
 

Rate this Article

Relevance
Style
 
 

この記事に星をつける

おすすめ度
スタイル

BT