GitHub1s https://github.com/conwnet/github1s GitHub1sの特徴 「GitHub1s」は、プログラマなら誰しもが感じる、GitHubコードの見にくさを解消してくれるツール。URLを変えるだけで、GitHubのリポジトリコードをVSCodeライクに操作可能にしてくれます。 こちらオープンソースとして公開後、瞬く間に6.3K以上のスターがつくほどの人気リポジトリになっています。 GitHub1sをつかってみる 使い方は、GitHub1sのブラウザ拡張をインストールするだけと非常に簡単。 あとは、見なれたいつものGitHubのページで URLを「github1s.com」に変えます。 すると、一瞬で、VSCodeライクなインターフェスに変わります! あとは、いつも通りディレクトリを選択してコードを読んだり 検索なども操作可能。 ちょっと調べたいリポ
はじめに 今回の記事では、主にバックエンド(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のドキュメ
YouTubeでリアルタイムでライブ配信を行うと、終了後に自動で「アーカイブ」として動画が保存されます。しかし、映画やテレビの同時視聴や多人数コラボなどの場合、リアルタイムで何時何分だったかをうまく合わせられず、動画の再生タイミングがわからないことがあります。かるべろさんが開発したChrome拡張機能である「YouTubedLiveClock」を使うと、YouTube上で再生時間と共にライブ配信時の時間を表示してくれるのでお役立ちです。 YouTubeLiveClock - Chrome ウェブストア https://chrome.google.com/webstore/detail/youtubeliveclock/chpodcedholiggcllnmmjlnghllddgmj/ Chromeで配布ページにアクセスして、「Chromeに追加」をクリック。 拡張機能の追加を確認するポップ
やなぎや・とものり/1972年12月生まれ。1998年からITライターとして活動しており、ガジェットからエンタープライズ向けのプロダクトまで幅広い領域で執筆する。2018年から、NPO法人デジタルリテラシー向上機構(DLIS)を設立し、ネット詐欺の被害をなくすために活動している。 https://prof.yanagiya.biz/ https://peraichi.com/landing_pages/view/dlis/ 仕事を256倍速くするツールを探せ! ITの世界は日進月歩。一昔前ならとても無理だったことや、人間がやらなくてはならなかったことをどんどんコンピュータに任せられるようになっています。連載「仕事を256倍速くするツールを探せ!」では、最近出てきたサービスの中から、特にビジネスや勉強に役立つサービスやソフトウエア、ハードウエアをピックアップ。ライターが実際に使用し、使い方や
YouTube動画は1.5~1.75倍速で再生…という方が多いと思います。 本当はもっと時短したいけど、あまりに速く再生しすぎると、聴き取りが難しくなりますからね。 でも、Chrome拡張機能『Skip Silence』を活用すれば、無音部分をスキップできるんです。 YouTube動画だけではなく、ブラウザで再生する動画はおおむね対応しているので、ヘビーに動画を観倒している方こそ、大幅な時短が望めそうです。 YouTubeやNetflixといった動画サイトで「Enable Skip Silence」を適用すれば、高速での動画視聴が可能に。無音部分の再生速度が上がってもそれほど違和感がなく視聴でき、もしかすると再生時間が不規則に進むことを確認しなければ気づかないかもしれません。 再生速度の変更できないタイプのウェビナーも時短でScreenshot: 山田洋路 via Skip Silence
PCの時代は終わるのか? スマホがラップトップ化する拡張デバイス登場2020.05.09 09:0083,051 小暮ひさのり え? これラップトップでしょ? って思うじゃん。でも、アプリを動かしている本体は右側のスマホ。 クラウドファンディングで出資を募っている「Mirabook」は、一見するとよくあるラップトップPCに見えますが、その実態はバッテリー付きでキーボード付きでタッチパッド付きなモニター機器。 つまり、スマホのモニター接続によるデスクトップモード(DEXモード・PCモード)を表示・操作するためのデバイスなんです。 Image: Makuakeこれまでデスクトップモードを利用するには、外付けモニターや外付けキーボード、マウス、そして外部電源が必要だったけど、「Mirabook」ならこれ1台でOK。スマホをメインの仕事ツールとして利用している人なら、ラップトップを持ち歩くよりもデ
こんにちは、カスタマーサクセスエンジニア(CSE)の komo です。 この記事では CSE の主業務の1つにテクニカルサポートがありまして、それを効率化するために作ったツールの話をします。 具体的には Google Chrome 拡張機能で DevTools に独自パネルを追加して、トラブルシュートに有用な情報を表示させるツールです。実物をそのまま紹介はできないため、ひな形を別途作りました。作り方を書くので、同じようなカスタマー系エンジニアの方々に真似してもらって、役立ててもらえると嬉しいです。 ツールの説明 ひな形からの発展形 作り方 ステップ1:最小の拡張機能を作る ステップ2:パネルを追加する ステップ3:パネルに機能を追加する おまけ:動作確認・キャプチャ取得用に作ったHTMLとJSON おわりに 参考資料 ツールの説明 別途作ったひな形はこんなものです。 通信を監視して、特定の
[速報]「AWS大阪リージョン」正式オープン。大阪ローカルリージョンを拡張し3つのアベイラビリティゾーンから構成、事前申し込みなど不要に AWSは、これまで一部の顧客向けに提供していた「大阪ローカルリージョン」を通常のリージョンへ拡張し、誰でも事前の申し込みや審査なく使えるようにした「AWSアジアパシフィック(大阪)リージョン」(以下、大阪リージョン)の正式オープンを発表しました。 【本日発表】AWS が国内 2 拠点目となる大阪リージョンを開設 https://t.co/tkkcsUtS9l AWS 大阪リージョンが大阪ローカルリージョンを拡張して新たに登場!3つのアベイラビリティーゾーンを備えた AWS リージョンとして、本日よりすべてのお客様がご利用いただけます。 #AWSアップデート pic.twitter.com/aWEI9yShH6 — AWS/アマゾン ウェブ サービス/クラ
はじめに こんにちは。スペースマーケットでWebエンジニアしてます、新卒のdumbled0reです。 4月に入社してから早2ヶ月経って、入社式が昨日のように感じています。時の流れは早い。 日頃、ブラウザ操作する時はPythonのライブラリであるSeleniumを使用していましたが、vscodeにあるPlaywrightの拡張機能を使用すれば非エンジニアの方でも簡単にブラウザ操作用のコードを書けたので紹介します。 Playwrightとは PlaywrightとはMicrosoftが開発したオープンソースのE2Eテスト自動化フレームワークです。 Chromium、Firefox、WebKitなどの主要なブラウザで対応しており、1つのコードで複数のブラウザ上で動作確認も行えます。 環境 node 20.9.0 playwright 1.44.0 拡張機能のインストール 今回使用するVScode
はじめに あなたのふりかえりを更に拡張するふりかえりカタログ(コミュニティ版)を公開いたします! ふりかえりカタログ(コミュニティ版)は、ふりかえりの手法(現在)84個とその特徴を網羅したカタログです。下記画像はイメージです。 Miroにて作成したものをどなたでも利用可能です! 利用はこちら => ふりかえりカタログ(コミュニティ版) 2021年1月にpdf版/speakerdeck版でリリースして以降、なんと約8万viewと、長く多くの現場にご利用いただいています。そちらを、より使いやすく、みんなで編集できる形にしたものが今回のコミュニティ版です。 過去バージョンのDLはコチラ => ふりかえりカタログ(SpeakerDeck版) ふりかえりカタログ(コミュニティ版)とは ふりかえりの様々な手法をまとめたカタログです。 ふりかえりの各手法を「手法名」「手法を使う場面」「手法のイメージ」「
【全人類へ】お前らはスペルミスが多すぎるッッ!!絶対に入れて欲しい拡張機能!【VisualStudioCode】HTMLJavaScriptフロントエンドVSCodeVisualStudioCode みなさん、おはようございます! @f0lstです! さてさて、いきなりですが。 よく聞くんだ… お前らはスペルミスが多すぎるッッ!!!!! スペルミスしすぎじゃないかッッ!?!?!?!? と言っておりますが、僕自身もスペルミスとっても多いです そんな我らに救世主を 我は救世主 「Code Spell Checker」 だ... これこそが、全人類に使ってほしいVSCodeのExtention、「Code Spell Checker」です! これを使えば、タイポの悩みから解放されます それぞれの世界線を見てみよう まず、Code Spell Checkerがない世界線 「さてさて、いつも通りコー
VSpaceCodeは,Spacemacsのようなkey bindingをVSCode上で実現するための拡張です.本記事では,VSpaceCodeについて簡単に紹介します. VSpaceCodeとは VSpaceCodeは,冒頭に述べたとおりSpacemacsのようなkey bindingをVSCode上で実現する拡張です.Spacemacsのようなkey bindingとは,デフォルトのleaderであるspaceキー␣を起点とした操作のことです.以下が例になります. VimでNormalモードの時にleader(␣)を押すと,コマンドパレットが表示される 続く候補の操作のためのキーを押す 操作を実行 公式のデモが分かりやすいです 例えば␣ w / は,windowを分割する操作(コマンド)になります. VSpaceCodeを使う大きな利点は,画面上側に入力に応じてコマンド候補が表示され
ネット関係のマーケター、あるいはWebサイト運営者はブラウザに触れている時間が長い職種の一つと言えるでしょう。Webページやあるデザイン要素の構成要素をチェックすることは、技術的に詳しい方ならディベロッパーツールなどで色々可能です。 一方、一回一回は大した手間でなくても、大量のURLをチェックするなど作業量がある領域では、Chrome拡張機能の助けを得ることが効率化の近道です。ブラウザの拡張機能とは、組み込むことでChromeの機能をアップできる仕組みです。Googleから公式の「Chrome ウェブストア」が提供されていて、選んでインストールするだけで新しい機能が使えるようになります。 今回は作業量を減らせるChrome拡張機能を厳選してご紹介します。もしまだ使っていないのであれば、ぜひ試してみてはいかがでしょうか。
やなぎや・とものり/1972年12月生まれ。1998年からITライターとして活動しており、ガジェットからエンタープライズ向けのプロダクトまで幅広い領域で執筆する。2018年から、NPO法人デジタルリテラシー向上機構(DLIS)を設立し、ネット詐欺の被害をなくすために活動している。 https://prof.yanagiya.biz/ https://peraichi.com/landing_pages/view/dlis/ 仕事を256倍速くするツールを探せ! ITの世界は日進月歩。一昔前ならとても無理だったことや、人間がやらなくてはならなかったことをどんどんコンピュータに任せられるようになっています。連載「仕事を256倍速くするツールを探せ!」では、最近出てきたサービスの中から、特にビジネスや勉強に役立つサービスやソフトウエア、ハードウエアをピックアップ。ライターが実際に使用し、使い方や
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
OpenAIは、使いやすい生成AIツールを一般向けに提供することで知られているが、開発者や企業が自社の特定用途向けにAIモデルを必要とする場合に向けても包括的な製品を提供もしている。OpenAIは米国時間4月4日、「Custom Models Program」の拡張とファインチューニングAPI向け6機能を発表した。 ファインチューニングは、特定の用途やニーズを満たすようAIモデルをカスタマイズするために時間を要するプロセス。ファインチューニングはAIモデルが意図されたゴールをよりよく達成するのを支援するだけでなく、コスト削減とレイテンシー低下も可能にする。 場合によっては、必要なカスタマイズの量がファインチューニングで提供できるものを超えることもある。例えば、組織が非常に大規模な独自のデータセットを持っている場合がこれに該当する。この問題に対処するため、OpenAIは2023年11月に「C
サービスメッシュを実現する「Istio 1.5」正式版が登場しました。注目すべき新機能の1つは、Istioの拡張やカスタマイズを行うための統合的な手段としてWebAssemblyが採用されたことです。 Istioが実現するサービスメッシュは、Kubernetes上のさまざまなサービス間のトラフィックの管理やルーティング、ロードバランシング、暗号化通信や認証サービス、モニタリングなどを実現します。 Istioの拡張手段をEnvoy上でのWebAssemblyによる実装で統一へ これまで、Istioの機能を拡張して外部ツールと連係させたり動作をカスタマイズするためには、Mixerプラグインを用いたポリシーやテレメトリのカスタマイズと、Istio内部で使われているプロキシであるEnvoyの拡張機能を利用したデータプレーンのカスタマイズという2つの手段が提供されてきました。 今回正式リリースされた
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.
とあるスマホ向けブラウザアプリがユーザーが思ってるより多くの閲覧情報を外部に送信していたことで話題になっています(#1)。また少し前にはとある機能拡張がマルウエアになりました(#2)。こんな状況でいったい何を選べばいいのかって質問が来ました。 「外部に想定外の情報が送信されないようにするためには何を選べばいいのか」について、個人的な意見を書いておきます。 参考にならないように思いますが、「信頼できそうなものを選ぶしかない」と考えています。 (#1)スマホ用ブラウザー「Smooz」、外部への情報送信が発覚しストアでの公開を停止中【やじうまWatch】 – INTERNET Watch (#2)Nano Defenderがマルウェアになっちゃいました | 280blocker ブラウザ 今回のような外部へ情報を送る事は他のブラウザでも起こりえます。たとえオープンソースで中身が公開されているアプ
はじめに はじめまして、ecbeing新卒1年目でプロダクトグループに所属している、湯上(ゆがみ)と申します! 日頃は、当社製品の「ecbeing」の技術開発を行っています。 今回、ブログをはじめて投稿させていただきますので、暖かい目で見ていただけると幸いです_(._.)_ さて、早速本題に移りたいと思います。 今回は、そんな新人の私がはじめて社内向けのVisual Studio Code(以下、VSCodeと記述)の拡張機能を作ってみたら、色々感じたことがありました。 そのときに感じた、ちょっとした気持ちを皆様に共有させていただきたいと思います。 目次 はじめに 目次 今回の成果物 ことの経緯 参加することになったぞー いざ開発 そもそもVSCode 拡張機能って何? 特徴 準備 やったこと 1. 構文ハイライト拡張機能 気をつけたこと 2. マークアップ拡張機能 気をつけたこと 完成!
コーダーやフロントエンドエンジニア向けのVSCodeの環境や機能を紹介していきます。かなりボリューミーなので是非参考にしてみてください。 こちらの6項目に分けて紹介します。 おすすめの拡張機能 設定 覚えておきたいショートカットキー キーバインド Emmet(エメット) スニペット おすすめの拡張機能 拡張機能は以下4つのジャンルに分けて紹介していきます。 配色テーマとファイルアイコン 表示拡張(見た目の拡張) 機能拡張(機能の拡張) 各言語(HTMLやCSSなど各言語に依存する拡張機能) ⭐️は特におすすめの拡張機能です。 配色テーマとファイルアイコン まずはおすすめのテーマとアイコンを紹介します。 ⭐️配色テーマ - GitHub Theme GitHubが提供するテーマです。ダークモードが見やすいので長年使っています。 Monokai Dark Sodaも結構好きです。 Sublim
VSCode for Web、WebAssembly版言語ランタイムやシェルを拡張機能として実験的に実装。Webブラウザローカルでコードやシェルを実行可能に Visual Studio Code(VSCode)をWebブラウザで利用可能にしたVSCode for Webは、ローカルマシンにVSCodeをインストールすることなく、WebブラウザさえあればGitHub上のソースコードなどを編集可能にする便利なサービスです。 ただし、VSCode for WebはWebブラウザ上で実行されているため、コードを実行するにはサーバなど、言語のランタイムがインストールされている別のマシンが必要となります。 この点は、ローカルマシン上のランタイムを用いてコードを実行できる、デスクトップアプリケーションとしてのVSCodeと比べた場合の、VSCode for Webの欠点といえます。 そこでこの欠点を補う
ブラウザのタブをファイルシステム上で扱えるようにする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」にアクセスし、「デベロッパーモード」がオンになっていることを確認し
MacのSafariやChromeの拡張を整理していく中、とあることに気が付きました。 「1Passwordの拡張が複数あるけどどうして」 1Passwordの拡張機能を意識するのは大体ログインフォーム入力時或いは新規アカウントを作成する時。後はたまに漏洩等でWatchTowerがお知らせしてくれる程度。そのため、入れ替えやら行う場合に大きく状況が変わっていると戸惑うわけです。 現状の1Passwordのブラウザ拡張について振り返りつつ整理してみました。 現在の1Password拡張機能 現在Chromeウェブストア上から検索にて辿れる拡張は以下一つ。 拡張の概要欄を見ると分かりますが、これは以前1Password Xと呼ばれていた拡張機能です。 1Password Xには1Passwordメンバーシップが必要です。まだアカウントを持っていない場合は、1Password Xをインストールし
皆さん「ChatGPT」を使いこなしているだろうか。筆者は毎日長時間仕事にプライベートに使い倒している。本連載では「第23回 ChatGPTユーザーはEdgeに拡張機能「Superpower ChatGPT」インストールすべし」でイチオシを紹介したが、今回はChatGPTを使う際に便利な拡張機能をもう4つ紹介しよう。 1つのプロンプトで複数の生成AIを同時に利用できる「ChatHub」 ●ChatHub 「ChatGPT」だけでなく、「Bing」や「Bard」など他の生成AIを利用することもあるだろう。通常は別タブでウェブサイトを開き、プロンプトをコピーペーストする必要があるが、そんな時は「ChatHub」が便利。ブラウザー画面を2~6分割して同時に複数の生成AIを利用できるのだ。プロンプトを入力すると同時にすべてのAIに送信され、出力が得られるので手間が省ける。生成AIごとの傾向もわかる
「Libron」はAmazonの書籍販売ページから最寄りの図書館の蔵書を自動で検索して、サクッと貸出予約できる拡張機能です。 Libron(リブロン) – 図書館をもっと身近に http://www.libron.net/ LibronにはTampermonkeyを使ったFirefox拡張機能も存在しますが、今回はChrome拡張機能版とiOS版を使ってみます。 ◆Chrome拡張機能版Libronを使ってみた ◆iOS版Libronアプリを使ってみた ◆Chrome拡張機能版Libronを使ってみた Chrome拡張機能版Libronは以下からダウンロード可能です。 Libron - Chrome ウェブストア https://chrome.google.com/webstore/detail/libron/fpfgglfemmnflnmjminpghmeiajcajoi 「Chrome
Node.jsのNative ESM対応は夢の機能ですが、夢を詰め込みすぎたせいかCJSからの移行を難しくしているポイントが依然として存在します。そのひとつが拡張子問題で、Node.jsのNative ESMではモジュールの拡張子を明示しなければいけなくなりました。 (これはWebブラウザの挙動に近づけるための判断だと考えられます。) 特にTypeScriptと他のツール (JestやWebpack) と組み合わせて利用している状態でのNative ESM化は実質的に未解決の状態だと言えます。本稿ではこの現状についてできる範囲で状況説明を試みます。 Node.jsの拡張子の扱い Node.jsはCJSとESMの2つのモジュールフォーマットをサポートしていますが、これらは単にパーサーが異なるだけではなく、実質的には「2種類の異なるモジュールシステムがFFIで繋がっている」程度には隔たりがあり
の使い方をご紹介するという内容になっています。 Stable Diffusion系のモデルを使って美少女イラスト等を生成している方であれば、キャラクターの手や指がグチャグチャになってしまう問題に悩むことが多いと思います。この問題に関しては今まで多くの解決策が模索されていましたが今一つ決定打と呼べる案がありませんでした。 しかしそんな中で「ControlNet」と呼ばれる新技術が登場し、これを活用して手や指の問題をある程度解決する方法が考案されました。そして先日にはこの方法をStable Diffusion web UIで簡単に使える無料の拡張機能が登場したので、ぜひ情報を共有しておこうと思った次第です。 ここではその拡張機能「Depth map library and poser」について、インストール方法や使い方を解説していきますね。 ※2023/04/17追記: 最新のControlN
「仕事を効率化したい」エンジニアさん必見! 仕事を効率化できるGoogle Chromeの拡張機能20選をご紹介します。 この拡張機能を入れると作業効率が爆上がりすること間違いなしです。 Chromeの拡張機能とは? Chrome拡張機能とは、Chromeブラウザに機能を追加することができるプログラムファイルのことです。 基本的には無料で使用できますが、中には有料のものもあります。 おすすめの拡張機能20選 1.CSSViewer 閲覧しているウェブサイトで、マウスオーバーによってCSSプロパティを表示できる優れもの 2.HTMLエラーチェッカー HTMLの開始・終了タグの過不足などを検出する拡張機能。エラーがある場合、数値が表示されルようになっています 3.DevTools Author KinzaやChromeデベロッパーツールのエディタのカラーやフォントを変更ができます 4.What
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く