VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私がVSCodeを使用している理由 VSCodeのテーマ・アイコン・フォント VSCodeの機能拡張 VSCodeの設定 VSCodeの便利な使い方 私がVSCodeを使用している理由 私はプログラミングを始めて以来、たくさんのエディタやIDEを使ってきました。Eclipse、Netbeans、Notepade ++、Brackets Ed
VSCodeの拡張機能「GIST」が便利すぎてHackMDを使うのをやめた - Qiita
メモやドキュメント作成、Qiita投稿の下書きなどにずっとHackMDを利用していたのですが、VSCodeでGitHubGistと連携できる「GIST」という拡張機能を知り、使ってみたらものすごく便利でHackMDを利用する頻度が激減しました。 Visual Studio Code でGitHub Gistを使ってみた https://gist.github.com/nuovotaka/7bfb8130e0be8b3dae83 kenhowardpdx/vscode-gist: vscode extension for quick gists https://github.com/kenhowardpdx/vscode-gist GitHubGistについては下記が参考になります。 Gistsでソースや文書をシェアする - Qiita https://qiita.com/hkusu/ite
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
コードと公式ドキュメントから読む：Chrome拡張機能開発、ゼロから解説 - daily-dev.net
Chrome拡張機能開発のイロハからマネタイズモデルまで説明します。 Chrome 拡張機能を利用するメリット 拡張機能にしか提供されていないChromeのネイティブのAPI群を利用してアプリケーションが開発・連携できるところ。 例えば、Chrome Tab API で開かれているタブのタイトルを取得したり、開かれているページのDOMを取得するなど。 Chrome拡張機能の構成 manifest.json : ここに全体の設定を書く。拡張機能の名前と説明、使用するスクリプトなどのパス、chrome.* APIを用いる為のパーミッションの設定など。 popup.html: モーダルの画面 css/* js/* ファイル構成から見るより、manifest.jsonから見る方がわかりやすいので、次はmanifest.jsonを紹介する。 manifest.json の中身 それぞれの意味の説明は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scraper
