Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
TL;DR webpack はあまりにも色々できすぎるので最低限の機能を押さえる babel-loader 使いません (ECMAScript 6 compatibility table を睨んで必要なら使う) 高度に発達した npm script は魔術と区別がつかない 昔こんな記事を書きましたが,npm script と browserify で頑張るの普通にしんどいので webpack に移行する気持ちになりました Chrome Extension 全人類一度は作ったことがあると思われる*1 Chrome 拡張の開発環境 を webpack で揃えてみます. 以下の構成で $ webpack ... すると,dist 以下に chrome拡張のコアが生成され,配布できる状態をイメージしています ├── dist # generated │ ├── background.bundl
[2018/07/07 追記] 本記事ではChrome拡張について説明していますが、Firefox1やEdgeの拡張機能もほぼ同じ仕組みで動いています。 [2023/11/06 追記] #参考 ページを追加しました。 Chrome拡張。便利な機能を簡単に追加できるので使っている人も多いと思います。 ただ、インストール時の権限の注意書きが分かり難いので無条件に承認(追加)していることもあるのではないかと思われます。 そこで、本記事ではChrome拡張の権限の種類・確認方法の他、拡張がどこまで(悪いことを)できるのかとその対策を3段階の権限(危険性)レベルごとに紹介していきたいと思います。 便利だが危険性もあるChrome拡張 Chrome拡張をインストールすると、Webページを読むというブラウザ本来の機能だけでなく様々なことができるようになります。 例えば、Webメールの新着通知や記事などの
この記事はJavaScript Advent Calender2の11日目の記事です。 qiita.com 初めてのAdvent Calender参加でワクワクしています・・・! この記事ではTensorflow.jsをChrome拡張+Web Workerで動かすためにやったこととTensorFlow.jsを使ってみての感想を書きたいと思います。 対象としては、Chrome拡張を少し触ったことがある人・Tensorflow.jsを少し触ったことある人が両方を組み合わせるためにはどうするかがわかるようになるということを考えてます。 はじめに 深層学習を使うことで高度な機能も簡単にできるようになったことで、webアプリに組み込んで便利な機能を作りたいという衝動が抑えきれなくなってくることはないですか? 私はあります。 抑えきれない衝動を何にむけようかな?と考えた際に、最近の悩みを機械学習で解
WebAssemblyはマルチスレッディングはまだできない さて、WebAssemblyをRustで書くとして、今回のような検索ロジックを高速化したいときにまず思い浮かぶのが並列処理ですが、マルチスレッディングはWebAssembly側がまだ対応していません。(入る噂もあるんですが、今は対応してないです。) Goで書こうがRustで書こうが残念ながら…というのが現状です。 というわけで、今回はシングルスレッドで検索しています。 WebAssemblyの実行速度について RustでWebAssemblyで書けばめちゃくちゃ速くなるはず…と思いたいところですが、期待し過ぎは禁物かもしれません。というのもそもそもJavaScrpiptは優秀ですので、スクリプト言語としては処理速度は速い部類です。 大体Web上のJSとWebAssemblyの比較記事を見てみても、処理速度が数十パーセントほど早くな
Chrome拡張開発の入門資料は世の中にたくさんありますが、結構昔に書かれたものが多く、イマドキ風(といってもそんなに新しくもないですが笑)にTypeScriptを使った場合の開発方法を記しました。 なお、初心者の方向けに、簡単ではありますがChrome拡張の仕組みから説明していきます。 Chormeの拡張の仕組み 以下の3つの登場人物を覚えればOKです。 Content Scripts ページのDOMを操作(取得・追加・更新・削除)できるscript。(3つの登場人物の中では唯一) ただし、アクセスできるChromeのAPIは一部に制限されている。 これを使って特定のページに独自のUIを埋め込んだりできる。 Browser Action(Page Action) アドレスバー右に並んでいる拡張機能のアイコンをクリックしたときのアクション。 様々なChromeのAPIにアクセスできる。 E
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く