Chromeウェブストアを使ってブリを社員に配る - サーバーワークスエンジニアブログ
この記事は サーバーワークス Advent Calendar 2016 の12/5分です。 みなさんこんにちは！サーバーワークス IoT担当の中村です。 11月には東京で初雪が降り、いよいよ冬の到来という感じです。さらに、東京から離れた氷見では先日寒ブリ宣言がされました。寒ブリ宣言とは、一定の大きさ以上の脂がのったブリを出荷できる見通しが立った時に宣言されるものです。つまり、これから美味しいブリが食べられるということです。いや〜嬉しいですね。 私はこの喜びを仲間たちと共有するため、ブリを社員に配ることにしました。 というわけで、今日はChrome Extensionを作成し、社員に配布するお話です。 ブリを社員に配る 漁獲する さて、まずはChrome Extensionを作りましょう。Chrome Extensionはとてもシンプルで、Chrome Extension用のディレクトリにm
今さら聞けないChromeエクステンションの作り方 - はらへり日記
この記事は JavaScriptアドベントカレンダーの1日目の記事です。 qiita.com JavaScriptというよりはChromeの話かもしれませんが、最近エクステンションを作って楽しかったので簡単に作り方を書いてみます。 Chromeエクステンションとは github-label-creater 私は普段、GitHubで開発するときにIssueのラベルを自分好みに変えてから使うのですが、 毎回作り直すのが面倒でブックマークレットを作ろうとしました。 ただ、ブックマークレットだとソースコードの量が限られてしまうので、Chromeエクステンションにしようと思い立ち、github-label-createrなるエクステンションを作成しました。 github.com こんな感じで使えます。 エクステンションの種類 一言でエクステンションと言っても、いくつか種類があります。 とてもざっくり
Google Chrome拡張のマニフェストファイルまとめ - s_hiiragiの活動メモ
JSON中のコメントは実際にマニフェストを書くときは除去する(JSONの仕様にコメントは無い)。 不鮮明な部分は参考にしたページや公式リファレンスを確認する。 { //--- 必須 --- "name": <String>, // 45文字以内 "version": <versionString>, // 4つまでのドット区切りの数値(0〜65535) //--- 推奨 --- "description": <String>, // 132文字以内 "icons": { "48" : <filenameString>, // 管理ページ用 "128" : <filenameString> // インストール用 }, // _localeディレクトリがあれば必ず指定、無ければ指定しない "default_locale": <reservedString>, //--- いずれか1つを選択(も
日経有料記事の類似記事を無料で読めるChrome拡張をES6+Webpackの最小構成でつくった - Qiita
require('babel/register'); module.exports = exports = [ require('./config/webpack'), ]; import config from './index'; const globals = config.get('globals'); const paths = config.get('utils_paths'); const webpackConfig = { entry: paths.src('entry'), output: { path: paths.project(config.get('dir_dist')), filename: 'main.js' }, plugins: [], module: { preLoaders: [ { test: /\.js$/, loader: 'eslint', i
jQuery を使って 30 分で Chrome 拡張を作ってみた
こんにちは。坪内です。 jQuery ってすごいですね。何でもできますね。そして、Chrome の拡張ってめっちゃカンタンに作れるんですね。 jQuery を使って、Sleipnir 3 for Windows とか Sleipnir Start の検索結果ページにファビコンを追加する Chrome 拡張、その名も Favicon2SleipnirSearch をサクッと作ってみました。 jQueryとChrome 拡張についてカンタンな説明 jQuery とは jQuery は JavaScript のライブラリです。普通に JavaScript で十数行くらいコードを書かないといけないようなプログラムでも、jQuery では、一行で済んだりします。使い方もカンタンなので、とりあえず自分で何か動かしたい、とか自分のWeb サイトで何か動的なことがしたい、って言う人にはとっつきやすくていい
Chrome拡張 | アーキテクチャ - Qiita
概要 Chrome 拡張のアーキテクチャ The background page background pages は、 background.html を裏で持ち、 JavaScript でブラウザの action を制御します。 background pages は二種類あります。 Persistent Background Pages 常に開いている。 background page は Chrome 拡張の機能により自動的に生成されている。 もし、任意のページを利用したい場合は自分で指定することも可能。 manifest.json
Githubにおけるコードレビューを快適にするChrome拡張をつくった。 - hrysd の旧ブログ
なにもいわずにこの画像をみていただきたい... これが全てである。 殺伐としたコードレビューを楽しくする最高のソリューションをあなたに... MISAWA::MD 使用方法 Chrome ウェブストアからダウンロードする。 右上に追加されたMISAWAの顔をタッチ！ 使用したい画像をクリック！ クリプボードにコピーされるので cmd + v で貼付ける。 すてきなやりとりの完成 謝辞 この拡張では以下のリポジトリにあるjsonをもとに画像を取得しています。 このリポジトリのみなさんに心からありがとうの言葉を送りたいです。 惚れさせ男子データベース そして、すばらしい名言をありがとうございました。 地獄のミサワの「女に惚れさす名言集」 最後に こちらがリポジトリになります。 hrysd / misawa_md
ブロガー必須！のChromeエクステンション「Chrome Keyconfig」の設定方法
ブログを書くなら余計な手間は省きたい。 それはこの世に生きとし生けるもの、万物全ての祈り・・・。そんな気がする。 と、言うわけで今日は劇的にブログ作成を楽にしてくれるChromeエクステンションのご紹介。 ショートカットキーでブックマークレットを呼び出すというエクステンションで、Make LinkジェネレーターはFirefoxのMake Linkのように自分用にカスタマイズしたHTMLタグを吐くブックマークレットをつくってくれるツールです。これを組み合わせることで超高速にHTMLタグを作成できます。 例えば「Shift」+「L」でリンクタグを作成出来たり、「Shift」+「Q」で選択した文章で引用タグを作成出来るのです。9つの中で一番おすすめ! 以前、上の記事を読み、一番最初に紹介されているChromeエクステンション「Chrome Keyconfig」を導入しようとしたのですが、なるほど
第2回 User ScriptsとContent Scripts | gihyo.jp
こんにちは、株式会社ALBERTの太田です。今回はGoogle ChromeのUser ScriptsとContent Scriptsについて、その仕様とGreasemonkeyとの違いを中心に、実際のスクリプトの書き方を交えて解説します。 ユーザースクリプトとは User Scriptsとは、Google Chrome版のGreasemonkey（ただし、後述の通り互換性はあまり高くありません）です。そもそもGreasemonkeyとは任意のページで任意のJavaScriptを実行し、そのページに機能を追加したり、（自分にとって）不要なものを取り除いたり、異なるサービスとの連携をしたり、といったことをJavaScriptファイルひとつで実現できるようにするFirefoxのAdd-onです。その手軽さと、それに見合わぬ強力なカスタマイズ性能から高い人気を得ています。 しかし、Grease
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
