NEXT.NAV Navigate and Create routes easily in your Next.js application User friendly VSCode extension(10k+ downloads) Install the extension from VS Code StoreOpen a Next.js project that is using the App Router in VSCodeLaunch Next.Nav by clicking the icon on the status bar (have to have Next.Nav enabled on status bar icons)Alternatively, Launch Next.Nav by opening the command palette using (Ctrl+S
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられるということも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
シドニーを拠点に活躍しているプロのファッションカメラマン Julia Trotti氏のPhotoshop用トーンカーブのコレクションが無料でダウンロードできるので、紹介します。 主にファッション系、特に女性をより印象的に美しく仕上げるものが多く、男性の写真にももちろん使用できます。 かなり前に一度紹介したのですが、最近になって見てみたらトーンカーブのコレクションが増えていたので、改めて紹介します。 まずは、Photoshop用トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 ※「.atn」のアクション形式もあります。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。
こんにちは、Mr.Moです。 MicrosoftからJupyter 拡張機能が登場しましたね!今のところ Visual Studio Code Insiders のみでの提供のようですが今後に大変期待が持てる拡張機能なのでさっそく記念に使ってみたいと思います。 Jupyter 拡張機能とは 今日の Jupyter Notebooks でサポートされている言語カーネルの基本的なノートブックのサポートを提供する Visual Studio Code 拡張機能です。多くの言語カーネルは変更なしで動作します。高度な機能を有効にするには、VS Code 言語拡張で修正が必要な場合があります。 https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter ちなみにこれまではPython拡張機能で Jupyter Noteb
いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsというツールです。 元々はMicrosoftにて内部開発されていたもので、2019年にオープンソース化されています。 本日はWebサイトのアクセシビリティの評価を行いたいと思いますが、AndroidやWindowsのアプリケーションにも対応しています。 Webアクセシビリティの場合はGoogle Chromeの拡張として提供されています。 Webアクセシビリティとは 全ての利用者や環境下において、使用できるようにWebサイトが設計・開発されていることを指します。 弊社の以下のエントリをご参照ください。 使ってみた テスト用のWebサイトはSeleni
VisualStudioCodeは大人気なだけあって、有能なエクステンションが次から次へと出てきますね。 色々とっかえひっかえ試して遊んでいる人も多いのではないでしょうか。 なんかMinecraftのMOD環境構築と同じ空気を感じますね。 (環境ができたところで飽きて遊ばなくなる) まあ一番手っ取り早いのは、既に評価の固まっている手堅いエクステンションを導入することです。 ということで以下はSahil Bondre( Twitter / GitHub / LinkedIn / Instagram / 個人HP )による記事、💡 10 VS Code extensions I can't code withoutの日本語訳です。 💡 10 VS Code extensions I can't code without VSCodeは私のお気に入りのエディタです。 存在するコードエディタの
Cloudflareは、CDNやセキュリティなどインターネットに関するさまざまなサービスで非常に大きなシェアを握っているため、個人や小規模事業者がひとたびCloudflareににらまれるとインターネットの大部分が使用できなくなるなど、さんざんな目に遭ってしまう可能性があります。スイスの製薬会社・Rocheに勤める計算生物学のジェームズ・ホーリー氏が、ささいなことからCloudflareの規制を受け、仕事に欠かせないサイトから遮断されてしまった経験談をつづりました。 Blocked by Cloudflare https://jrhawley.ca/2023/08/07/blocked-by-cloudflare ホーリー氏によると、インターネットユーザーがCloudflareを利用しているサイトにアクセスすると、サイト側は訪問者のブラウザの整合性チェックを行うとのこと。これには、ボットや悪
この記事は はてなエンジニア Advent Calendar 2020 - Qiita の23日目の記事です。 qiita.com 昨日は id:Krouton さんの 30日でできる! OS自作入門 を読むために nasm_of_nask というコンパイラを作った話 - KRAZY感情STYLE でした。よかったですね。 コードでコピーするココピーです 今日はちょっと前に作ったブラウザ拡張、cocopy を紹介します。 chrome.google.com しゅぴっと拡張を開いてコピーするフォーマットを選択できます。 このアニメーションはコピー機がブーンとスキャンする感じをイメージしています。 利用者が js を書いてフォーマットを追加できます。 コードからは URL、タイトル、選択中のテキスト、ページの HTML にアクセスできます。 Markdown, Scrapbox HTML, は
[レベル: 中級] コア ウェブ バイタルを測定する Chrome 拡張を Google は大きく改良しました。 CrUX データと比較 バージョン 1.0.x にアップデートした Web Vitals 拡張は Chrome ユーザー エクスペリエンス レポート (CrUX) のデータと、自分がそのページに今アクセスしたときのコア ウェブ バイタルのスコアを比較するようになりました。 バージョン 0.x では、今いるページのコア ウェブ バイタルを測定するだけでした。 ※すずき補足: CrUX は、Chrome ユーザーの実際の利用状況を元にしたデータ。PageSpeed Insights のフィールドデータや Search Console のウェブに関する主な指標レポートに使われている。またページ エクスペリエンス アップデートのデータしても利用されている。 Web Vitals 拡張を
「Fraidycat」は、TwitterやYouTube、Instagram、Tumblr、RSSなどをまとめてチェックでき、ウェブサイトごとに更新のタイミングを個別に設定することができるアプリです。Google ChromeおよびFirefox向けに拡張機能が公開されているほか、Windows、macOS、Linux向けソフトウェアも公開されています。 Fraidycat https://fraidyc.at/ 今回はGoogle Chromeの拡張機能を使ってみます。まずは以下のURLにアクセス。 Fraidycat - Chrome ウェブストア https://chrome.google.com/webstore/detail/fraidycat/hecfkgekabkkhiidlinmifelhdooeool 「Chromeに追加」をクリック。 「拡張機能を追加」をクリック。 ツ
現在「Microsoft Edge」でしか利用出来ない「Bing」のチャットAI機能を、Edge以外のブラウザーでも使えるようにする「Bing Chat for All Browsers」が登場した。開発者のSunghyun Cho氏が2月17日、ChromeとFirefox向けの拡張機能を公開している。 話題のチャットAIをEdge以外のブラウザーでも マイクロソフトが今月公開したBingのチャットAIは、現在一部ユーザー限定で先行公開されている。利用には同社のWebブラウザーEdgeが必須で、それ以外のブラウザーからはアクセスできない仕様だ。 このチャットAIをEdge以外のブラウザーから使えるようにしたのが、Bing Chat for All Browsers。インストールするとGoogle ChromeやChromium、FirefoxといったブラウザーからもBingのチャットAI
私はブラウザの拡張機能が大好きです。 ブラウザをダークモードにする拡張機能や、Webサイトのプレビュー画面が表示される拡張機能など、多くの拡張機能を使っています。 その結果、ツールバーに拡張機能のアイコンが大量にあり、探している拡張機能を見つけるのに、一瞬混乱することもあります。 アイコンを1つに集約する方法現在Googleには、拡張機能のアイコンだけを表示して、その配下にすべての拡張機能を隠してツールバーを整理する「Extensions Toolbar Menu」というオプション機能があります。 これはGoogle Experimentから今すぐ使えます。 ブラウザのアドレスバーに「chrome://flags」と入力しEnterキーを押すExperimentのページが表示されたら、検索ボックスに「Extensions toolbar」と入力するツールバーのオプション「Extension
Obsidianには標準で用意されたコアプラグインとコミュニティプラグイン(いわゆるサードパーティプラグイン)が存在します。 その中でもコミュニティプラグインは多数存在し、また今後もその数は増え続けるでしょう。 それ自体は非常に楽しく、またそうあるべきですが、一方で必然的にいくつかの問題も引き起こします。 プラグインの数があまりに多く、ダウンロード数という指標だけでは探しにくい何のためのプラグインなのか、またどう使うのかが分かりにくいそこでこのページでは「特性による分類」と「ワンポイントアドバイス」によって、あなたが今最も必要とするプラグインに出会い、そして使い始める手助けをしたいと考えています。 「特性による分類」とは何か? 難しく考える必要は全くありません。たとえば「HUNTER×HUNTER」の念能力になぞらえるなら、プラグインはこんなふうに分類できるでしょう。 (Output 0.
Kernel/VM探検隊は、カーネルやVM、およびその他なんでもIT技術の話題ジャンルについて誰でも何でも発表してワイワイ盛り上がろうという会です。fadis氏は「低レイヤーから始めるGUI」をテーマに、長方形・画像・文字の描画を実装する方法を発表しました。全2回。前半は、インスタンス拡張「VK_KHR_display」を使って画面を占有する方法と、長方形と画像の描写方法について。 描画結果を画面に表示するまでの流れ fadis氏:こんにちは、松林です。今日はGUIの話をします。 画面になにかを表示したい場合、それはGPUを介して行うことになります。GPUというハードウェアは、大きく分けて2つの機能を備えています。1つはビデオメモリに書かれたイメージを画面に送って表示する機能、もう1つはビデオメモリ上で計算をする機能です。 Linuxを含むマルチタスクOSでは、複数のプロセスが同時に存在し
はじめに この記事では、2023年に見つけた、Visual Studio Codeで開発作業を効率化するための便利な拡張機能4つを紹介します。 これらの拡張機能は、共通してあまり有名ではないためあえて紹介しようと思います!! 実施内容 紹介するのは以下の4つの拡張機能です。 Multi Cursor Case Preserve VSCode JS Console Utils Laravel Goto Config NPM Dependency Links これらの拡張機能は、それぞれ異なるニーズに応えるものです。 準備 Visual Studio Codeをインストールしておく必要があります。 各拡張機能をVisual Studio Codeのマーケットプレイスからインストールします。 実装手順 Multi Cursor Case Preserve VScodeを使って命名の変更があった場
ウェブサイトを閲覧していると「クッキーの保存許可」を求めるメッセージが表示されることがあります。このメッセージが表示されるたびにポチポチクリックしてCookieの設定を行うのを面倒に感じている人も多いはず。無料で公開されているブラウザ拡張機能「I don't care about cookies」を使えばCookieの許可設定を自分の代わりに自動操作してくれます。 I don't care about cookies 3.3.8 https://www.i-dont-care-about-cookies.eu/ 「I don't care about cookies」はChrome版・Firefox版・Edge版・Opera版・Pale Moon版・広告ブロッカーのフィルター版が配布されていますが、今回はChrome版を使ってみます。まずは「I don't care about cooki
ウェブサイト上の広告を非表示にするための広告ブロック機能は、悪意ある広告でPCが危険にさらされることを防ぎます。しかし、広告ブロック拡張機能「uBlock Origin」に、広告をブロックする仕組みを悪用し、ユーザーがウェブサイトで入力した情報を盗み出せる脆弱(ぜいじゃく)性が存在していたことが報告されました。 uBlock, I exfiltrate: exploiting ad blockers with CSS | PortSwigger Research https://portswigger.net/research/ublock-i-exfiltrate-exploiting-ad-blockers-with-css ウェブサイトに表示される広告を非表示にする広告ブロック拡張機能はコミュニティが提供する「フィルタリスト」を使ってウェブリソースを受け入れるかブロックするかを決定し
2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート(ポスト)しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。 このままでは、画像の投稿 なのか、リンクの投稿なのかが分かりにくくなり、「画像だと思ってタップしたら外部のページに遷移してしまった」とか、逆に「リンクだと思ってタップしたら画像だった」ということで困っている方もいらっしゃるようです。 Webメディアを運用している方や、 私のようにブログを運用している場合などは、 このままではサイトへの流入が減少するため困ると言う方もいらっしゃると思います。 そこで、この記事では、「閲覧者側」と「メディア運営者側」と「ツイート(ポスト)投稿者側」それぞれにできる対策をまとめました。 投稿者側の対策については、閲覧者側の対策の下に書
ChatGPTで意図通りに文章を生成するためには、的確に指示をまとめたプロンプトを入力する必要があります。また、プログラムをChatGPTにコーディングしてもらう時に、参考のコードを入力することもあります。しかし、プロンプトやコードをいちいち手元からコピー&ペーストで貼り付けたりするのは面倒。「ChatGPTFileuploadFirefoxExtension」はFirefox向けの拡張機能で、ChatGPTにファイルやドキュメントを直接アップロードすることが可能になります。 GitHub - deonvz/ChatGPTFileuploadFirefoxExtension: This extension will place a file upload for you on the ChatGPT website. Allow you to process your own script
SSD内蔵など12機能を一気に拡張。MacにもWindowsにも対応するUSB-Cドッキングステーション2021.11.12 23:3019,450 岡本玄介 MacもWindows機も両方イケる! PC周辺機器のj5createから、中にM.2規格のSSDを仕込むことができて12種の拡張性を持つドッキングステーション「JCD552」が発売されました。 ユニークなのは、分離合体ができるUSB-Cケーブル。MacBook Pro/Airなら2本同時に、その他のPCなら1本で接続するところ。ついでに本体の下に置いてスタンドとして使うことで、角度がつけられ熱対策もできちゃいます。 Video: j5create Japan/YouTubeMacならデュアル・ディスプレイで効率アップポートは4KのHDMIとDisplayPort、有線LAN、SD&MicroSDカードリーダー、USB-A3.2×3
はじめに 俺々言語を作っていると「やっぱりIDE欲しいよね」ということになります。しかし、IDEを全部作るには人生の余白があまりにも少なすぎます。IDE的なものを作ろうとしたらテキストエディタの拡張を書くのが現実的でしょう。最近流行りのテキストエディタといえば VSCode です(異論はあると思います)。というわけで VSCode で俺々言語モードを作るための最小限の情報とサンプルコードをまとめておこうと思いました。 成果物は https://github.com/usm-takl/vscode-oreore-mode にあります。 スコープ VSCode の拡張の作り方を説明します。 サンプルコードに徹します。 俺々言語の作り方は説明しません。 俺々言語の解析方法は説明しません。 「どうやって VSCode に suggestion を表示させるか」などを説明します。 「どうやって俺々言
のブックマークは、Webサイトに素早くアクセスすることを可能にする便利な機能だ。 しかし登録ブックマーク数が増えすぎると、うまく活用できていないユーザーも多い。 最近、ブックマークが多くなりすぎて使いにくい。 そんなユーザーには、ぜひ今回紹介する拡張機能「ブックマークサイドバー」を試してみて欲しい。 ●便利なはずのブックマーク、増えすぎて活用できていない…… のブックマークは、頻繁にアクセスするWebサイトを登録して、素早くアクセスできる。 ブックマークは便利な機能なのだ。ところが、せっかくのブックマークを有効活用できていないユーザーも少なくない。 特に多いのがブックマークをたくさん登録しすぎて、複雑になってしまったケースだ。 不要な登録をマメに整理すれば問題ないはずなのだが、ついつい整理を怠ってしまいがちになるからだ。 「登録はしたけれど、アクセスしていないブックマークだらけ……」 こん
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く