超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
「e-Gov」の法令文を劇的に読みやすくする「Stylish」拡張用テーマを作ってみた - white croquis
日本の法律の原文を読みたいときは、総務省が提供している「e-Gov」の法令検索ページで検索し、読むことができます。 電子政府の総合窓口e-Gov［イーガブ］ 法令データ提供システム しかし、誰がどう見ても、この原文がとにかく読みづらいのです。 例えば「著作権法」をご覧ください。 文字がウィンドウ幅いっぱいに満たされ、行間も狭く、インデント（字下げ）が通常の文書のアウトラインと逆になっていて、タイトルが本文よりも右にインデントされていたり…と、問題点を挙げればキリがありません。 そこで、これを誰もが読みやすいであろう、階層レイアウトに補正するスタイルシート(CSS)を作成し、Firefox、Google Chrome、Safari の拡張機能「Stylish」のテーマとして公開しました。 これを使うと、次のようになります。印刷してもそのままのレイアウトで印刷されるので、印刷する場合にも便利で
8 Absolutely Brilliant Chrome Extensions That You Should Know About
Despite having used Firefox in the past, having dipped my toes in the water with Safari and Opera, and even going totally crazy after using Internet Explorer for 10 minutes, somehow I always seem to come back to Chrome. And it's easy to see why. The number of Chrome plugins is huge, and when a developer makes a plugin, it always seems to be for Chrome only these days. Almost as if Firefox doesn't
アニメの名言を簡単に引用できるChrome extension『Kotoha』作りました - Konifar's WIP
思いついた勢いのままに Chrome extension『Kotoha』を作って公開しました。 chrome.google.com コードもGitHubに公開してます。 勢いのままに作ったと言いましたが、Javascript触るの久しぶりな上に初めてのChrome extension開発ということで、 実質15〜6時間くらいかかりました。 完全に俺得Extensionなんですが、せっかく作ったので何を考えてたのかまとめておこうと思います。 知らぬ間にGIGAZINEにも紹介されていました。圧倒的感謝。 gigazine.net どんなExtensionか イケてるアニメの名言を簡単に引用できるようになるExtensionです。 名言をキーワードで探せます。 作品タイトルやキャラクター名でも探せます。 名言はアドレスバーの隣のアイコンから登録できます。 詳細はREADMEに全部書いてあるので
404エラーで消えてしまったページを各種キャッシュサービスから掘り起こすChrome拡張「Web Cache」
404エラーで消えてしまったページのキャッシュを、Google・Yahoo・Bing・InternetArchiveなどの各種キャッシュで一度に探すことができる、Google Chrome用の無料拡張機能が「Web Cache」です。。 Web Cache - Chrome ウェブストア https://chrome.google.com/webstore/detail/web-cache/coblegoildgpecccijneplifmeghcgip?utm_source=chrome-app-launcher-info-dialog Web CacheをインストールするにはGoogle Chromeで上記のリンクを開いて、「CHROMEに追加」をクリック。 ポップアップウィンドウが表示されるので、「追加」をクリック。 「Web CacheがChromeに追加されました」と表示されたら
Chromeのオリジナル拡張機能を開発しよう（ソースコードあり） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Chromeの拡張機能とは？ Chromeの拡張機能は実質的にはただの圧縮したフォルダです。そして、そのフォルダの中身もただのHTMLやCSS、JSファイルです。 つまり、拡張機能の作り方はWebページのそれとは大差ないということですね。 拡張機能にしか提供されていない豊富なChromeのネイティブのAPI群（Chrome.* API）を利用できるところが拡張の魅力です！ 一般公開目的ではなく、普段の業務効率化目的でも十分な利用価値があると思うので、まだの方はぜひ一度触ってみてください。 拡張機能の種類 拡張機能の種類は大きく分けて3つあります。 Browser actions Page actions Override Pages 1つずつ見ていきましょう。 Browser actions ツールバーの右側に小さなアイコンを表示させるタイプの拡張機能です。一番頻繁に見かけるのがこのタイプ
Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結
サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得 最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 す
Google Chrome 拡張機能おすすめ８個
Google Chromeをブラウザとして利用している方も 多いと思います。 私も現在、メインのブラウザはGoogle Chromeを 利用しています。 拡張機能が充実しているのも魅力の１つですね。 そこで今回はGoogle Chrome拡張機能の おすすめを８個ご紹介させて頂きます。 Black Menu for Google YoutubeやGmailなどのGoogleの各種サービスに簡単にアクセス出来る拡張機能です。 瞬時にアクセス出来るので便利です。 ⇒ Black Menu for Google Turn Off the Lights Youtubeなどの動画を見る時に、ページの周りが暗くなり動画を見やすくしてくれます。 URLバーの横にランプのアイコンが表示されるのでクリックすると ON、OFFが切り替わります。 ⇒ Turn Off the Lights AutoPatchW
かゆいところに手が届く。Dropboxをさらに便利にするGoogle Chrome拡張機能たち | ライフハッカー・ジャパン
Dropboxは非常に優れたクラウドストレージサービスですが、機能をフルに使いこなすにはクライアントアプリをローカルにインストールしておく必要があります。でも『Google Chrome』を使っている人なら、もうDropboxのアプリは不要になるかもしれません。 Chrome用の山ほどある便利な機能拡張の中には、Dropboxユーザー向けに機能を追加するものもあるのです。Chromeにこれらを追加しておけば、それだけでDropboxクライアントの役割をほとんど果たしてくれるくらいになっています。 『Dropbox For Gmail』 こうしたChromeの気の利いたアドオンの中でも特筆すべきは、Dropboxが自前で公開したばかりの『Dropbox For Gmail』です。皆さんお馴染みのGmailで、作成したメールにDropboxのファイルを添付したり、添付で送られてきたファイルをD
サイト作成に活用しているChrome拡張機能を10コまとめてみた | Hanpen DaDa
2015年1月21日水曜日 サイト作成に活用しているChrome拡張機能を10コまとめてみた Labels Chrome , ブログツール 私はWindowsでもMacでもAndroidでもiPhoneでもGoogle Chromeをメインブラウザとして利用しています。 Chrome ブラウザ Chromeに自分のGoogleアカウントでログインしておけば、アカウントに紐付いた設定を場所やデバイスを選ばずに使えるのでいつでもどこでも普段使いの環境でブラウジングすることができます。 そしてChromeの何がいいかといえば、やはり充実した拡張機能です。 Chromeの拡張機能だけで完結してしまう作業もたくさんあるので（特にWindowsでは）Chromeを活用するようになってからはあまりPC自体にアプリケーションをインストールすることがなくなってきました。 そんなChrome大好きっ子
はてなブックマークApp Extensionの裏側 - Hatena Developer Blog
こんにちは。はてなでアプリ開発をがんばっているアプリ＆ブックマークチームのid:yashigani_wです。 先日iOSアプリ「はてなブックマーク」で、iOS 8で新たに追加された「App Extension」を使ってMobile Safariなどのアプリから簡単にブックマークできる機能をリリースしました。 はてなブックマークのApp Extensionは既にお試しいただけたでしょうか？ Mobile Safariでシェアボタンをタップすると、はてなブックマークが登場！ ここから直接ブックマークできます！ もちろん、コメントやタグも付けられます。 今回は、はてなブックマークのApp Extensionにおける、はてなブックマークへの認証の設計について紹介します。 App Extensionとは まず、App Extensionの仕組みについてざっくり説明します。App Extensionと
Safari Extension 三分クッキング！ - こたにき
Safari Extension 作りたい！ という方にお届けする、三分クッキング！ HTML5 + JavaScript を使って簡単な機能拡張（extension）を作ってみます。 本日のメニュー ツールバーで動く時計 完成予定図: 最大の難関 Safari Extension を作るにあたって、最大の難関は Apple ID の登録と、Safari Developer Program への登録です。 三分クッキングとしては、「既に登録されたアカウントがこちらになります」と別のお鍋を取り出す場面です。 軽く要所要所だけ説明しますので、フィーリングとリーディングとやる気で乗り切ってください。 Safari Developer Program のページを開いて「Join now」を押します。 次のページでは登録状況によってチェック先が変わります。 Apple ID を持っていない人：左上の
プログラミング・レスで5分でサックリWebスクレイピング「kimonolabs」 - プログラマでありたい
「Rubyによるクローラー開発技法」で付録か何かで書こうか悩んだ末に書かなかったのが、kimonolabsの話です。kimonolabsは、クローラー／スクレイピングをオンラインで実行できるWebサービス（SaaS）です。クローラー本を書いておいて何ですが、９割の人は自分でクローラーを作らずに、この手のサービスを利用すれば事足りると思います。（書かなかった理由は、Ruby縛りサービスの継続性とスケジュールの問題です。主に最後） kimonolabsとは？ kimonolabsは、先述のとおりWebスクレイピングをしてくれるSaaSです。会員登録してChromeの拡張をいれれば、すぐに使えるようになります。一般的に、Webスクレイピングする場合は、次のような手順が必要です。 対象ページのダウンロード ダウンロードしたページから、特定の箇所を抜き出す 抜き出したデータの保存 対象ページのダウン
スマホ版のウェブデザインをクリック一発で確認できるChrome拡張機能「MobileLayouter」
使い方はいたってシンプル。スマホ版のウェブデザインを確認したいページにアクセスし、右上のツールバーで確認したいスマホの端末をクリックするだけ↓↓ このようにサクッとスマホ用のページを見ることができます。↓↓ あとがき @isloopをフォローする かなり便利な拡張機能ではあるのですが弱点もあります。 まぁMobileLayouterが悪いわけじゃなくChrome自体の問題なのですが、ウィンドウの横幅が400px以上に小さくならないのですね。 したがってパーフェクトにiPhonenでのデザインを確認できないのがたまにキズではあります。（画面幅は320pxに出来ます。） まぁ、iPhone 6からどえらく画面が広くなるみたいですけど・・・。 あぁホントにデカクなるのかなぁ。Storyboardの分岐が増えてしまうがな・・・。ﾊﾅｼｿﾚﾀ 【関連】AutoPatchWork - 分割してるページ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2019年版】これは便利！おすすめのChrome拡張機能32選
Googleが新たに開発した「Google Chrome」のブックマーク管理UI「Bookmark Manager」／リッチなタイル表示、機械学習を利用した“自動フォルダ”機能、共有機能などが目玉【レビュー】
これ便利でいいね！WebページのUIエレメントのサイズやマージンが簡単に計れるChromeの機能拡張 -Dimensions
Macアプリメモ - Qiita
