新しいブラウザ、Breachを試してみた

Qiitaで綺麗なのが見れます。

試した環境

Ubuntu14.04 64bit
Breach v0.3.20

ダウンロード

Breach - A browser for the HTML5 era

起動

アーカイブ解凍後、おもむろに起動してみる

$ tar zxvf breach-v0.3.20-alpha.5-linux-x64.tar.gz
$ mv breach-v0.3.20-alpha.5-linux-x64 breach
$ cd breach
$ ./breach
[18856:18856:0713/004640:11583496358:FATAL:browser_main_loop.cc(172)] Running without the SUID sandbox! See https://code.google.com/p/chromium/wiki/LinuxSUIDSandboxDevelopment for more information on developing with the sandbox on.
./breach: 6 行: 18856 中止                  (コアダンプ) $SRC_DIR/__AUTO_UPDATE_BUNDLE__/exo_browser/exo_browser --raw $SRC_DIR/__AUTO_UPDATE_BUNDLE__/breach_core

怒られた。
どうやらsandboxで起動しないといけないっぽい。
ググって見ると、chromiumのファイルが必要らしいのでchromiumを落とす。

$ unzip chrome-linux.zip
$ cd chrome-linux
$ sudo cp ./chrome_sandbox /usr/local/sbin/chrome-devel-sandbox
$ sudo chown root:root /usr/local/sbin/chrome-devel-sandbox
$ sudo chmod 4755 /usr/local/sbin/chrome-devel-sandbox

改めて起動。

$ ./breach
[2014-07-12T15:56:50.983Z] [index] Breach v0.3.20-alpha.5 Starting...
:
:

お、起動したっぽい。

---

[以下超訳]
Breachはモジュールで動くけど、モジュールが何もないよ。mod_strip追加するね。
URLバーとタブを追加するものだよ。
デベロッパならあとでハックしてね。

github:breach/mod_strip追加中。

Google Analyticsで情報送ってるよ。
嫌ならbreach/mod_statsを消せばいいよ。

Stacked Tab: 一番最近見たやつを最初に表示するよ。
Tab Filtering: URLボックスにタイプするとマッチしたタブを表示するよ(日本語も大丈夫でした)
Color Sniffing: それぞれのサイトっぽい色でタブを表示するよ。

Module management: 右クリでいつでもモジュール画面が開けるよ(サイトの画面に戻れない…)
It’s only the beginning: ウェブに革新を！Breachの未来はあなたのhackっぷりにかかっている！
Developer or designer?: あなたは何を作る？breach.cc/hackをチェック！

---

今までのブラウザに慣れているとアクティブになったタブが先頭に来るっていうのがなれないかも…。
いずれにせよ、これからの動向が楽しみです。

2013/09/02のGunosy

昨日のを今日まとめる感じ…！

• Anatomy of a page-flip animation

  本のようなフリップ実装についてのお話。詳しくは読んでください。そして読んでない俺に教えてください。

• プロジェクトマネジメントなう＼(^O^)／

  ここに書いてあること全部出来たら夢の環境な気がする。。

  今、Team Geekをたらたら読んでるけど、HRTがすべてって感じですね。詳しくは「teamgeek hrt」でググルよろし。

• iOS開発でのユニットテストを身につけるには

  iOSのお話。最初は少ない機能でデバッグして、物足りなくなったら次のものを探せばいいじゃん、というお話。

• Emacsユーザが「実践Vim」を読んだ感想

  vimこわい

• これからのUIデザインのヒントになるDribbbleのアートワークのまとめ

  UIデザインの参考に。なるかなぁ…？

• 堀江貴文の「50万円あれば始められるビジネス」【2】

  技術系じゃないけど、興味深い話。50万ないです…^o^
  『マネタイズはあと』とか…。今あるウェブサービスはそういうのが多いんだろうけど…。
  『わー、おもしろいの思いついたー！作ってみたー！公開するぜー！』みたいなノリで開発できればなぁ…。

以下、SmartNews

---

• 最悪のプログラミング言語、BANCStar

2013/09/01のGunosy

ネット回線がある田舎に引きこもりたい。

• 「IFTTT」の読み方は"イフト"

  な、なんだってー！！ふっつーに「あいえふてぃーてぃーてぃー」って読んでたわ！

• SIerを退職しました

  こういう思い切った決断ができるといいねぇ…。暮らしを考えちゃうとだらだらと今の状況を維持しちゃう。

• Android Casual Talks #1

  こういう集まり、行ってみたい。誰か、一緒に行かない？

• 次世代のKIF(2.0.0)が良さそう

  あいぽん用なのかな？とりあえず記録

以下SmartNews

---

• TDD will always be in your heart
• Haswell廉価版が発売、最安6千円台で11種類、Core i3やPentiumなど
• パッケージ名は、単数形？複数形？
• コピペするだけ！ YouTube上の広告をコマンド一つで非表示にする方法
• 朝が苦手なのはしょうがない：生産性の高い「夜更かし術」
• 「艦これ」から、ソーシャル系のサーバ構成を考える

2013/08/31のGunosy

有頂天家族おもしろい。

• 座りっぱなしで仕事をするリスクと改善策を教えてくれるムービー「Office Posture Matters」

  要約すると、座りっぱなしは危険、正しい座り方をしろ、ちょっとでも運動しろ、ってことですね。言ってることは正しすぎるんだけど、私には無理です^o^

• Webデザイン上達のコツ

  パクれ、パクれ、オマージュしろ。
  なるほどねぇ。

• 新しいものが大好きなグッドパッチで8月に話題になったアプリ、サービス、デザインまとめ

  地味にここの会社のまとめは好きです。自分が知らないとこをズンズン出してくれるし、参考になるから。

• ゲーム開発エンジンのUnity、新たに2D向けゲーム開発とクラウドサービスをサポート

  これは来るか…！？

• ”【Unity】素人が7日間クソゲーを作り続けてわかったこと”を真似してみてわかったこと

  Unityなー。とりあえずクソゲー作ってみっかい？

• オープンな技術や基盤が負ける方に賭けるな

  企業が提供するサービスのとそのユーザーのあり方を説明してくれています。
  確かにこういう観点から言うとOSSとかは強いよなー。

以下SmartNews

---

• 東京都内上空にＵＦＯ出現！東スポが撮影に成功

  本放送の韮沢さんが楽しみだ。

---

GunosyとかSmartNewsとか関係ないけど、自分のアルゴリズムの無さに絶望したのでちょっと調べてみた。

• アルゴリズムの勉強のしかた

  結城浩さんの数学ガールがちょっと気になる。。というのも、CodeIQで結城さんの問題を全く解けなかったことからなんですが。
  「珠玉のプログラミング」は持ってるんだけど積んでる…。読もうな、俺。

以上、今日はいつもよりちょっと長めでした。

2013/08/30のGunosy

わたし、まとめます。

• ゲームプログラミングをオンラインで学べる！「code.9leap.net」をやってみた

  enchant.jsってコトでネイティブアプリじゃないんだけど、iPhone/Androidアプリを作る際には何かの参考になるかな〜と。

• iOS/AndroidアプリをJavaScriptで開発、OpenGL対応で高速描画の「Herlock」、クローズドβリリース

  「Titanium Mobile作るならネイティブで作ったほうが断然いい」というのはちょくちょく耳にしたりするけど、これはどうなんでしょうかね。 期待ageってことで。

• 遊びでマジメにwri.peを作る

  遊びでまじめに、っていいなー。
  そういやMarkdownで記述できるメモ帳的なの探してたけど、これがあったじゃないか…。

• スマホUI考（番々外編）　誰得の100徳ナイフを買ったというお話

  自分の身を持って実証してくれるとは…こいつ、できる！(失礼)
  ネタというか、なんというか…。

今日はSmartNewsありません。

2013/08/29のGunosy

今日はGunosyがいい記事がなかったです。。
というわけでSmartNewsのみです。

• 容量無制限のオンラインストレージ『Bitcasa Infinite Drive』が日本語対応！

• この夏インターン給料で買いたいおすすめ本

  Code Complete(上)だけ買って積んでます^q^
  ピアソン本は今のうちにゲットしとかないとなぁ。。

• 起業のアイデア。国内Webサービスの課金ビジネスモデル17選

• Siriにグーグルグラスぽく話しかけてみたら、機嫌を損ねた

2013/08/26-28のGunosy

サボり^q^
という訳で2日分です。ちょっとした解説や自分の意見もありません。また、GunosyとSmartNewsとで被ってるのもあると思います。

• ユーザーの意見を聞く難しさ
• 今必要なCSSアーキテクチャ
• とってもモダンなWebデザイナ・開発者向けのHTML・CSS・JavaScriptエディタ『Triplety』
• 何故日本の同人ゲームは海外に出ないのか
• プログラミング出来ないのにギークハウスを始めたら、420万円の出資を受けて1人でウェブサービスを開発することになった。
• エンジニアならウェブサーバーのひとつでも自腹で立てて運用すべき理由と、サーバー環境の選び方
• モダンPHPチュートリアルを開催しました
• はあちゅう、家入一真、安藤美冬が語る、後悔しない20代の過ごし方 –ポイントは若いからこその行動力
• 2013年 都内コワーキングスペースランキング ベスト70！人気の秘密は？人気一覧シート付き
• 制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ

なんか妙にPHPやらJSやらが増えてるような…。
以下、SmartNews

---

• 「不仲公認」その後…　ハイスタ１４年ぶりインタビューで語った（下）
• アジアクラウドファンディングまとめ 24選
• 【悲報】NVIDIAの最新ゲーム機 『SHIELD（シールド）』 の電源を日本で入れると法律違反になる事が判明！
• iPhone/Androidアプリのリリース前に絶対押さえておきたい！品質向上チェックリスト
• アップロードした写真（画像）が回転して表示されるのを直す方法
• iPhoneを操作中に画面上部に現れるアプリからの通知をサッと消したい！
• FPSコンペティションとCoD
• いまさら聞けない「オブジェクト指向設計の3つのコツ」～オブジェクト指向設計問題解説 #objectoriented
• Nexus4がついに日本発売決定 8月30日から（価格や販売店追記）
• GIFアニメよりも高品質なPNGアニメAPNG, そのエディタツールがKickstarterで資金募集中
• 日本の全エンジニアに捧ぐ！現在公開されているテスト用ダミーデータ一覧
• チーム開発に必要なgit コマンドを神速で習得しよう！

2013/08/25のGunosy

今日は超少ない & 適当だわさ。

• プログラマ格言(2006)

  あるあるネタが多く面白かったので。

• モダンPHPチュートリアル (LLまつり版)

  PHPerは低レベルとか、PHPは分かりにくいとか、セキュリティが、とかいろいろあると思うけど、私はそこそこ好きです。 CakeやらZendやらのフレームワークとか使ったことないけどな！
  しかし、mysql_connectって廃止予定なのか…。

本日、SmartNewsは見てる時間なかったのでありません。

2013/08/24のGunosy

連続記録目指して頑張る。イチロー並みに頑張る。

• アップル、「iWork for iCloud beta」を全ユーザーに公開

  やったね！ってあれ？先週だか先々週だかから使えるようになってなかった？気のせい？

• めちゃくちゃにコンフリクトしたファイルを一歩一歩マージする方法

  とりあえず実際やってみないとわからないけど、この先役立ちそうなので。

• マイクロソフトのバルマーCEOが1年以内に退任、後任選びはゲイツ氏も参加

  そこかしこで話題になってるね〜。（参考：在りし日のバルマー(一部)）

• 天職を見つける７つの質問

  へへ…。

以下SmartNews

---

• CEDEC2013】オープン化するゲームハードとインディーズゲームのステキな関係
• 常識をくつがえす！海外の注目O2O型ウェブサービス7選！
• 酸素を注射で体内に取り入れる技術により30分間無呼吸でも生存可能に
• 【FF14】「睡眠時間が3時間以上の方はお断りさせて頂きます」壮絶なギルド募集文にネット民驚愕！！→実はネタでしたｗ→でもネタ元がありましたｗｗ
• "ハイスタ"14年ぶりの全告白 『AIR JAM』舞台裏、東北復興、原発問題、バンドの仲、そして...新曲発表!?

2013/08/23のGunosy

日をまたいでしまったけど、今日もまとめてくぜ。

• ゲームアプリの攻略動画が10億本を突破、「Kamcord」はゲーム開発者必須のマーケティングツール

  ゲーム作ったら組み込んでみても面白いかもね。

• iPhoneアプリ開発成功への６段階

  Androidにも当てはまる箇所はあるのかな？と思ったので記載。¥8400払っても作らない/公開しない自信がある。。

• 【寄稿】 エンジニアはブログを書いた方が良い、その理由をキャリアの視点から考える

  技術関係ないけど、気になったので。

---

以下SmartNews

• 納得の結果？ 米Lifehacker読者が選ぶ「クラウドストレージ」ベスト5
• ヒットの方程式「やっぱ、ない」--ガンホー森下社長が語った“開発讃歌”
• JavaScriptでゲームミュージック的なものを演奏するためのライブラリ『8bit.js』
• 新生FF14廃人ギルドの募集要項がやばすぎると話題に
• ダメな技術書の見定め方
• iOS開発 vs. Android開発

2013/08/22のGunosy+a

今日もまとめるぜ～

• Objective-CでAndroidアプリ開発

  今のところiPhoneでの開発は想定してないけども、こんなのもあるよーってことで。忘備録的な。

• 【検証】クリックされるボタンの色は？

  身も蓋もない結果になってるけど、当たり前っちゃ当たり前。ユーザビリティを考えましょうってこってすね。

• 制作前に要チェック！フラットなデザインのいいとこと悪いとこのまとめ

  いつからフラットデザインが優れたUIだと錯覚していた！
  UI/UXってよくわかんない＞＜

• 累計32種！UIが優れたiPhoneアプリの部分デザイン（ヘッダ・フッタ編）

  AndroidアプリでiPhoneの真似はするなとはいうけど、まー、ね？

• DropBox創業者がアメリカのＭＩＴの卒業スピーチで語った「人生の3つのコツ」

  技術系じゃないけど心に響いたので。
  自分の今の仕事はテニスボールなのか、今自分に残された時間はどれくらいなのか。とかね。

---

番外編
iPhoneアプリのSmartNewsを最近始めまして、そちらもまとめていこうかなと。
さらっと見出しだけ。

• GmailなどWebメールの暗号化には『Mailvelop』が便利
• 【特別企画】650万DL突破アプリの秘密に迫る
• ［gamescom］Microsoftが手掛けた初のFree-to-Playゲーム「Age of Empires Online」が，失敗した理由とは
• PhoneGapで作ったアプリにネイティブのUIやアニメコードを呼び出させて高速化するSteroids.js
• 「WOLF RPGエディター」v2.10が公開、インターネットからのダウンロード機能が追加
• Go のチュートリアルに足りないこと
• 【CEDEC2013】ゲームを多方面から強化するPS4の開発環境を紹介
• Flickr創立者による新しいツール「Slack」は、オフィスでのコミュニケーションを変えるのか

2013/08/21のGunosy

いぇーい、みてるぅ？

---

• プログラマのためのカラーパレットツールを作りました

フラットデザイン的なアプリを作るときの参考に。他にもこういうサービスあるけど、Gunosyに乗っていたので。

• Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！

昨日載せてしまったので…。つかっt（ry

• 日本AppStoreの有料ゲームはほぼ死んでいて、生きるか死ぬかの瀬戸際にある。：ゲームを語るぜ7

日本市場を意識した場合、有料アプリは難しいよ！というお話。海外市場も結局グラフィックがものをいう感じだしね。。

• Java特有の冗長なコードを簡潔に記述する「Lombok」

Androidでも使えるかしら？というわけで、調べてみた。
使えるっぽいね。

• Instagram、関連アプリ名に“Insta”と “Gram” を禁止―打撃を受けるアプリ多数

ﾅ ﾅﾝﾀﾞｯﾃｰ!!
Ω ΩΩ

• UI/UX 未来志向―進化の方向を予測し，今必要なことを知る

長いので読んでない(ドンッ)

Written with StackEdit.

2013/08/20のGunosy

内輪向けに書いている覚書をつらつら書いていこうと思います。
基本的には自分のGunosyから抽出しています。また、マークダウン記法で記述しているため、見にくい箇所があるやもしれません。

• raymarching for games

  ポリゴンなくても綺麗な描画ができるよ！それをゲームで使おうぜ、っていう記事。WebGLとかイミフだわ

---

• Bootstrap 3 released

  やったねタエちゃん、Bootstrap3.0だよ！使ったことねーけど。

---

• Pro Git

  なにこのすばらしいさいと