You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに こんにちは。エンジニアの皆さん。 日々の業務にお疲れではないでしょうか? 消えないエラー、動かないプログラム、迫る締切、etc... 数あるストレスで限界になっていませんか? ... ...!!! そんな時はペットを飼いましょう!!!!!!!!!! ...というわけで、VSCode上でペットを飼うことができる拡張機能を紹介します。 その名も、vscode-pets.......!!!!!!!!!! これです。vscode-petsで検索しましょう。 導入 インストールしたらコマンドからPet Coding: Start pet coding sessionを実行します。 Pet Coding:Spawn additional petから好きなペットを選んで... ほわああああああああ!!!!!!! 殺伐としたVSCodeに一輪の花が爆誕しました。かわいいですねー。 あそびかた す
# Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting This slides are used at VS Code Conference Japan 2024 https://vscodejp.github.io/conference-2024/ (15 ~ 20 minutes) ## References: - Extension API | Visual Studio Code Extension API https://code.visualstudio.com/api - The Biome Tool Chain https://fosdem.org/2024/schedule/event/fosdem-2024-2563-the-biome-toolchain/ - Mo
ウェブブラウザ「Firefox 125」の正式版が公開されました。Firefox Viewの「開いているタブ」画面の表示や操作性が改善されたほか、クリップボードのURLを素早く開いたりPDFビューアでテキストを強調表示したりするなどの機能が追加されています。 Firefox 125.0.1, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/125.0.1/releasenotes/ ◆PDFビューアがテキストの強調表示をサポート PDFビューアにおいて、テキストの強調表示に対応しました。この機能は「progressive roll out(段階的ロールアウト)」の対象で、一部のユーザーから順番に機能が追加されていくとのこと。 ◆Firefox Viewのインジケーターが改善される F
You know the drill by now: a new month rolls around, and a new version of the inimitable Mozilla Firefox rolls off the release server for us all to enjoy. And bang on cue, Firefox 125 has arrived. The big-ticket new feature in this update is URL paste suggestions: Mozilla says this feature “provides a convenient way for users to quickly visit URLs copied to the clipboard in the address bar of Fire
「デザイン」という言葉に対して、どんな印象を持っていますか? 難しい? 専門的すぎて自分にはできなさそう? SNSでの告知やちょっとしたグラフィックデザインをつくりたいと思ったときは、デザイン系ツールやアプリを使うのが定石です。でも、専門的なアプリは操作が難しかったり、そもそも有料で手が出しにくかったり、といった部分もあるでしょう。 そういったハードルを過去のものにしてしまうのが、「Adobe Express(アドビエクスプレス)」。 「Adobe PhotoshopやAdobe Illustrator」といった業界標準のクリエイティブソフトを手がけている「アドビ」によるサービスなのですが、なんと基本的には無料で使えてしまうのです。 しかもアプリだけでなくブラウザ上で利用できるため、この記事を読んでいる、いますぐにでもAdobe Expressにアクセスできます(ダウンロードも不要)。 長
2011年6月10日、Evernoteを使用開始。 2014年9月19日、有料プランに加入。 2024年3月23日、クソみたいなメールが届く。 プラン、廃止 いつも Evernote をご利用いただき、ありがとうございます。このたびは今後の Evernote 登録プランに関する変更についてご案内させていただきます。 お使いの Evernote アカウントは Plus から Personal に移行されました。Evernote Plus など、一般のお客様に数年間ご利用いただけなかった従来の登録プランが廃止となったためです。この変更により、Personal プランで利用可能な機能すべてをご利用いただけます。 今後はAnnualの登録プランが現在の Evernote Personal プランの料金 129.99 USD/Yearに合うように更新されます。この料金は次の更新日である2024/4/
メールソフト「Thunderbird」では、ソフトウェアの品質向上のために開発チーム内で日常的に自動テストが実行されています。その理由や手法についてThunderbirdの開発チームが解説しています。 Automated Testing: How We Catch Thunderbird Bugs Before You Do https://blog.thunderbird.net/2024/04/automated-testing-how-we-catch-thunderbird-bugs-before-you-do/ ◆自動テストの目的とメリット Thunderbird開発プロジェクトではコードの変更によるバグの発生を最小限に抑えるために「自動テスト」が重視されています。開発チームによると、、Thunderbirdのコードや機能に変更が加えられるたびに、Windows、macOS、Li
4月5日、Firefoxはプライバシー重視の検索エンジンQwantとのパートナーシップを発表した。 この動きは、利用者が自分の価値観に沿った意識的な選択を行えるようにし、より良いウェブ体験を実現するためのものだとしている。 4月5日、Firefoxはプライバシー重視の検索エンジンQwantとのパートナーシップを発表した。 この動きは、利用者が自分の価値観に沿った意識的な選択を行えるようにし、より良いウェブ体験を実現するためのものだとしている。 Qwantはフランス発の検索エンジンで、個人情報の収集やユーザー行動の追跡を行わないプライバシーを最優先に設計されている。ユーザーの検索履歴や行動データを一切保存せず、個人のプライバシーを保護し、広告のターゲティングに利用されることなく、公平かつ包括的な検索結果を提供し、インターネットの分散化された性質を保持することに力を入れているという。 元記事で
ユーザーの行動を追跡してユーザーに合った広告を表示するシステムの改善をGoogleが試みており、2023年7月にはユーザーのプライバシーを守りつつ好みに合った広告を表示するためのいくつかの機能を発表しました。そのうち、広告表示のための処理をブラウザ内で実施するという「Protected Audience」について、Mozillaが言及しました。 Protected Audience Privacy Analysis - protected-audience.pdf (PDFファイル)https://mozilla.github.io/ppa-docs/protected-audience.pdf Google’s Protected Audience Protects Advertisers (and Google) More Than It Protects You https://bl
Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ
はじめに みなさんはChromeの拡張機能を使っていますか? 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
Google、PDF論文を劇的に読みやすくするChrome拡張「Google Scholar PDF Reader」 米Googleが「Google Scholar PDF Reader」というPDF形式の論文を読みやすくするChromeブラウザ拡張機能の提供を開始した。 プラットフォームやOSに依存せず、クリーンで、文章の構造が一貫しているPDFは、学術文書の標準的なフォーマットとして広く利用されている。しかし、一方で、引用されている他の文献にジャンプするのが難しかったり、あるいは特定のセクションを閲覧したくても、PDFの構造上、簡単に移動できないなど、閲覧性に関して不便と感じる面もある。Googleは「Google Scholar」という学術論文の検索エンジンを提供している。シンプルで分かりやすい画面構成で、良質な学術文書を効率的に見つけられるサービスである。Scholar PDF R
Supercharge your paper reading: follow references, skim outline, jump to figures, cite and save. When you install Scholar Reader, PDFs on all sites will have a new look in Chrome. To make this happen, Chrome will ask for permissions to read and change data on all sites. Scholar Reader makes no changes other than the presentation of PDFs. • Preview references as you read. Click the in-text citation
ウェブブラウザ「Firefox 124」の正式版が公開されました。Firefox Viewの開いているタブの表示順を指定したオプションで並び替えられるようになりました。 Firefox 124.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/124.0/releasenotes/ ◆キャレット(カーソル)ブラウズモードがPDFビューアでも機能するように ブラウザ操作をキーボードだけでも行うことができるようになるキャレット(カーソル)ブラウズモードがPDFビューアでも機能するようになりました。 ◆Firefox Viewで開いているタブを最近表示した順、タブの並び順で並べ替えられるように 最近表示した順がデフォルトのオプションです。 ◆Mac版FirefoxでmacOSフルスクリ
こんにちは。 id:Pocke です。 今日は activerecord-originator という gem を作ったので紹介します。 github.com なにこれ Active Record が発行するSQLの各部分に、それがどこで作られたものかをコメントとして入れ込む gem です。 理解するには実例を見るのが早いでしょう。次のログはArticlesController#indexで実行されるクエリの例です。 Article Load (0.1ms) SELECT "articles".* FROM "articles" WHERE "articles"."status" = ? /* app/models/article.rb:3:in `published' */ AND "articles"."category_id" = ? /* app/controllers/artic
こんにちは、Webデザイナーのまっつーです。 フォトショ(Photoshop)のスーパー解像度の使い方について、実際の画像をお見せしながらわかりやすく紹介していきます。 この記事を読めば「提供された画像の画質が悪い…」「古い写真を使いたいが画質が悪い…」といった悩みが解決できます。 Photoshopのスーパー解像度とは 「スーパー解像度」とは一言でいうと、AIの技術で画像の解像度(画質)を格段にあげることできる機能です。 2021年Adobe Camera Raw v.13.2に追加された新しい機能で、Adobe Senseiという人工知能のAIが細部を自動的に補完し鮮明な画像に処理してくれます。(似ている機能で「ディテールを保持2.0」というものがありますが、期待できる効果は「スーパー解像度」の方が高くなります。) この機能を使うと画像の解像度は縦横それぞれ2倍のサイズになり、全体の解
結構長くゲーム業界に出向していましたが、2022年秋に戻ってきました。 ゲーム業界での経験も生かしながらIIJのエンジニアとしてちょっと面白いことを提供できていければいいなぁと思っています。 格闘ゲームの世界チャンピオン(Evo2017)になった従兄弟がいますが彼にゲームを教えたのは僕ではありません。2023年は4位でしたね、おめでとうというべきか残念というべきか。 どうぞよろしくお願いします。 BCP対策とStarlink Starlinkが日本でも使えるようになり、新聞やテレビのCMでもその活躍が色々と紹介されるようになってきました。ウクライナ戦争での利用やイーロン・マスクの話題性から始まり、スターリンクトレインによる天文イベント的な認知、能登半島地震によって日本でも有用性がアピールされています。 企業のBCP対策に必要なインターネットへの接続性を確保する手段として期待は高くなる一方で
こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換(SSR)という技術を利用して、より正確で効率的な検索と置換を実現するツールです。 構造検索は? テキスト検索と置換の限界 例えば、JavaScriptコードをリファクタリングして、lodash の _.filter 関数をネイティブの Array.prototype.filter メソッド に置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。 一行の式しかマッチングできません。コードが複数行にまたがってい
DOMDOM トークス #1 mizdra (みずどら) です 株式会社はてな フロントエンドエキスパートやってます DOM をとりまく ブラウザのセキュリティ の話 DOM 成分ほとんど無いです 「iframe」がちょっと登場するくらい すみません... 皆さんご存知 ツールバーに機能を足したり Webページをカスタマイズしたり Webページにスクリプトを埋め込める機能 Web ページをカスタマイズしたい時によく使う code:content-script.js // ページ中のテキストを真っ赤に document.querySelectorAll('*') .forEach(el => el.style.color = 'red'); (ここまで3分) Chrome 開発チームが「Content Script の中で機密データを保持するな」と言ってる https://groups.go
ピー・ソフトハウス、「PSOFT Pencil+ 4 Material for Blender」を発売 Blender上でセル画調やイラスト調の表現が可能なトゥーンシェーダーアドオン 3ds MaxとMaya、Blenderの間でマテリアルの設定を受け渡しできる無償アドオンもアップデートされた ピー・ソフトハウスは2024年2月26日(月)、Blender用アドオン「PSOFT Pencil+ 4 Material for Blender」を発売しました。 同社のオンラインストアでの価格は7,480円(税込)で、「Pencil+ 4 Render App for Windows」を所有している場合は無償で提供されます。
JSer.info #682 - Firefox 123がリリースされました。 Firefox 123.0, See All New Features, Updates and Fixes Firefox 123 for developers - Mozilla | MDN <template>要素がshadowrootmode属性をサポート、Date.parse()の互換性向上、103 Early Hintsのrel=preloadをサポートなどが含まれています。 また、実験的な機能としてWeb Codecs APIをサポートが追加されています。 Remix 2.7がリリースされました。 Remix Vite is Now Stable | Remix Remix 2.7ではSPAモードがStableに、baseオプションのサポート、Remix ViteがCloudflare Pages
Setting up VS Code for Ruby on Rails development can be tricky, so I wrote this article to help. Plus, I've turned the extensions in this article into a VS Code Extension Pack. Use it to install all the extensions from this article in 1-click, to get started quickly with VS Code + Ruby on Rails. Table of Contents Using VS Code as a Ruby on Rails editor shouldn't be so hard! It's tricky deciding wh
参考: 循環的複雑度 ちなみに githubで最もやべー関数を発掘するという記事では、循環的複雑度が高い関数が紹介されています。 ものによってはリンク切れしてしまっていますが、最も複雑度が高いのはnode(JavaScript)のjo関数で5505だそうです。想像もつかない... どのようにすれば循環的複雑度を低く抑えられるのか? 計算方法から考えると、forやifによる分岐を減らしていくことが必要となります。 そのために、分岐の入るロジックを別関数として切り出し、1つの関数でやる事を絞り、分離することを理想として目指していきます。 とはいえ、いちいち複雑度の計算なんてしていられないですね。 そこで役に立つのが次のVSCode拡張機能です。 Code Metrics (VSCode拡張機能) この拡張機能は、TypeScriptやJavaScriptの関数・メソッドに循環的複雑度を表示して
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く