ブラウザ拡張を用いた業務改善手法 - クックパッド開発者ブログ
買物情報事業部の根岸(@negipo)です。今回はブラウザ拡張を日常業務でどう使っているかについて紹介します。 ブラウザ拡張とは ブラウザ拡張は、ブラウザによるウェブとのインターフェースをJavaScriptやCSSを用いて自分好みにカスタマイズする機能です。Google Chromeを利用していればChromeウェブストアなどで公開されている拡張をインストールできるでしょう。一方で、開発したブラウザ拡張を自分で使うために、Chromeウェブストアによる公開と言うプロセスを踏むのは面倒です。日常的にウェブのインターフェースを改変する道具としてブラウザ拡張を使うためにはいくつかの手法がありますが、僕はGithubのdefunktさんが作ったdotjsを使っています。詳細は省きますが、今開いているページでalertを出すぐらいの機能であれば10秒で開発作業を終えることができると思います。 また
3秒でライバルサイトのアクセス数や検索キーワードを調べることができる、Chromeの拡張機能が超便利！ - SONOTA
photo by bluefountainmedia ライバルサイトのアクセス数や検索キーワードを丸裸にできると話題の競合サイト分析ツール、SimilarWeb（シミラーウェブ）。 URLさえ入力すれば簡単にアクセス数や閲覧者の平均滞在時間、検索キーワードなどがわかるため、これだけでも超便利なサイトではあるんですが、実はこのSimilar WebにはGoogle Chrome用の拡張機能が用意されているということをみなさんはご存知でしたでしょうか？ SimilarWeb - Site Traffic Sources and Ranking - Chrome Web Store ボタン１つでライバルサイトを丸裸に： SimilarWebの拡張機能をChromeに追加しておけば、気になるサイトのアクセス数や検索キーワードを３秒で丸裸にすることも可能。たとえば当サイト『SONOTA』の場合にはボ
IDPW PORTO
#000001どうでもいいね！ インターネット中に溢れる「いいね！」ボタン。増えすぎちゃってそろそろ溺れてしまいそう。いいも悪いも義理もとっておきも全部まとめて「いいね！」したい。 そんなあなたにお届けする“どうでもいいね！”ボタンはワンクリックで画面上に表示されている 「いいね！」 を自動でだいたい全部をクリックしてくれる※1、Google Chrome機能拡張です。 ※1 一度に大量に「いいね！」すると、警告を受ける場合があります。「いいね！」はほどほどに。また、実行しても失敗することがありますが、IDPWでは本機能拡張に対しての責任を一切負いません、自己責任でおねがいします。 INSTALL
実例で学ぶPHP拡張モジュールの作り方 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse
Bouncy Scrolling ※アニメーションGIFにしたらサイズがすごかったので静止画像です。 デモページには他にもたくさんのデモがあります。 Impulseの使い方 実装は各デモによってHTMLやJavaScriptが異なるので、「Pulldown Menu」で実装方法を紹介します。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ここは全デモ共通です。 <head> ... <script src="/scripts/impulse.js"></script> </head> Step 2: HTML ヘッダ、メニュー、コンテンツをそれぞれdiv要素で実装します。 <body> <div class="nav-header"> <div class="hamburger-menu-handle"></div> </div> <div class="pu
![[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse](https://cdn-ak-scissors.b.st-hatena.com/image/square/b00ab7bf5a19e33db792ea0ed5fb6335ba4f97e7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090106.png)
Firefoxマウスジェスチャーの新定番「FireGestures」 :教えて君.net
Firefox用のマウスジェスチャーは長らく「All-in-One Gestures」が定番だったが、「FireGestures」の方がオススメだ。「左(右)のタブを閉じる」や、掲示板などで「次のページ」代替になる「URL中の数値を増加(減少)」など便利なジェスチャーが多いぞ。 マウスジェスチャーとは、マウスによって様々な処理を行わせる操作方法。「マウスの右ボタンを押しながらカーソルを左に動かしてボタンを離すと『戻る』」といった感じだ。Firefoxにマウスジェスチャー機能を追加する拡張（アドオン）の中で、現在最もオススメなのは、国産の「FireGestures」。旧定番の「All-in-One Gestures」が何故か対応していなかった「左(右)のタブを閉じる」が使えるし、ちょっと他ではなかなか見かけない、特徴的で便利な機能も多数搭載済み。しかも「スクリプト」という形で、自分で機能を追
JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven
kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。 また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定
Windows Azure、クラウド内ネットワークを1ギガから10ギガへ高速化し構造も刷新した第二世代ハードウェアを全データセンターに構築
マイクロソフトは、Windows Azureの全データセンターに対して新世代のハードウェアとなる「Flat Network Storage」を構築。ストレージの能力向上につなげたことをWindows Azureブログ「Windows Azure’s Flat Network Storage and 2012 Scalability Targets」で説明しています。 説明によると、データセンター内のこれまでのネットワークは1Gbpsのイーサネットで階層型のトポロジーでしたが、これを10Gbpsのイーサネットにし、フラットなトポロジーのネットワークにすることでノード間のトラフィックが効率よく行き来できるようにしています。これによってコンピュートとストレージの接続が高速になり、今年投入が開始されたVM Roleが可能になっただけでなく、MapReduceやHPCといった帯域幅を多く必要とするア
Photoshopでレイヤー周りのガイド引きを便利にする機能拡張 -Layer Guides
レイヤーに配置したエレメントの左・上・右・下に沿ってガイドを引きたい、天地中央・左右中央にガイドを引きたい、そんな要望に1クリックでガイドを設定できるPhotoshopの機能拡張を紹介します。 Layer Guides Photoshop Extension Layer Guides -GitHub Layer Guidesのインストール Layer Guidesの使い方 Layer Guidesのインストール ページの「Downloading the action」から「layer-guides-master.zip」をダウンロードします。 Layer Guides Photoshop Extension ファイルを解凍し「Layer Guides.zxp」をダブルクリックすると「Adobe Extension Manager」が起動するので、指示に従いインストールします。 Photos
プロジェクトに合わせたサイトを自由に作成できるWordPressのテーマファイル -Roots
HTML5 Boilerplateをベースにミニマルでアクセシブルなマークアップで、より少ないコードでファイルやテンプレートの構造を設定でき、/wp-content/などのWordPress特有のURLの変更やルートからの相対パスの利用など、カスタマイズに優れたWordPressのテーマファイルを紹介します。 Bootstrapも用意されているので、すぐ使いたい人にも対応！ また、サイト制作中のワークフロー、運営・管理などのメンテナンスにも配慮されています。 Roots Roots -GitHub Rootsの特徴 組織化されたファイルとテンプレートの構造 マイクロフォーマットとARIAに対応したHTML5のテンプレート jQueryはGoogle CDNから最新版を利用 Google Analytics対応 HTML5 Boilerplateの.htaccessをWordPress用にカ
窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」
スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 本拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表
Firefox 拡張の作り方 (2013 年版) - ひだまりソケットは壊れない
4 年前に Firefox 拡張機能の作り方についての記事を書いた のですが、いい加減内容が古いので、改めて Firefox 拡張を作ろうと思った人向けに Firefox 拡張の作り方について概要を記しておこうかと思います。 この記事の内容は古くなっています！！！！！ (2015-12-15 追記) タイトルにあるように、本記事は 2013 年に書かれたもので、現在ではすでに内容が古くなっています。 現在でも通用する部分もありますが、基本的には一から調べなおした方が良いと思います。 例えば、本記事では cfx を使うと書いていますが jpm を使うようになっているようです : Firefoxのアドオン開発環境の導入 - keep-alive MDN の日本語ドキュメントは古い内容のことが多いので、英語のドキュメントを読むのがよさそうです : Add-ons - Mozilla | MDN
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。1月29日（月）〜2月4日（日）〔2024年2月第1週〕のトップ30です*1。 順位 タイトル 1位 死ぬほど嫌でした｜佐藤秀峰 2位 漫画家・芦原妃名子さんが死亡 「セクシー田中さん」など連載｜日テレNEWS NNN 3位 性欲が高まるハーブティーを飲んだら世界の見方がぐるっと変わった話 4位 カジュアル面談 逆質問テンプレ - yuiseki 5位 最近自分がADHD対策でやっていること｜牛尾 剛 6位 理解が進んで記憶が定着！ 「コーネル式ノート術」で「資格試験勉強」がかなりはかどる - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習 7位 自殺について少し皆さんに知っておいてほしいこと｜榊正宗 Official note 8位 このホストの講習めちゃくちゃ為になる
Mozilla Firefox Thunderbird の拡張あれこれ
■ ■ ■ ■ はじめに ■ ■ ■ ■ Firefox というブラウザの特徴は何かと聞かれれば自分が使いたいように自分がいつも使うのに見ていて愉しいようにカスタマイズ出来るということです．Web 2.0 という言葉が流行っているようにコンピューターで一番重要なツールは何かと言えばそれは間違いなくブラウザでしょう．現在 Web 2.0 の時代では多くの事がインターネット上で出来ます．それに必要なのがブラウザです．そのブラウザが自分の使いたいように変更出来ると言うことは素晴らしいことです． 尚、ブラウザとはあなたが今インターネットでこのページを見ているわけですがそのページを表示したり他のページを表示するソフトウェアー、多くの Windows ユーザーは始は Windows に標準で搭載されている Internet Explorer （IE）を使っていますがそれは当たり前のことではなくもっと他
サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌
Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだか恥ずかしいですがこういうツールで調べられちゃうので気をつけましょう ヘッダやソースを見れば当然ながら調べられる情報なんですがボタン一発で調べられるっていうのは便利ですね 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーターにできる拡
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページについたコメントを“ニコニコ動画”風に再生するChrome拡張「米一揆」NOT SUPPORTED
Chromeの使っていないタブ読み込みを停止してメモリを解放する拡張機能「TabMemFree」 | フリーソフトラボ.com
Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！ | バンクーバーのうぇぶ屋