記事一覧（1ページ / 20ページ） - WWW WATCH

WWW WATCH - Web デザインやテクノロジーの話題がメインのブログ

すべての記事一覧。1ページ / 20ページ

ごく普通のクリエーター、個人事業主、零細企業社長のための投資戦略

popover 属性（含む関連属性）がすべてのモダンブラウザで利用可能に

Raspberry Pi 4 で運用中の umbrelOS 0.5.4 を umbrelOS 1.0 にアップデートする

Windows で npm run dev したときに listen EADDRINUSE エラーが出た場合の対処法メモ

Vercel AI SDK を使用して、Claude 3 と、ChatGPT ライクにチャットする Web UI を作る

Safari 17.4 が input type=checkbox の switch 属性に対応したので簡単に試してみる

Node.js で X（Twitter）、Bluesky、Mastodon に JSON データから同時投稿（クロスポスト）する

さくらの VPS で Bluesky PDS （Personal Data Server）をセルフホストしてみる

DMARC レポートの XML ファイルを HTML 形式のレポートに変換するスクリプト

Bluesky で自分が所有しているドメインをハンドルにする（カスタムドメインの設定）

スマートフォンのタップ操作成功率を算出するツール「Tappy」を試してみた

details 要素で作るアコーディオン UI のサンプル

Astro で details 要素に name 属性を使うと型チェックでエラーになる件を解決する

Chatbot UI （オープンソースの ChatGPT UI クローン）を Vercel でホストする

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」 3 度目の重版（第 4 刷）が決定しました

Blog から広告（Google AdSense）を全部削除してみた

Firefox 121 が正式リリース、やっと :has() 疑似クラスに対応

Tailwind CSS で text-autospace プロパティを使用するためのプラグインを npm で公開しました

Astro と Movable Type Data API でページネーション（ページ分割）を実装する

複数の色の組み合わせを簡単にコントラスト比チェックできる Color Contrast Auto Checker を作ってみました

Astro と Tailwind CSS でこの Blog をリニューアルしました

CSS Values and Units Module Level 5 に追加された random() 関数が面白そう

OpenAI TTS（Text to Speech）を Node.js で試してみた

axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました

ChatGPT の画像認識機能を使って画像内のコントラスト比チェックができるか試してみた件

アクセシビリティ試験で補助的に使えるブックマークレット集

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」 2 度目の重版（第 3 刷）が決定しました

HTML Standard 仕様に search 要素が追加された

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」の重版が決定しました

さくらの VPS で俺専用 Mastodon （マストドン）インスタンスを立ててみた話 - リベンジ

さくらの VPS （Ubuntu 22.04 amd64 + nginx）で Movable Type 実行環境を作る

Tailwind CSS でつくるダークモード切り替えスイッチ

MovableType.net サイトサーチを Google カスタム検索エンジン使用中サイトに 5 分で導入する

Astro.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる

Stable Diffusion による AI 画像生成を Google Colaboratory （Colab）で試してみた件

Web 開発時に確認したい項目を簡単に一覧できるダッシュボード的なものを作ってみた件

「できるポケット HTML&CSS 全事典」が全面改訂、「改訂 3 版」の発売が決定しました

さくらの VPS を使用してオープンソースのアクセス解析ツール「Umami」をホストしてみる

「できるポケット HTML&CSS全事典」の第5刷、重版が決定しました

CSS 条件付き規則（CSS Conditional Rules） Level 5 仕様（草案）に追加された @when と @else 規則について

日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた

DigitalOcean （Ubuntu 20.04）で Pa11y Dashboard を簡単に立ち上げる

Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性（CVE-2021-20837）を悪用した攻撃被害に関する対応メモ

Umbrel で立ち上げた Lightning ノードに Alias （エイリアス）と Color （カラー）を設定する

Windows 11 にアップグレードするための「PC 正常性チェック」で NG になったので、BIOS の設定から TPM 2.0 を有効にする

Let's Encrypt で発行するサーバ証明書の暗号方式を RSA から ECDSA （楕円曲線 DSA）に変更する

Raspberry Pi 4 + Umbrel で Bitcoin フルノードを立ち上げ、Lightning Network （Diamond Hands プロジェクト）に参加してみる

Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました

Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集「バーンワークス UI ライブラリ」

スクールでは（多分）教えてくれない、フリーランスとして駆け出す前に知っておきたいこと

Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ

Next.js から Feedly API を叩いて記事データを取得する

Next.js から Qiita API v2 を叩いて人気記事のデータを取得する

フロントエンド開発に関連する技術系記事をまとめてチェックできる「TechDeck」という Web サイトを作ってみた

Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する

Internet Explorer 11 がついにサポート終了、2022年 6月 15日でお別れへ

「できるポケット HTML&CSS全事典」の第4刷、重版が決定しました

飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話

Google Chrome が4週間隔にリリースサイクルを高速化、Edge も同様に

指定テキストをハイライト表示する「Text Fragment」付きリンクをツイートするためのブックマークレット