You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
先日、動画に突然「熱盛」を表示するとかいうクソChrome拡張を作って公開しました。 動画を再生しているとたまに熱盛と表示されてしまうchrome extension作ったから見てhttps://t.co/KGdPKFvjuP pic.twitter.com/ocyqJWSBBe— まざっち (@mazamachi) 2017年8月29日 めっちゃバズって結構インストールしていただけました。うれしい。 やっぱりこういうのは鮮度が大事で、思いついてから公開までを数日にとどめたいところですね。 とはいえ、Chrome拡張機能をシュッと作るためには Chrome拡張の作法に則った設定ファイルの作成 (manifest.jsonなど) ES6/TypeScript や Less/Scss などのトランスパイル自動化 開発版とリリース版の分離 などなど、設定事項が多くてかなり面倒です。 この記事は、
動画を再生していると10%の確率で熱盛と表示されてしまうchrome extension です。
はじめまして、こんにちは、水音ぴねといいます。高知で大学生してます。 今回は、私が TypeScript を使って Google Chrome 拡張機能を作る上で見つけたことを書いていきたいと思います。 少々長くなりすぎた感があります。必要なところを、つまみ食いしてください。 前置き Google Chrome 拡張機能とは ? Google Chrome の機能を拡張するソフトウェアで、Web の技術 (JavaScript / HTML / CSS) 使って作ります。そして、一般的に Chrome 拡張機能と呼ばれるものには、大きく分けて以下の二種類があります。 拡張機能 アプリ (chrome://apps/ に表示されるもの) 「拡張機能」は、ブラウザの UI を拡張したり、ウェブページの内容を書き換えたりするものを指します。「アプリ」は、Chrome の API を使ったアプリケ
はじめに こんにちは。ナルゲンボトル愛好家です。ふと思い立ってChrome拡張作ろうかなと思ったんですが、どうせならTypeScriptでやるのがいいじゃねえかってことでやりました。で、最近ブログ書いてないし、なんかまとめたらいい感じかなと思ったのでまとめます。 構成 . ├── dist // 生成された拡張 │ ├── context-menu.js │ ├── icons │ │ └── icon48.png │ └── manifest.json ├── gulpfile.js ├── .eslintrc.json ├── package.json ├── static │ ├── icons │ │ └── icon48.png │ └── manifest.json ├── ts │ └── src │ └── context-men
久々にChrome拡張機能を作ろうとした時、node.jsのパッケージとか使ってES2015で書きたいなーと思って探してみたところ、generator-chrome-extension-kickstartというめっちゃ便利なテンプレがあったので紹介したいと思います。 どういうもの? generator-chrome-extension-kickstartはyeomanという雛形生成ツールを使って、gulp、webpack、babelが使えるChrome拡張機能開発環境を構築してくれます。 これを使う利点は、node.jsのモジュールが使える、ES2015で書けるといったことが挙げられます。(ES2015に関してはブラウザが対応しつつありますが…) また、gulpでwatchしておくと、コード編集後にすぐにブラウザで試せるので、とても便利です。 また、Chrome以外にもFirefoxやOp
オガリア開発チームの浜田です。 1月の後半、寒いですね。 こんな寒い日は鍋にビール。あ、焼肉にマッコリもいいですね~。 バァーッと仕事してザザァーッと帰りましょう。 さて、近頃マルウェア問題で不本意ながら注目を浴びているChromeの拡張機能ですが、 弊社でも絶賛開発中であります。 ※この記事は、2014年1月現在のChrome extensions APIに準拠しています。 Chrome拡張機能ではブラウジングに関する様々なアクションができるので 非常に便利なんですが、今回はその中でも「メッセージ通信」について 記事を書かせていただきます。 メッセージ通信とは? Chrome拡張機能同士を連携させる機能。 現在表示している画面でのイベントをハンドリングし、 それを別のjavascriptで処理させたりできます。 Chrome拡張機能におけるjavascriptは、大まかに htmlを用意
Chrome拡張の開発に必要な知識とかの覚書です。 この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。 「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。 対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人 概要 まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLとCSSとJavascriptで作られています。 必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く