タグ

chromeに関するdkjのブックマーク (5)

  • 僕が考えたChrome拡張機能を作るときのデザインパターン

    最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":

    僕が考えたChrome拡張機能を作るときのデザインパターン
  • ChromeのSSHクライアント「Secure Shell」が公開鍵認証に対応!ブラウザだけでサーバー管理ができる時代に近づいた - Chrome Life

    以前の記事でご紹介したChromeのSSHクライアント「Secure Shell」が、バージョン0.8.2にアップデートされました。 今回のバージョンアップで、 公開鍵認証が使えるようになりました! 今まではパスワード方式だったので、サーバーによっては使えなかったのですが、秘密鍵をインポートして認証できるようになったので、SSHクライアントとして十分使えるレベルに近づいたと思います。 「Secure Shell」を起動すると、接続先の設定ができるようになっています。 ここで接続先の名称(接続情報の記憶用)、ログインユーザー名、ホスト名、ポートを入力し、秘密鍵ファイルをインポートし、Enterキーでサーバーに接続します。 接続に成功すると、接続先情報は保存されるので次回からはワンクリックで接続できるようになっています。 筆者の運営しているサーバーに秘密鍵を利用して接続することができました!

    dkj
    dkj 2012/09/05
  • アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール

    モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSWindowsChromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ

    アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
  • Chromeの「シークレットウィンドウ」はWeb開発にとても使える

    皆さん、Google Chrome の「シークレットウィンドウ」使ってますか? Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基

    Chromeの「シークレットウィンドウ」はWeb開発にとても使える
    dkj
    dkj 2011/11/15
    これはありがたい。Chrome移行して間もないがほんと色々できるな。
  • 作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch

    というタイトルで社内勉強会を開きました。 その時の資料を公開します。 「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。 最近のChrome Developer Toolsは当に高機能ですごいですね!僕も資料を作っていて新しい発見が沢山ありました。 追記: 説明不足ですいません。スライドは←→キーで移動します。表紙にも記載しておきました。 作業効率が10倍アップする Chrome Developer Tools の使い方 あとキャプチャをとるのに使ったSkitchが便利すぎて感動しました。

    作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch
  • 1