A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
「PhotoShow」は、マウスカーソル直下の画像を拡大表示できるようにするブラウザ拡張機能です。 Twitter / YouTube / Amazon / Google 画像検索 / pixiv / Instagram / ウィキペディア / Facebook 等々のサイト上でサムネイルをマウスオーバーした時に、該当サムネイルのリンク先にある高解像度画像がポップアップで表示されるようにする拡張機能で、気になったサムネイルをマウスカーソルの移動のみで拡大表示できるようにしてくれます。 (対応サイトは 140 以上あり、非対応サイト上でも機能する場合がある) 基本的には、拡大表示したい画像の上にマウスカーソルを乗せるだけで使うことができますが、必要に応じて Shift キー Ctrl キー Alt キー を押しながらマウスホバーした時のみポップアップ表示できるように設定することも可能となって
はじめにPHPの開発時のエディターでよく利用するVisual Studio Code(以下、VSCode)ですが、Laravelのフレームワークで開発する際に入れておくべき「Laravel Extension Pack」についての導入方法の備忘録です。 このExtension Packですが、下記のプラグインがインストールされます。 Laravel Blade SnippetsLaravel 5 SnippetsLaravel ArtisanLaravel goto viewDotENVPHP DebugPHP IntellisenseEditorConfig for VS CodeVS Live ShareLaravel Blade Snippetsbladeファイルのシンタックスハイライトが有効になります。 また、コードの生成をコマンドで出来たりと、便利な機能が使えるようになります。
こんにちは。スプラトゥーン3を買ったけどヒーローモードが難し過ぎて挫折し、誰とも対戦することのないままスプラトゥーンをそっと卒業したフロントエンドエンジニアのfurudomimです。 今回はアイスタイルのフロントエンドエンジニアが普段使っている、便利なVisual Studio Codeの拡張機能や小技をご紹介します。 発端としてアイスタイルのフロントエンドグループでは、週に1度ミーティングを実施しているのですが、その中でフロントエンドに関する便利な技やツールを各自で紹介するコーナーを設けたところ、 何それ知らなかった...便利過ぎて泣ける...! というような話がたくさんあったので、そのネタを中心にいくつかピックアップしてお届けします。 VSCodeの便利な拡張機能 まずはVSCodeにインストールするだけで使用できるおすすめの拡張機能をご紹介。 indent-rainbow インデント
はじめに この記事はNuco Advent Calendar 2023の7日目の記事です。 本記事では、おすすめのChromeの拡張機能を8つのカテゴリ別に40個紹介しようと思います。 利用ユーザー数と評価は、2023年11月時点のものです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 目次 Google Chromeの拡張機能とは? 1. 開発全般に使える拡張機能 (4選) 2. テストデータ作成に使える拡張機能 (2選) 3. サーバーサイド開発時に使える拡張機能 (3選) 4. フロントエンド開発時に使える拡張機能 (14選) 5. クラウドサービス利用時に使える拡張機能 (3選) 6. ドキュメント作成時に使
2022-01-15 追記 Ver.3.0 で diff 機能を追加した. これによって新たに 前回集計結果からの増減 も出力できるようになった. ただし前回分も Ver.3.0以降で集計していることが前提. 開発の経緯 皆さんはコード行数を数えるのにどのようなツールをお使いだろうか. 私は コロ助 を失って幾年か経った1. それに替わるものがなかなか見つからない. VSCode拡張にいいのないだろうか. ・・・あるけど使い勝手や対応言語がイマイチだな... 作るか? TypeScript の勉強にもなるしな. ということで、ワークスペース内のコード行を集計するVSCode拡張機能 を作った. 実は半年前くらいには公開していたが、なんとなくなんやかんやで今になって紹介させていただきたい. 機能概要 VScode Counter は、VSCode 上で動作する拡張機能である. ワークスペース
ホーム / OSS Development / PostgreSQL のマテリアライズドビューを高速に最新化する:<コミュニティへの機能提案と拡張モジュール pg_ivm > この記事は株式会社SRAの技術情報誌「GSLetterNeo Vol.173(2022年12月発行)」の記事「PostgreSQL のマテリアライズドビューを高速に最新化する」を許可を得て転載したものです。 はじめに PostgreSQLは広く使用されているオープンソース・ソフトウェアのRDBMSです。SRA OSS LLC ではPostgreSQLに関するサポートやコンサルティングのサービスを提供する一方、技術開発室という部署ではPostgreSQL開発コミュニティへの貢献やPostgreSQLに関する研究開発といった活動を行っています。本稿ではその中から「増分ビューメンテナンス(Incremental View
目的 オススメのVisualStudio2019に対応している拡張機能を紹介したかったからです。それ以上でもそれ以下でもありません。(笑)それと、「おすすめの拡張機能を知ってる!」という方は、是非コメントで教えてしてください。 追記(変更)内容 余りにも多くなってきたので整理しました VisalStudio2022に対応しているかを確認して、記述しました もし「対応してるよ」というものがあればお知らせください。修正します。 追加で22対応の拡張機能を記述しました 「〇」: 対応済み 「△」: 似たような拡張機能が存在 「✕」: 非対応 Qiitaでの新しい書き方に対応しました(この欄) 個人的には「PlantUML」が使えるようになっているのは驚きました 目次 気になった拡張機能の名前をクリックしてください。詳細欄へ移動します。 ※ 確認はするようにはしていますが、移動しない場合はコメント
メシウス株式会社のDeveloper Solutions〈開発支援ツール〉の情報発信メディア「MESCIUS.devlog」 Visual Studio Codeでコードを表示しながらデータを確認する場合に役立つ拡張機能の紹介です。 スクリーンショットの工夫 Excelファイルを操作するライブラリDioDocs(ディオドック)は、ユーザーインタフェースが無いので、スクリーンショットを撮影する際に工夫が必要です。 GrapeCity.devlogで利用方法を解説する場合も、成果物であるExcelファイルやPDFファイルを表示した画像になるケースがほとんどです。 また、.NET CoreのConsoleアプリの場合、コマンドラインのUI(CLI)になるためVisual Studio Code(以下、VSCode)にコードを表示した画面になります。 しかし上図では、右側にグリッド画面が見えます。
Unreal Engine アセット アセット-Asset ZibraVDB - OpenVDB エフェクトを圧縮し20 倍削減することでリ... 2024-09-13 ZibraAIから、OpenVDB エフェクトを圧縮し、データ サイズを最大 20 倍削減することでゲーム エンジンでのリアルタイム レンダリングを可能にするソリューション「ZibraVDB」が正式リリースされたようです。 続きを読む Unreal Engine アセット アセット-Asset Cinematic Car Rig v2.0 - シミュレーション不要!Unre... 2024-09-12 MadGoat Studioによる、Unreal Engine 5向けのシネマティックカーアニメーション制作用BPシステムアセット『Cinematic Car Rig V2.0』がリリースされました! 続きを読む
はじめに こんにちは、アノテーションのなかたです。 今回は、VSCodeのPython拡張機能でテストカバレッジ表示機能が追加されたので、検証してみました。 以前までは、Coverage Gutters 等の拡張機能を追加でインストールする必要がありましたが、Python拡張機能が対応したことで導入がしやすくなったと思います。 やってみる 今回は、Pytest と pytest-cov によるテスト環境でカバレッジ表示機能を試しています。 また手順 1, 2, 3 については、VSCode で Pytest によるテストカバレッジ環境を用意する手順になりますので、用意できている方は手順4から読み進めていただければと思います。 1. テスト環境の準備 Python拡張機能をインストールします。 また、Pythonやライブラリをインストールします。 Python仮想環境の作成やPytestのイ
Safari extensions are a popular way to customize your browser. With the release of iOS 15 came the introduction of numerous new extensions Safari was compatible with on an iPhone, as well as on a Mac. You can download extensions from the App Store, just like you do with any other app. However, if you ever get too many of them, it might slow down your browsing experience. Luckily, you can get rid o
こんにちは。半年ぶりのはるです。関わる仕事も増え、結構忙しい日々を過ごしています。 自分の実力も少しずつついていってるかなぁ。。あの案件辛かったなぁ。。実になったけど。。とか。 もうすぐ半分が過ぎようとする今年に思いを馳せている今日このごろです。(なお外は土砂降り) 改めて、自分が使っている VSCodeの環境を見直してみた AtomとSublime。少し前に私がよく使っていたエディタなのですが、Atomは重いしSublimeは少し不安定。 なかなかエディタで決定打となるものはありませんでした。 ところが、Visual Studio Code (以下VSCode) を知って、一気に虜になりました。 軽い上に拡張機能がすごい量?名前やバックのあの会社からくっそ重そうな印象があったけどやるな!? などと大変失礼なことを思いながらも、使っていったわけです。 今や、メインのエディタはこれ以外では考
Extensions often need to inject code into every page, rather than only targeting certain domains. Password managers need to check if there's a login form. Spell checkers need to look for text fields. However, for performance it would be much better if the code that checks the relevant conditions was separated from the primary functionality of the extension. Then most of the code would only be load
「YouTube AV Sync」は、YouTube 動画の音ズレ(遅延)を補正できるようにするブラウザ拡張機能です。 音声を映像よりも指定した秒数だけ先行して再生することにより、映像と音声のズレを修正できるようにしてくれます。 (音声を映像よりも遅延して再生する… ということはできません) 音声を早める時間はミリ秒(1/1000 秒)単位で指定することができ、最大で 5 秒間音声を先行させることが可能となっています。 お気に入りの動画で音声の遅延が生じている時、特に、YouTube 動画を他のデバイスでストリーム再生したりする時に役立つかもしれません。 尚、2020年05月10日時点では、埋め込みプレイヤーに対しては動作しないようです。 ダウンロード(Chrome 拡張機能) ダウンロード(Firefox アドオン) YouTube AV Sync の使い方 「YouTube AV Sy
アセット-Asset モデル アセット ASAN2024 - 徳島県三好郡東みよし町にある『阿讃サーキット(あさんサーキ... 2024-05-04 KILIN-1.5YTA氏(@kilin_rc)が徳島県三好郡東みよし町にあるサーキット『阿讃サーキット(あさんサーキット)』をドローン撮影しフォトグラメトリーを行い3Dデータ化!そのデータをFBX形式で無料配布しています! 続きを読む 2Dアニメーション ソフト ソフトウェア&ツール-Software&Tool Toon Boom Studio Reel 2024 - 2Dアニメ制作ソフト「... 2024-05-04 2Dアニメーション向けソフトを幾つも開発・販売しているToom Boom Studioによる製品採用事例紹介リール『Toon Boom Studio Reel 2024』が公開されました。 続きを読む
DeepL翻訳はとても優しく自然な翻訳なので気に入って使っています。DeepL翻訳はWeb版がオリジナルだそうですがMacでもアプリ版を使っています。理由はブラウザを閲覧中に翻訳が必要になって拡張機能やPopClipの公式ExtensionでDeepL翻訳を開くとWeb版DeepL翻訳が開いてブラウザの別のタブを使うため もとのサイトから離れてしまうからです。しかしなんと言ってもテキストの範囲指定後の機能呼び出しでPopClipに勝るものはありません。こんなTweetがあったので使ってみました。 PopClipの公式DeepL Extensionがブラウザを開くのが不満で以前DeepLのMacアプリで翻訳するExtensionを作ったのですが、DeepLのショートカットキーに依存しない実装に変更しました。https://t.co/eJ6H3W1aET— りず (@rizumita) Sep
Images Code Markup Locales Misc Listing Download CRX Open Enter the URL of a Chrome Extension, Firefox addon, zip file, or the page in the Chrome Web Store, Firefox addon gallery, Edge Addons Store or Opera addon gallery. or select a local file → Generate or modify URL of Chrome Web Store item Extension ID Operating system Windows Linux macOS Chrome OS BSD Android Architecture ARM x86-64 x86-32 Na
Python/Jupyter拡張機能2023年8月版では、Python拡張機能のソースリポジトリにコントリビュータ向け開発コンテナDev Containerが追加され、GitHub CodespacesでPython拡張機能リポジトリを開いて、インストール作業などを行うことなくPython拡張機能の開発やテストに取り組めるようになった。 Dev Containerでは、プリビルドが有効になっており、開発コンテナが即座にロードされ、Python 3.7/3.8/3.9/3.10/3.11がプリインストールされているため、pyenvでPythonバージョンを切り替えられる。また、PylanceやBlackフォーマッタ拡張機能といった、開発に必要な拡張機能が用意されている。 あわせて、Debugpyでは「引数付きPythonファイル」の設定が提供されるようになり、Pythonファイルを実行するた
Python × Selenium × ChromeDriverでGoogle Chromeを起動すると、通常だと拡張機能はまっさらな状態で起動してしまいます。 でも、↓こんなふうに「拡張機能も同時に起動したい」ということがあったので、方法をメモしておきます。 ChromeDriverに"拡張機能実行オプション"を与えることで、実現できました。 【Selenium】ChromeDriverを拡張機能あり状態で起動する起動する拡張機能のIDを調べる拡張機能が保存されているフォルダーパスを調べる"拡張機能起動オプション"を与えてコード実行この3ステップです。順番に説明していきます。 1. 起動する拡張機能のIDを調べるまず、chrome拡張機能のIDを確認しましょう。 chromeを開き、右上三点マーク > その他のツール > 拡張機能 をクリック。 拡張機能ページが開くので、右上の「デベロッ
動作確認環境&導入方法 【PC】 MacOS 10.14.6 【エディタ】 当記事では、AtomとVS Codeで動作を確認しています。 (注):公式サイトのダウンロードページで Third-party support の項目に書いてあるエディタ(VS CodeやVimなど)は一部のみのサポートで、一部の構文が使えないことがあります。当記事ではAtomとVisual Studio Code(VS Code)で動作を確認していますが、エディタによっては違う挙動を取ることがありますのでご注意ください。 ◆Atom 1.41.0 導入方法 Preferences(環境設定) > Install(インストール) で[Packages(パッケージ)]を選択、 emmet で検索すると発行元が emmetio のパッケージが出てくるのでインストールを行います。 ◆Visual Studio Code
春の入門祭りの第19弾です はじめにフューチャーに入社して約半年が経ちました。CSIGの谷田です。 現在業務では直接開発をする機会はないのですが、業務の合間を縫って日々プログラミングを勉強中です。そんな中、お世話になっている先輩から手始めに、Google Chromeの拡張機能の作成方法を教えて頂いたので、拡張機能の作成方法入門を書いていこうと思います。 作成方法自体はとっても簡単なので、ぜひ皆様もやってみてください! 拡張機能とはWebページの閲覧や情報の検索に使用するブラウザに、自身で選んだ機能を追加することで、日常業務や作業を効率化して、便利にしてくれるものです。 皆さんもお気に入りのものを追加して日々の業務で使用されているのではないでしょうか? 拡張機能はChrome以外のブラウザ(IE、Firefox等)でも存在し、アドオンとかextensionという言い方もしますよね。 この拡
現在のChrome拡張機能は「Manifest V3」と呼ばれるプロトコルに対応しており、この仕様は以前のバージョンと比べてセキュリティやプライバシーについて改善されていると評価される。だが問題が存在しないわけではない。今回、ウィスコンシン大学マディソン校の研究者らが公開した論文がChromeの拡張機能に存在するセキュリティ上の問題点を指摘した。 研究者らはChromeとテキスト入力フィールドについて、パスワードや社会保障番号、クレジットカード情報などの機密情報に関するセキュリティを包括的に分析している。主な分析結果は次の通りだ。 Webブラウザの粗い粒度のパーミッションモデルが、最小特権と完全な調停という2つのセキュリティ原則に違反している 発見した脆弱(ぜいじゃく)性を突く拡張機能を開発し、実際にWebストアのレビュープロセスをバイパスして登録できることを確認した。これを利用すれば、W
こんにちは。画像生成AIを楽しんでいるじょじお(@jojio_illust)です。 画像生成AIツールのほとんどはプロンプトを英語で記述しなければいけないため、英語の苦手な方にとっては苦労されるかと思います。 この記事ではそんなプロンプト作成を補助してくれるツール・サービス・翻訳ツールを紹介したいと思います。 画像生成AIに便利な英語翻訳ツール まずは、日本語⇔英語の翻訳に便利なツールを紹介します。 今回は3つの翻訳ツールを紹介しますが、それぞれ良し悪しがあるのでどれかひとつを使うというよりは、シーンによって使い分けると快適に作業ができるかと思います。 DeepL翻訳(ディープル・ディープエル) DeepL翻訳は、ドイツの会社が開発する翻訳サービスです。 PC・スマホなどの専用アプリがあります。 PCアプリ版が便利で、Ctrlキー2回押下(Macはコマンドキー)で簡単起動できるなど、いくつ
「the-context-of-the-tweet」は、選択したツイートの前後に投稿されたツイートを表示できるようにするブラウザ拡張機能です。 指定したツイートの前後 10 分 / 30 分 / 1 時間 / 6 時間 / 12 時間 / 1 日 / 1 週間 / 1 か月 / 1 年 以内にあるツイートを抽出して表示できるようにし、選択したツイートの前後にある文脈を確認できるようにしてくれます。 機能的には、先日紹介した「近傍ツイート検索」と似ていますが、この「the-context-of-the-tweet」は 抽出するツイートの期間を、毎回指定することができる ところが大きな特徴。 これにより、たとえば このツイートは、前後 1 時間以内だけを確認しておけばいいかな あのツイートは、前後 1 か月以内を見ておきたい … というように、その時の状況に応じて抽出範囲を毎回選択することがで
この記事はNTTコミュニケーションズアドベントカレンダーの8日目の記事です。 昨日は、@suzusuzu さんの 「Rustで実装するNetflow Collector」でした。 はじめに どうもこんにちは 昨年はこんな記事を書いたtetrapod117です。 今年はおうち時間が長かったので、いろいろ仕事以外でも趣味の開発をやったりしていました。 その中でChrome拡張を作ったりもしたので、今回は2020年っぽいChrome拡張を作って、Chrome拡張の開発について学ぶ記事を書いていこうと思います。 (お)うちでChrome拡張機能を作(るのに役立てばいいだ)ろう という感じで書いていきます ちなみに、Chrome拡張はお仕事ではなくプライベートな趣味で作ってます。 まず、Chrome拡張って? Chromeの機能を拡張できるプログラムのことです。 拡張機能はChromeウェブストアか
MCprep is a blender python addon to make Minecraft renders and animations easier and faster. It automatically sets up better materials, imports fully animatable mob rigs, and can replace plain world-export models with 3D modeled and animated blocks, such as wind-swaying grass and wheat. Once you have imported a Minecraft world (e.g. from jmc2obj or Mineways), use MCprep to take your world to the
ご利用のテーマやプラグインの組み合わせによっては、不具合を起こす場合もあります。すでに運用済みの本番環境で導入する場合は、事前にバックアップを取得しておく、必要に応じて検証環境を作って事前に試しておくなどして自己責任でお願いいたします。 Easy FancyBoxのインストールと初期設定 Easy FancyBoxのインストール有効化 まずは、Easy FancyBoxのインストールをしていきます。 「プラグイン>新規プラグインを追加」を選択します。 「Easy FancyBox」で検索して、表示された下記のプラグインを「今すぐインストール」します。 有効化ボタンを押下します。 以上で、Easy FancyBoxのインストールは完了です。 なお、EasyFancy Boxの使い方は簡単で、基本的にインストール・有効化したら設定は不要で、ブロック挿入時にリンク先をメディアファイルに設定するだ
Storybookのv5.2 で入る予定の新しいアドオン addon-docs を試してみたら、なかなかいい感じだったので布教記事を書きます。 実物はGitHub Pagesで公開しています。 https://y-takey.github.io/storybook_docs_example/ (リポジトリ: https://github.com/y-takey/storybook_docs_example ) addon-docs は (既存のアドオンである) addon-info をほぼ置き換える新しいアドオンで、従来のストーリー形式に加えて MDXも使えることが一番の特徴だと思います。上の画像のようなドキュメントを手軽に書くことができます。 MDXを使えることが理由で、 Styleguidist や Docz を選んだ人もいるんじゃないかと思いますが、これからは Storybook も
ニコニコの動画を2クリックで簡単保存!超シンプルなダウンロード補助拡張機能の紹介です! ※この記事は2023/12/4アップデート予定のv4.0.0.0対応の記事です。 最近のニコニコ動画まわりの動向新サーバに移行が開始されたようです 新サーバでは配信方法が以前と変更されており、新しい処理が必要(v3.0.0.2では新配信方法に対応していない) 依然として旧サーバの配信方法(以前からhlsで配信されていたもの)が使われている動画が残存しているため、並行して対応が必要 ということでアップデートしました!!!! インストール方法① インストールまずダウンロードはこちらから。 こんな感じのページが開かさるはずです。↑押すべきボタン。右上にあります。「Chromeに追加」というボタンがあるはずなのでそこを押してください。 こんな感じのダイアログが出ると思うので「拡張機能を追加」してください。(※ダ
◇ウェブマニアの視聴者さん同士で交流ができる公式Discordサーバー→https://discord.gg/HtDkPsGDMs ◇Xはこちら→https://twitter.com/webmaniasns <今回の動画について> これまでご紹介してきたブラウザ用の拡張機能を、総集編として一挙まとめてご紹介しています。 ウェブマニアを最近知ってくれた方はぜひ参考にしてください! URLはコメント欄の固定枠をご覧ください(概要欄は文字数オーバーでした汗) <動画の目次> 0:00 OP 0:12 MultiLinks Shortcut 0:53 画像を JPG/PNG/WebP として保存 1:19 Imageye 1:49 Hover 2:21 Notepad 2:58 Close Tab by Double Right Click 3:29 Mile Wide Back 4:08
ブラウザーの拡張機能は、タブを離れることなく利用できる便利なツールだ。パスワードの保存や文法チェックなど、役に立つさまざまなタスクをこなす。一方、こうした拡張機能にはマルウェアが含まれている場合も多い。そこでGoogleの「Chrome」が手助けしてくれることになった。 Googleは「Chrome Developers」ブログで、「Chrome 117」ではインストール済みの拡張機能が「Chromeウェブストア」から削除されたかを、ユーザーが確認できるようにすると発表した。 拡張機能がChromeウェブストアから削除されるのは、開発者によって非公開になった場合、Chromeウェブストアのポリシー違反で削除された場合、マルウェアとして特定された場合の、3つのいずれかに該当する場合だ。 このアップデート以前は、マルウェアを含んでいるとしてChromeウェブストアから拡張機能が削除されても、す
特定のディレクトリ内の、指定した拡張子のファイルを再帰的に削除するコマンドをメモとして残しておきます。 基本コマンド # 例としてディレクトリ内のテキストファイルを再帰的に削除するコマンド $ find ディレクトリパス -name "*.txt" | xargs rm 意味としてはコマンドのまんまなのですが、一応コマンドの内容を解説しておきます。このコマンドは以下の手順で再帰的に特定の拡張子のファイルを削除しています。 findコマンドでディレクトリ内の特定の拡張子のファイルパスを再帰的に探索 探索したファイルパスをrmコマンドに渡して削除 ディレクトリ名に拡張子が含まれている場合 上記のコマンドだと(滅多にないと思いますが)、hoge.txtみたいな名前のディレクトリが存在してた場合はファイルの削除は成功するものの、下記のようなエラーが表示されます。 # hoge.txtはディレクトリ
Quixy Toolboxは画像や動画内のテキストをプレーンテキスト化してくれるChrome拡張です。OCR技術でテキストを解析し、テキストに変換してコピーできるようにしてくれる、というものになります。 過去にもOCR ScannerやBlackBoxなど同様にOCR技術を手軽にブラウザで利用できるアプリケーションをご紹介しましたが、精度はどれも概ね良好でした。 Quixy Toolboxが上記2つより優れている点は一度起動すれば何度でも繰り返しその場で使える点でしょうか。上記2つはたびたび起動する必要があったので便利に感じました。 ただ、対応言語は日本語に対応していません。全ての言語に対応したい場合はBlackBoxを使うと良いでしょう。範囲の指定だけでテキスト解析からコピーまで行ってくれます。OCR技術はあまり目立って話題になりませんが様々な情報を知る上でとても便利なのでうまく利用して
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く