みなさん、こんにちは。サイオステクノロジー武井です。今回は、導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能をご紹介したいと思います。 ※ 本記事は技術評論社出版の「Software Design」2022年10月号(詳細はこちら)に私が寄稿した「エディタこそ開発の要 ［最大活用］Visual Studio Code」の記事をベースとしております。是非、Software Designの方も合わせてご覧ください！！ はじめに Visual Studio Code はインストール初期でも機能は豊富であり、かつインタフェースもシンプル、そして拡張機能により利用者の環境に合わせて自由にカスタマイズできることが、大きな魅力となっております。 一方で、その機能の豊富さにより、どの機能を使ってよいのかと迷われる方もいると思います。 そこで本記事では、「導入がカンタンで開発効率
人工知能（AI）の開発に重要な役割を果たすのが「データ」だ。注目のプログラミング言語「Python」と開発環境「Visual Studio Code（VSCode）」を使ってデータの加工や分析を行う方法を解説する。 【応用編】コードを整理する データ分析の作業でJupyterを使うと、一部のコードを何度も修正して試したり、途中にコードを追加して実行したりできるので、とても便利です。一方、あとで改めて実行し直そうとしたときに、無駄なコードが残ったままで、実行に時間がかかってしまうこともあります。 この問題を助けてくれる、VSCodeのJupyter用拡張機能である「Gather」を紹介します。 拡張機能「Gather」 Gatherは、ボタン1つでノートブックのセルの実行結果を解析します。そして、その実行結果を出すのに必要なコードだけを集めて新しいノートブックにコピーします。つまり、散らかっ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに はじめまして、@nkato_です！ 普段は機械学習寄りのソフトウェアエンジニアとして、PythonでMLパイプラインを記述したりGoでバックエンド処理を記述しています。 便利アプリや各種ツールの拡張機能が好きで、これまでにも様々な機能を取り入れて試してきました。 自社エンジニア向けにそういったツールを共有したいと思ったのですが、どうせなら公開情報としてQiitaに投稿しようと思い立ち、まとめてみることにしました。 量は多いですが、どれもおすすめです！ アプリ Alfred ショートカットキーで検索窓を開いて、アプリ名で検索して
非アクティブ状態のタブを一時停止してくれる拡張機能「The Great Suspender」が、新たな所有者のもとで不審な更新が行われたということが指摘されており、ソフトウェア開発者のデビッド・フォスター氏が対策を示しています。 I no longer trust The Great Suspender | DaFoster https://dafoster.net/articles/2021/01/20/i-no-longer-trust-the-great-suspender/ I no longer trust The Great Suspender | Hacker News https://news.ycombinator.com/item?id=25846504 [Open Source Development] The Great Suspender Saga, or, “I
Microsoft製テキストエディタ「Visual Studio Code(VSCode)」は拡張機能を導入することで機能を追加したり外観をカスタムしたりできます。セキュリティ研究者らが「人気拡張機能にコードを挿入した偽拡張機能」を公開した結果、短期間で大企業やセキュリティ企業を含む多くのユーザーのマシンにインストールされたとのこと。セキュリティ研究者らはVisual Studio Codeの拡張機能システムの欠陥を指摘し、警鐘を鳴らしています。 1/6 | How We Hacked Multi-Billion Dollar Companies in 30 Minutes Using a Fake VSCode Extension | by Amit Assaraf | May, 2024 | Medium https://medium.com/@amitassaraf/the-stor
ウェブサービスへの新規登録やオンラインショッピングの際にメールアドレスを入力すると、メールアドレスの流出や悪用などの被害を受ける可能性があります。この問題に対応するべく公開されたFirefoxの開発元・Mozillaのメール転送用の捨てメールアドレス生成サービス「Firefox Relay」が、2022年3月10日(木)に「転送可能容量の増加」「Google Chrome向け拡張機能の提供」「メールマガジンのフィルタリング機能」などの新機能に対応しました。 Latest Firefox Relay includes bigger attachment size and filters for promotional emails https://blog.mozilla.org/en/mozilla/latest-firefox-relay-includes-bigger-attachme
Notionでの編集でちょくちょくとストレスを感じるシーンがありました。何か対策が取れないものかと設定を確認したものの、特に変更はできず。そこで拡張をストアで検索してみたところ、まさにそのものといった拡張がありました。 上記の様に色々と機能はあるのですが、とくにイチオシな機能を紹介します。 OUTLINEの表示 Headerを使っている場合、右上にToCが表示されるようになります。勿論単なる表示ではなく、該当する目次をクリックすることでジャンプします。 スペースでスラッシュコマンドをキャンセル スラッシュを単体で入力したい時にはとても役立ちます。 オフ オン うっかりを防止するためにはとても有効です。 テーブル内コンテンツをプレビューなしで開く 標準では「ページとして開く」のステップをはさみますが、これを挟まなくなります。 ページとして開いて編集したい場合は1ステップ挟まなくなるためとても
ソースコードの複雑さ、不具合のリスクを定量化したコードメトリクス1というものがあります。 コードメトリクスは計算方法によっていくつか種類があり、メジャーなものだと以下のものがあります。 Cyclomatic Complexity（循環的複雑度） Cognitive Complexity（認知的複雑度） Maintainability Index（保守容易性指数） Lines of Code（コードの行数） これらのコードメトリクスを計算し、CodeLensに表示するVisual Studio拡張機能2を作成しました。 tackme31/howmessy: How messy is your code? 以下のようにコードメトリクスをもとにコードが複雑かどうかを判定し、CodeLensに表示してくれます（デフォルトではCognitive Complexityをもとに計算します）。 今のところ
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
ChatGPTユーザーであればぜひ入れておきたい 「Superpower ChatGPT」 今、大ブレイク中のChatGPTだが、UIがシンプルで使いやすいものの、いろいろと使い倒すには機能が足りないと感じることも多い。そんなChatGPTヘビーユーザーにお勧めなのが、ChatGPTを使いやすくしてくれる拡張機能だ。 通常、ブラウザの拡張機能と言うと、ひとつの機能に絞ったものが多いのだが、今回紹介する「Superpower ChatGPT」は多彩な機能を搭載し、ChatGPTを別物にしてくれるのが特徴。ChatGPTユーザーであればぜひ入れておきたい。 まずは、Chromeウェブストアから「Superpower ChatGPT」（https://chrome.google.com/webstore/detail/superpower-chatgpt/amhmeenmapldpjdedeka
こんにちは、うみのです。 今回はVSCodeにて、よく使っている拡張機能や開発時のテンションを向上させる拡張機能を紹介したいと思います。 VSCode自体はここからダウンロードできます。 indent-rainbow indent-rainbowをインストールすると、ソースコードのインデントに色がついて見やすくなります。 ただインストールしただけでは色が薄いので、設定ファイルから自分好みの色に編集します。 最終的には下記のような色合いのインデントが作成できました。 インデントの色編集の詳しい説明は「虹色のVSCodeでテンション上げて開発する！」で書かれています。
Claude Desktop 等から Cline のようなコーディングを可能にする VSCode 拡張機能です！ インストール方法 & 使い方 まず VSCode 拡張機能をインストールします。 次に、MCP クライアント側の設定をします: mcp-installerを使っている場合: 「vscode-as-mcp-server という MCP サーバーをインストールして」等でお願いすればインストールできます その他: 例えば Claude Desktop の場合、claude_desktop_config.json にて { "mcpServers": { ... "vscode": { "command": "npx", "args": [ "vscode-as-mcp-server" ] } } } このように JSON を追加することで設定可能です。 最後に、拡張機能をインストール
AIがコードを補完する。SublimeでもVisualStudio Codeでも 2021.06.12 Updated by Ryo Shimizu on June 12, 2021, 09:20 am JST AIがコード補完してくれる便利なサービスでtabnineというものがある。 これは内部でGPT-2モデルを使い、100万人の開発者による典型的なコードを学習させたAIが、コード補完をするというツールである。 プログラミング言語も、JavaScriptやJava、Python、Go、Rustなど幅広い言語に対応しており、使用できるエディタもプログラマーに人気のSublimeTextやVisualStudio Code、Emacs、Atom、Vimなど一通り網羅している。 無料でも使えるので早速試してみた。 この手のAIモノはまずは試さないことには何もわからない。 単純なFizzBaz
こんにちは、ちょっと前に 3 ヶ月半の育児休業から復帰したくらさわです。 なんと今日で生まれてちょうど半年です！早い！！ こちらの記事は Gunosy Advent Calendar 2021 の 16 日目の記事です。 昨日の記事は yamaYu さんの『EKS Managed Node Group でカーネルパラメータを変更する 』でした。 今回は Visual Studio Code (以下 VS Code) の拡張機能を開発した話 + α を書きたいと思います。 タイトルが全てです。 はじめに 作成した拡張機能 拡張機能作成の流れ セットアップ Yeoman と VS Code Extension Generator をインストール Yeoman を実行 プロジェクトを開く コード contributes.commands activationEvents activate 関数
記事の動機 VSCodeの拡張機能何入れてますか？と聞かれることが多いので忘備録的に残します。 Language Japanese Language Pack for Visual Studio Code 日本人なので、日本語が母国語です。 英語のUIでも操作に支障はありませんが、一眼でどういう挙動をするのか理解できる状態は作業の効率につながります。 Linter, Formatter ESLint javascript系のlinterです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。（要設定） Prettier - Code formatter いろんなファイルをフォーマットしてくれるやつです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。（要設定） Stylelint スタイルにま
個人的に超便利な Chrome 拡張を作ってみたので紹介です。 作ったもの Chikamichi（近道）という閲覧履歴・ブックマーク・タブを横断的に検索し移動できる Chrome 拡張です。 機能
前回はChatGPTを仕事に使うための基礎知識と、プロンプトの作り方を紹介した。ChatGPTを使い込むようになると、「ここがこうだったらもっと便利なのに……」と思うことが増えてくるはずだ。今回はChatGPTをもっと便利にする、無料のChrome拡張機能のうち、筆者おすすめの五つを紹介する。（ITライター 柳谷智宣） ChatGPTを普段から活用していて、「もうちょっとかゆいところに手が届くといいのに……」と思ったことはないだろうか。 例えば、Google検索で目当ての情報が見つからない場合、ChatGPTに切り替えるひと手間が面倒。キーボードを打つのが面倒。メールの清書を依頼するのも面倒。最新情報が含まれていない。履歴が消えてしまうのが困る……そんな時にお勧めなのがChromeの拡張機能だ。これらの課題を解決してくれる便利機能で、すべて無料で利用できる。今回はイチオシの拡張機能を5つ紹
はじめに 今回の記事では、主にバックエンド(PythonとTypeScript中心)を開発している私が使っているVSCodeの拡張機能を紹介する。 拡張機能 基本的にどのような言語でも対応できる拡張機能を紹介する。 Japanese Language Pack for Visual Studio Code VSCodeを日本語にできる。 REST Client VSCode上でgetやpostなどのHTTPリクエストを送信できる。GraphQLにも対応している。 GitLens — Git supercharged commit単位でファイルを比較したり、最新のcommitの内容を表示したりできる。 DeepL for Visual Studio Code VSCode上にて日本語から英語に翻訳できる。翻訳の精度が非常に高い。 JSDoc Generator JavaScriptのドキュメ
「iPhoneと同じになるな!」Androidユーザー悲鳴。アプリの自由インストール、2027年に事実上終了へ
Googleが提供するウェブブラウザの「Google Chrome」には、ブラウジングを便利にするさまざまな拡張機能を追加できる「Chromeウェブストア」が存在します。スタンフォード大学のセキュリティ専門家チームが、Chromeウェブストアから入手した拡張機能が原因で、数億人ものユーザーがマルウェアに感染していることを報告しています。 [2406.12710] What is in the Chrome Web Store? Investigating Security-Noteworthy Browser Extensions https://arxiv.org/abs/2406.12710 Security experts find millions of users running malware infected extensions from Google Chrome Web
去年にアップデートされた Chorome 83 以降、拡張やアプリなどを導入することなく、DevTools で簡単にシミュレートすることが可能になっています。 手順 DevTools のメニューを開きます。 More tools から Rendering を選択します。 あとは Emulate vision deficiencies で選択するだけです。 シミュレーションできる種類 実際に DevelopersIO のロゴがどう見えるのか、それぞれの選択肢でどうみえるようになるのか確認してみました。 選択肢名 サンプル画像
「iPhoneと同じになるな!」Androidユーザー悲鳴。アプリの自由インストール、2027年に事実上終了へ
無限ツールズは、大量のWebツールであなたの能力を無限に拡張します。
皆さん「ChatGPT」を使いこなしているだろうか。筆者は毎日長時間仕事にプライベートに使い倒している。本連載では「第23回 ChatGPTユーザーはEdgeに拡張機能「Superpower ChatGPT」インストールすべし」でイチオシを紹介したが、今回はChatGPTを使う際に便利な拡張機能をもう4つ紹介しよう。 1つのプロンプトで複数の生成AIを同時に利用できる「ChatHub」 ●ChatHub 「ChatGPT」だけでなく、「Bing」や「Bard」など他の生成AIを利用することもあるだろう。通常は別タブでウェブサイトを開き、プロンプトをコピーペーストする必要があるが、そんな時は「ChatHub」が便利。ブラウザー画面を2～6分割して同時に複数の生成AIを利用できるのだ。プロンプトを入力すると同時にすべてのAIに送信され、出力が得られるので手間が省ける。生成AIごとの傾向もわかる
Transcript Svelte + TypeScriptͰ Chrome֦ுΛ࡞Δ Sakito ࣗݾհ • ໊લɿsakito • Twitterɿ@__sakito__ • ॴଐ • αΠϘζ גࣜձࣾ ϑϩϯτΤϯυΤΩεύʔτνʔϜ ΞδΣϯμ • Svelteͱʁ • ࡞Δͷ • ڥߏங • manifestΛ࣮Λ͢Δ • svelteͰ࣮Λ͢Δ • ·ͱΊ Svelteͱʁ Svelteͱ? • React,Vue,AngularͷΑ͏ʹએݴతʹUIΛॻ͚Δ • গͳ͍ίʔυͰ࣮͕Ͱ͖Δ • https://svelte.dev/blog/write-less-code • ԾDOMͳͲΛ༻ͤͣɺϏϧυ࣌ʹ࠷దͳόχϥJSʹม͢Δ • ͦͷ্ύϑΥʔϚϯε༏Ε͍ͯΔ • TypeScriptͷରԠ͞Εͨ • https://svelte.de
みなさん、おはようございます！ @f0lstです！ さてさて、いきなりですが。 よく聞くんだ… お前らはスペルミスが多すぎるッッ！！！！！ スペルミスしすぎじゃないかッッ!?!?!?!? と言っておりますが、僕自身もスペルミスとっても多いです そんな我らに救世主を 我は救世主 「Code Spell Checker」 だ... これこそが、全人類に使ってほしいVSCodeのExtention、「Code Spell Checker」です！ これを使えば、タイポの悩みから解放されます それぞれの世界線を見てみよう まず、Code Spell Checkerがない世界線 「さてさて、いつも通りコード書くかのぉ〜〜〜！」 「カタカタカタ〜〜」 「フォッフォッフォッ〜〜」 「完璧じゃのぉ〜〜〜」 ~ 数日後... ~ 「おい！ここタイポしてるぞ！！」 「誰だ！やったのは！！」 「(わしじゃない、わ
ネット関係のマーケター、あるいはWebサイト運営者はブラウザに触れている時間が長い職種の一つと言えるでしょう。Webページやあるデザイン要素の構成要素をチェックすることは、技術的に詳しい方ならディベロッパーツールなどで色々可能です。 一方、一回一回は大した手間でなくても、大量のURLをチェックするなど作業量がある領域では、Chrome拡張機能の助けを得ることが効率化の近道です。ブラウザの拡張機能とは、組み込むことでChromeの機能をアップできる仕組みです。Googleから公式の「Chrome ウェブストア」が提供されていて、選んでインストールするだけで新しい機能が使えるようになります。 今回は作業量を減らせるChrome拡張機能を厳選してご紹介します。もしまだ使っていないのであれば、ぜひ試してみてはいかがでしょうか。
ウェブブラウザ「Firefox」を開発するMozillaが、ローカルで動作するFirefox用機械翻訳アドオン「Firefox Translations」を公開しました。Google翻訳やDeepL翻訳などの翻訳サービスとは異なり、翻訳はクライアントサイドで実行され、データが完全にプライベート化されるのが特徴です。 Firefox Translations – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/firefox-translations/ Mozilla releases local machine translation tools as part of Project Bergamot https://blog.mozilla.org/en/mozilla/local-translatio
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog この記事は UIT 新春 Tech blog 3日目の記事です。 こんにちは。LINE証券のフロントエンドを開発している岩本海童です。 今日は、業務で利用できる便利なVS Codeの機能拡張を作ってみた話をします。 背景 LINEでは、XLTと呼ばれるアプリケーションの多言語化のための社内ツールがあります。 あるキーとなる文字列に対して、対応する日本語や英語の文字列を関連づけることができ、それをソースコードから参照します。 例えば次のように、ボタンにXLTから設定した文字列を表示します。 export const ShowAllAssetsButton: FC = () => <button>{xlt('portofolio.
MacのSafariやChromeの拡張を整理していく中、とあることに気が付きました。 「1Passwordの拡張が複数あるけどどうして」 1Passwordの拡張機能を意識するのは大体ログインフォーム入力時或いは新規アカウントを作成する時。後はたまに漏洩等でWatchTowerがお知らせしてくれる程度。そのため、入れ替えやら行う場合に大きく状況が変わっていると戸惑うわけです。 現状の1Passwordのブラウザ拡張について振り返りつつ整理してみました。 現在の1Password拡張機能 現在Chromeウェブストア上から検索にて辿れる拡張は以下一つ。 拡張の概要欄を見ると分かりますが、これは以前1Password Xと呼ばれていた拡張機能です。 1Password Xには1Passwordメンバーシップが必要です。まだアカウントを持っていない場合は、1Password Xをインストールし
前回はUbuntuデスクトップで動くRSSリーダーであるNewsFlashを紹介しました。今回はサーバー上で動作し、任意のウェブブラウザーで閲覧可能なRSSリーダーである「FreshRSS」について紹介しましょう。 図1 Web UIながら、テーマが豊富でコンパクトにまとめて表示できるFreshRSS 拡張機能も備えたFreshRSS RSSリーダー（フィードアグリゲーター）については前回も紹介しましたが、簡単に説明すると「RSSに対応したサイトの更新通知を受け取り、その内容を閲覧できる仕組み」です。スマートフォンで言うところの「ニュースアプリ」に近いものだと思っておけば良いでしょう。 ニュースアプリはローカルで動かしてインターネット越しにデータを集めます。それに対してFreshRSSや第266回で紹介したTiny Tiny RSSなどは、サーバー側でRSSのフィードデータを定期的に収集し
ブラウザのタブをファイルシステム上で扱えるようにするChrome・Firefox拡張機能が「TabFS」です。TabFSを使うと、ディレクトリを消去することでブラウザのタブを閉じたり、ページのDOMを操作したりすることが可能とのことなので、実際に使ってどんな感じでタブを操作できるのかを確かめてみました。 TabFS https://omar.website/tabfs/ GitHub - osnr/TabFS: Mount your browser tabs as a filesystem. https://github.com/osnr/TabFS TabFSはmacOSとLinuxで利用することが可能。今回はUbuntu 20.04でTabFSを試してみます。まずはChromeで「chrome://extensions」にアクセスし、「デベロッパーモード」がオンになっていることを確認し
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 「仕事を効率化したい」エンジニアさん必見！ 仕事を効率化できるGoogle Chromeの拡張機能20選をご紹介します。 この拡張機能を入れると作業効率が爆上がりすること間違いなしです。 Chromeの拡張機能とは？ Chrome拡張機能とは、Chromeブラウザに機能を追加することができるプログラムファイルのことです。 基本的には無料で使用できますが、中には有料のものもあります。 おすすめの拡張機能20選 1.CSSViewer 閲覧しているウェブサイトで、マウスオーバーによってCSSプロパティを表示できる優れもの 2.HTMLエラー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
