ろぼいんブログ

「プログラミング」タグが付いた記事一覧

トレンドニュースに著者のアカウントが表示されているようす
ニュースHowTo解説

Mastodonで記事の著者のアカウントを表示可能に 設定方法は?

分散型SNSのMastodonに、リンク先の記事の著者のアカウントを表示する機能が追加されました。これにより、簡単に記事の著者をフォローできるようになります。この記事では、その機能の詳細と設定方法を紹介します。

Material Web ComponentsのGitHubリポジトリーのREADMEのスクリーンショット
ニュース

Material Web Componentsがメンテナンスモードへ 新機能の開発は中止もプロジェクト継続を模索中

Googleが開発する「Material Web Components(MWC)」が、メンテナンスモードに入ることが発表されました。Material DesignチームがGoogleの大規模内部フレームワーク「Wiz」のサポートに集中するため、MWCに割り当てられていたエンジニアを再配置したことが原因とのことです。

記事のサムネイル画像
ニュースHowTo

Threads APIの一般提供が開始!利用方法は?

6月18日、Threads APIの一般提供が開始されました。開発者やクリエイター、ブランドがThreadsと連携したソフトウェアを構築できるようになります。この記事では、新たに提供されたThreads APIの特徴や利用方法について詳しく解説します。

CloudflareのPage Rulesのマイグレーションガイドのスクリーンショット
ニュース解説

CloudflareのPage Rulesが2024年7月から段階的に廃止へ

CloudflareのPage Rulesが2024年7月から段階的に廃止されることが発表されました。この記事では、Page Rulesの廃止の移行スケジュールや代わりの機能について詳しく解説します。

Cloudflareから利用者に送信されたメールの一部のスクリーンショット。「Cloudflare to deprecate Auto Minify August 5, 2024」というタイトルが書かれている
ニュース

CloudflareがAuto Minifyを廃止へ 代替手段は?

CloudflareがAuto Minify機能を2024年8月5日に廃止すると発表しました。Cloudflareが利用者に向けて送信したメールの中で明らかになりました。Auto Minifyは、HTML、CSS、JavaScriptファイルから不要な文字を削除することでファイルサイズを縮小し、ページの読み込み時間を短縮するための機能です。

記事のサムネイル画像
HowTo

Gitをアップデートする方法【Windows・macOS・Linux】

この記事では、Windows、macOS、そしてLinux環境でGitをアップデートする方法を詳しく解説します。

記事のサムネイル画像
解説

Node.js v22でimport assertionsが廃止された件

Node.js v22でimport assertionsが廃止された件について、日本語の記事が見当たらなかったのでまとめてみました。

記事のサムネイル画像

Cloudflare PagesでGitサブモジュールを使う方法

Cloudflare Pagesでサブモジュールを使う方法についての記事があまり見当たらなかったので、今回はその方法を詳しく解説します。

ChangesetsのBotのメッセージのスクリーンショット
解説HowTo

Changesetsでnpmへのリリースを自動化する

最近、筆者が管理するいくつかのGitHubリポジトリーにChangesetsを導入しました。これによってnpmへのリリース作業を自動化でき、負担が減りました。この記事では、Changesetsを導入する手順を詳しく解説します。

記事のサムネイル画像
解説

node-tar v7で破壊的な変更が加えられた件

node-tar 7では、従来のコードが動作しなくなる破壊的な変更が含まれています。この記事では、どのような変更が加えられたのか、既存のコードをどのように変更すればよいのかについて解説します。

Bunの公式サイトのスクリーンショット
ニュースHowTo

WindowsにBunをインストールする方法

2024年4月1日、Windowsに対応したBun 1.1がリリースされました。この記事では、WindowsにBunをインストールする方法を説明します。

サムネイル
HowTo

Markdownで簡単改行!remark-breaksプラグインの使い方

Markdownで(改段落ではなく)改行するには、行末に半角スペースを2つ入れるか、<br/>タグを使用する必要があり、煩わしさを感じさせます。remark-breaksは、このような問題を解決する、remark.jsのプラグインです。

How-to構造化データの廃止についての発表のスクリーンショット
ニュース解説

GoogleのHow-to構造化データが廃止されていた話

先日、ブログにHow-to構造化データを追加しようと思って調べていたところ、Google公式のドキュメントがほとんど出てこないことに気づきました。検索結果に出てくるのは、How-to構造化データについて解説したサードパーティの記事ばかりです。これはどういうことなのでしょうか?

CloudflareのScrape Shieldの設定画面のスクリーンショット
解説

Cloudflareのメールアドレス難読化でスパムメール対策

インターネット上で活動する上で避けては通れないのが、スパムメールの問題です。とくにWebサイトにメールアドレスを掲載すると、爆速でボットが飛んできてスパムメールを送り付けてきます。このような問題に対して、Cloudflareのメールアドレス難読化機能を利用することで、人間の訪問者には影響を与えずに、メールアドレスを保護することが可能です。今回は、Cloudflareのメールアドレス難読化機能について解説します。

GitHub Copilotの公式サイトのスクリーンショット
HowTo

GitHub Copilotにコードを学習させない設定方法

GitHub Copilotはユーザーが書いたコードスニペットなどを収集し、モデルの改善のために利用することがあります。この記事では、GitHub CopilotのデータがAIの学習に利用されないようにオプトアウトする方法について解説します。

記事のサムネイル画像
HowTo

ESLintでTypeScriptのクラスのpublicやprivateを強制する方法

この記事では、ESLintと@typescript-eslintプラグインを使用して、TypeScriptのクラスメンバーに対するアクセシビリティ(public、protected、private)の明示を強制する方法について解説します。

記事のサムネイル画像

既存のFigmaプラグインをDynamic Page Loadingに対応させる

私は「Smart Chroma」というFigmaプラグインを開発しています。先日、Figmaから「ファイルの読み込み時間を短縮するdynamic page loadingをロールアウト中だからプラグインを新しいAPI対応させてね」というメールが届きました。ということで、今回は公式のガイドに従いながら、既存のFigmaプラグインをDynamic Page Loadingに対応させる方法を紹介します。

記事のサムネイル画像
HowTo

textlintをMDXファイルで使う方法

textlintのVS CodeプラグインをMDXファイルで使う方法を紹介します。

Geminiの公式サイトのスクリーンショット
HowTo

GoogleのGemini APIの使い方

Google製の大規模言語モデル(LLM)のGeminiのAPIを使ってみたので、その使い方を紹介します。