はじめに こんにちは。エンジニアの皆さん。 日々の業務にお疲れではないでしょうか? 消えないエラー、動かないプログラム、迫る締切、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
結構長くゲーム業界に出向していましたが、2022年秋に戻ってきました。 ゲーム業界での経験も生かしながらIIJのエンジニアとしてちょっと面白いことを提供できていければいいなぁと思っています。 格闘ゲームの世界チャンピオン(Evo2017)になった従兄弟がいますが彼にゲームを教えたのは僕ではありません。2023年は4位でしたね、おめでとうというべきか残念というべきか。 どうぞよろしくお願いします。 BCP対策とStarlink Starlinkが日本でも使えるようになり、新聞やテレビのCMでもその活躍が色々と紹介されるようになってきました。ウクライナ戦争での利用やイーロン・マスクの話題性から始まり、スターリンクトレインによる天文イベント的な認知、能登半島地震によって日本でも有用性がアピールされています。 企業のBCP対策に必要なインターネットへの接続性を確保する手段として期待は高くなる一方で
こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換(SSR)という技術を利用して、より正確で効率的な検索と置換を実現するツールです。 構造検索は? テキスト検索と置換の限界 例えば、JavaScriptコードをリファクタリングして、lodash の _.filter 関数をネイティブの Array.prototype.filter メソッド に置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。 一行の式しかマッチングできません。コードが複数行にまたがってい
ピー・ソフトハウス、「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
Blender アドオン プラグイン&アドオン-Plugin&Addon Motorica GDC 2024 Announcement Trailer -... 2024-03-23 スウェーデン、ストックホルムを拠点とするMotoricaによるGDC2024向け発表動画が公開されています。AIモーション生成とモーションマッチングを組み合わせてハイエンドな移動制御を実現するとかとか。 続きを読む アセット-Asset The #GameAudioGDC Bundle Part 8 - GDC202... 2024-03-23 今年も来ました!27.5GB超の高品質サウンドエフェクトデータ「The #GameAudioGDC Bundle Part 8」がGDC2024に合わせて無料公開!27.5GB超のロイヤリティフリー・商用利用も可能なサウンドデータ! 続きを読む Blender アドオ
CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方 実装の解説 :has()疑似クラスのシンプルでクールな使い方 みなさん、こんにちわ!👋 この記事では、最近すべてのブラウザに
FOSDEM 2024/Schedule/Events/Developer rooms/Web Performance/Fast JavaScript with Data-Oriented Design Let’s squeeze the last bits of performance out of JS so that we can crunch massive amounts of data! In this presentation I will describe what I learned while optimizing the Firefox Profiler. The Firefox Profiler is a web application which needs to handle large profiles containing hundreds of thous
jQuery 4.0では、Internet Explorer 10以前のサポートが終了されるとともに、レガシー版のMicrosoft Edge、iOS 10以前、Firefox 64以前といった古いWebブラウザがサポートされなくなっている。 あわせて、以前のバージョンで非推奨になっていたいくつかのAPIが削除されるとともに、push、sort、spliceメソッドが削除された。 そのほか、jQuery 4.0でサポートするWebブラウザに合わせて、focusin、focusout、focus、blurの順番が変更され、blur→focusout→focus→focusinとなったほか、jQuery.ajaxへのFormDataを含むバイナリデータのサポート追加、従来自動で行われていたjQuery.ajaxにおけるdataType: "json"使用によるJSONPリクエストへの変換の削除
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く