Mac小技・裏技・初心者Chrome拡張機能サイトがSNSでどのくらい反響があったか一目瞭然になるChrome拡張機能「Social Analytics」2014年11月20日178 @JUNP_Nです。見ているウェブサイトがソーシャルネットワーク上でどのくらい反響があったのか、それが一目瞭然になるChromeの拡張機能「Social Analytics」のご紹介。FacebookやTwitter、Google+など複数のSNSでの反響をまとめてチェックできます!
Macには「複数のデスクトップを持つ」という特殊な機能があります。1台のマシンで仮想のデスクトップを持つことで作業を効率化できる、使いこなすと便利な機能の1つです。 でも、どうやって使っていいか迷ってしまいますよね。実際私も、複数のデスクトップをどうやって使い分けていいか悩んでいます。 悩みながらも、1つ明確なのは「アプリによってデスクトップを分ける」という使い方です。 そこで役立つのが「アプリの割り当て先」の設定です。 今日は、「複数デスクトップ」と「アプリの割り当て先」の使い方についてお話しします。 複数デスクトップとは 複数デスクトップとは、1大のマシンで仮想のデスクトップを何個も持つことができる、Macだけの特殊な機能です。昔は似たような機能で「Spaces(スペーシズ)」なんて機能がありました。 Macの「Mission Control」を作動させると、画面上部にデスクトップが一
自分のブログやウェブサイトのページを見に来てくれた人は、どこに興味を持ったのだろう‥‥ということが、一目瞭然で分かる「Page Analytics」というGoogle Chrome機能拡張がありました。ページ毎に、Google Analyticsの解析結果を表示してくれます。 当然、Google Analyticsの利用が前提となりますが、Google Chrome機能拡張「Page Analytics」をインストールして自分のページにアクセスすると、ページビュー、ユニークページビュー、滞在時間といった数値を表示してくれます。 興味深いのは、どこがどのくらいクリックされているか、というのも表示してくれるところでして、トップページに戻るリンクの重要性を痛感したりします。分かりやすいところに、トップページに戻るリンクを配置すると良さそうだと思いました。 さらに、飲食店の情報のページを読む人は、
Google アナリティクスの直近1カ月におけるページビュー数・ユニークプレビュー数・そのページでの平均的な滞在時間・直帰率・離脱率などをウェブページを開くだけで自動的に表示してくれるようになるGoogle Chrome拡張機能が「Page Analytics (by Google)」です。わざわざGoogle アナリティクスにアクセスしなくてもボタン1つ押すだけで使えるようになっており、非常に便利そうだったので、実際に使ってみました。 Chrome ウェブストア - Page Analytics (by Google) https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh まずはウェブページにある「無料」というボタンをクリック。 「Page A
4月に新入社員としてWeb制作会社やSIerに入社した方も、開発業務に携わるようになり、HTML/CSS/JavaScriptを使ったフロントエンド開発を始めた方も多いかと思います。HTML/CSS/JavaScriptはWebブラウザーの上で動かせるので、気楽に開発が始められる半面、「デバッグが難しい」「不具合原因の特定が難しい」「どこにミスがあるのか分からない」というような話をよく聞きます。 そんなときに役に立つのがブラウザーに付属している「開発者ツール」です。「開発者ツール」を上手に使うと、不具合の原因特定を効率的に行えます。以下のように現行の全ての主要なブラウザー(Mozilla Firefox/Google Chrome/Microsoft Internet Explorer/Apple Safari)は「開発者ツール」を持っています。ブラウザー自体が無料ですので、もちろんこれら
GitHubのUIは先進的で、かなり見やすいものです。初心者にも分かりやすく使いやすいのですが、毎日のようにGitHubを使っている人たちにすればもっと素早くファイルを見ていけるようにしたいと思うでしょう。 そこで使ってみたいブラウザ機能拡張がOctotreeです。ブラウザ画面の左側にファイルブラウザ機能が追加されます。 Octotreeの使い方 OctotreeはGoogle Chrome、Firefox、Safari向けに機能拡張/アドオンが提供されます。 インストールされた状態で任意のリポジトリに行くと、このようにファイルツリーが左側に表示されるようになります。 フォルダを開いてより深い階層のファイルへも素早くアクセスできます。 左側の表示ではブランチを切り替えられませんが、通常のGitHub側でブランチを切り替えると左側のツリーもそれに伴ったものに変更されます。また、プライベートリ
Chrome の DevTools には Code Snippets という機能があります。 これは「DevTools 上でお気に入りのライブラリを登録しておいて簡単に呼び出して使いたい」と言った、ありがちなニーズにぴったりフィットする機能です。 ChromeのDevToolsでjQueryをいつでも使いたいなら、Source-Snippetsで右クリックして[New]選んでjQueryをペタリしておくと[Run]するだけでjQueryをDevToolsで利用可能になりますよ〜 http://t.co/SfLE4Sic39— コラーゲンたっぷりさん (@uupaa) 2014, 5月 15 http://t.co/Ee2keo5n7u これ色んな事につかえて、DevTools の IDE としての機能も、アイデアしだいで拡張できるので、もちょっと広く認知されるといいんだけども〜 (ミ・◇・
はじめに ここでは、MacBookAirで私が使っている便利ツールを紹介していきます。長文過ぎると、途中で表示できなくなってしまうことを学習したため、不要な解説は省略します。また、個人的な価値観から形成された表現を含むかもしれませんが、その点の説明も省略します。ご了承ください。 便利なアプリを知っていたら、是非コメントをお願いします。 MacBookAirにインストールしたアプリ BetterTouchTool //トラックパッド拡張、ショートカットキー拡張 Google Chrome //インターネットブラウザ Growl //通知を拡張するアプリ Kopypasta //クリップボードをバックアップ WindowFlow //ウィンドウ切り替え XtraFinder //Finderを拡張するアプリ Xcode //開発環境を提供するアプリ TinkerTool //Macの隠し機能を
Pretty Pull Requests (Github) Chromeウェブストア - Pretty Pull Requests (Github) Pull Request を読むときに便利なエクステンション。 ファイルをアコーディオンで開閉したり、追加された行または削除された行のみを表示することができる。 長い PR を読むときに特に便利。 GitHub Wiki Search Chromeウェブストア - GitHub Wiki Search GitHub Wiki を検索するためのエクステンション。シンプルで使いやすい。 検索語をハイライトしてくれたり、検索中はプログレスバーがでたりと気が効いている。 これを使わずに検索しようとすると GitHub Wiki の git リポジトリをクローンして、 git grep するはめになる。 GitHub.Expandinizr Chrom
otiai10です。最近はフロントエンドのTypeScriptを書くお仕事をしています。個人的に艦これウィジェットやtwickというChrome拡張を作ってたりもします。先に言っておきますが、これらはどちらもGithubでソースコードを公開しており、悪いことしようが無いです。 端的に言うと、Chrome拡張はヤバいです。何でもできちゃう。 どんくらいヤバいか知ってもらうためにどうしようか考えた結果、ヤバいChrome拡張を作りました。30分かかんなかったです。 https://github.com/otiai10/chrome-twitter-hijack-sample (「レポジトリをforkして悪用する人間が出てくるかもしれない」とのご指摘を頂いたので、これを削除します) git cloneしてchrome://extensionsからパッケージ化されていない拡張機能を読み込むでこのr
NavyJS & NavyCreator Web application framework for mobile & IDE. Overview NavyJSは「ブラウザをアプリケーションプラットフォームとすること」目的に開発されています。 そのためには再利用可能なUI部品、アセットの管理、画面のライフサイクルなどのアプリケーションを開発する上での基本的な機能をフレームワークとして提供する必要があると考えています。 また画面レイアウトを効率良く作成するためにはGUIによる開発環境も必要となってきます。 これらの機能と環境を1つのフレームワークとして提供しているのがNavyJSとNavyCreatorです。 しかし現状はこのコンセプトが世の中に受け入れられるのか?実現可能なのか?を確かめるために最小限の機能を持った フレームワーク(コンセプトフレームワーク)として提供することを直近のゴール
KawazAdventCalendar - Github 紹介ページ(動作サンプルあり) はじめに この記事はKawaz Advent Calendar 2014 のクリスマスの記事として書かれました。 この記事は「初心者がモチベーション上げながらプログラミングをしてシューティング(っぽい)ゲームを1本作る!」 という目標の元書かれています。 この目的のために、以下のような方針を打ち立てました。 インストールが難しい言語はご法度(例 C/C++ や Java など) 可能な限りプログラミング以外の部分のイザコザをなくす(Pythonの文字コード論外) Windows および Mac で共に同じように動作すること(.net framework vs Mono 論外) 「仕組み」の理解に重点を置くためフレームワークなどは一切使用しない(ああいう のは内部を知っている人が使うべきものです) つま
最新バージョンのChrome 31とOpera 18、asm.jsとWebGLで高速実行を実現。Unreal Engine 3対応に Mozillaが開発したasm.jsは、JavaScriptを事前最適化コンパイラで徹底的に最適化するとともに、実行時チェックやガベージコレクションなどの実行速度の足を引っ張る処理を止めてしまうなどの手法で、JavaScriptを高速で実行できるようにする仕組みです。 asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット MozillaはFirefoxでasm.jsに対応していますが、GoogleもJavaScriptエンジンの最適化の一環としてasm.jsも高速に実行できるようにすると、5月に行われたイベント「Google I/O」で表明していました。 MozillaのGame Platform Strategis
新社会人になって、パソコンを新たに購入したものの、「何のソフトを入れたらいいのか分からない」、 「みんなは、どのようなソフトを入れているのかな」と気になったことはありませんか? 今回は、Windowsで必須の、入れておくべきフリーソフトを、すべて紹介します。 ここにあるソフトを入れておくと、あなたのPCは驚くほど便利になります。 紹介しているソフトの数がとても多いので、必要なカテゴリから見ることをおすすめします。 ※今回紹介しているソフトは、パソコンをはじめて自分で買った方が便利に使えるようなソフトを紹介しています。会社のパソコンに入れる際は、上司に確認をとってから入れましょう。 おすすめソフトが新たに出てきたら、随時更新しますのでチェックしてみてください。 1. ブラウザ Windows の OS には Internet Explorer が標準搭載されていますが、もっと高機能で便利なブ
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション(以下、Webシステム、Webアプリケーション)のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ
Web屋ならチェックしておきたい!作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools(デベロッパーツール)について、「多分、周知されていないけど、使わないともったいない!」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう! みなさんはChrome Canaryを使っているんでしょうか?一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです!リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く