ろぼいんブログ

「Web開発」タグが付いた記事一覧 - ろぼいんブログ

Web開発は、WebサイトやWebアプリケーションを作成するプロセスです。HTML、CSS、JavaScriptなどの技術を用いて、インタラクティブなWebコンテンツを構築します。

関連タグ：
#HTML#JavaScript#TypeScript#Git#Figma#Astro#Node.js#Python
記事のサムネイル

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

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

記事のサムネイル

Polyfill.ioが中国企業に売却　背景と対応策は？

Web開発者たちにとって、ブラウザー間の互換性問題は長年にわたり頭痛の種となっています。そんな中、Polyfill.ioは多くの開発者にとって救世主のような存在でした。しかし、この度Polyfill.ioは中国の企業Funnullに売却されたことが明らかになり、開発コミュニティーに波紋を広げています。この記事では、Polyfill.ioの売却について、またWeb開発者が取るべき対策について詳しく解説します。

記事のサムネイル

Blueskyの共有ボタンを実装する方法はあるのか

Webサイトやブログでは、SNSでコンテンツを簡単に共有できるボタンが設置されていることがあります。もちろん、このブログでも設置しています。Twitter（X）やFacebookといったプラットフォームでは、このような共有ボタンが広く普及しています。この記事では、Twitterの代替として注目されているBlueskyの共有ボタンの現状と、今後の展望について深掘りします。

記事のサムネイル

Markdownでリンクカードを表示する「remark-link-card」の使い方

ブログなどでは、リンクを埋め込む際にリンクカードを表示することがあります。リンクカードは、リンク先のページのタイトルやサムネイル、概要などを一覧表示でき、リンク先の情報を簡単に把握できるため、ユーザーにとって便利な機能です。Markdownでリンクカードを表示するための「remark-link-card」の使い方について解説します。

記事のサムネイル

Markdownでnoteやinfoを使えない理由と対処法

Markdownは、テキストをマークアップするための軽量な記法です。ブログやドキュメントの作成によく使用されています。Markdownでは、いくつかのキーワードを使用して、テキストのスタイルや構造を指定できます。一部のサイトでは、Markdownで「note」や「info」などのキーワードで注釈を表現できます。しかし、これらの機能が使えないことがあります。この記事では、Markdownで「note」や「info」を使用できない理由と代替方法についても紹介します。

記事のサムネイル

Markdownでリッチなコードブロックを実現する「Expressive Code」

QiitaなどのサイトではMarkdown構文が独自に拡張されており、たとえばコードブロックにファイル名を表示したりできます。しかし、通常のMarkdownでは、そのようなことはできません。Expressive Codeを使うと、ファイル名を表示したり、特定の行を強調表示したりなど、MarkdownまたはMDXを使ってWebでリッチなコードブロックを表現できます。