人気記事
カテゴリーリスト
ブログについて
search
close
サイト内検索
Follow
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 を叩いて記事データを取得する
add_circle
Load more entries...
whatshot
人気記事
Hot Entries
arrow_forward
人気記事をすべて見る
list
カテゴリー別最新記事
Browse Categories
Mobile
chevron_right
優れた UX を提供する Web サイトを強調するため、Chrome for Android に 「Fast Page」 ラベルが導入される
AMP ページで Font Awesome を使用する
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
次期 Android では 「DNS over TLS」 がサポートされる
Web Development
chevron_right
CSS 条件付き規則 （CSS Conditional Rules） Level 5 仕様 （草案） に追加された @when と @else 規則について
日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた
DigitalOcean （Ubuntu 20.04） で Pa11y Dashboard を簡単に立ち上げる
Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性 （CVE-2021-20837） を悪用した攻撃被害に関する対応メモ
Accessibility
chevron_right
日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた
DigitalOcean （Ubuntu 20.04） で Pa11y Dashboard を簡単に立ち上げる
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
Tool
chevron_right
日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた
DigitalOcean （Ubuntu 20.04） で Pa11y Dashboard を簡単に立ち上げる
Windows 10 用 WSL 2 + Ubuntu を使用した、imgp コマンドによる画像の一括リサイズ
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
Browser
chevron_right
Internet Explorer 11 がついにサポート終了、2022年 6月 15日でお別れへ
Google Chrome が4週間隔にリリースサイクルを高速化、Edge も同様に
Google Chrome 88 の DevTools に Web Vitals （ウェブバイタル） 情報の表示オプションが追加される
Firefox 83 に 「HTTPS-Only モード」 が追加、Web サイトへの接続時、HTTPS 接続を強制可能に
Gadget
chevron_right
Umbrel で立ち上げた Lightning ノードに Alias （エイリアス） と Color （カラー） を設定する
Windows 11 にアップグレードするための 「PC 正常性チェック」 で NG になったので、BIOS の設定から TPM 2.0 を有効にする
Raspberry Pi 4 + Umbrel で Bitcoin フルノードを立ち上げ、Lightning Network （Diamond Hands プロジェクト） に参加してみる
飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話
Application
chevron_right
Windows 11 にアップグレードするための 「PC 正常性チェック」 で NG になったので、BIOS の設定から TPM 2.0 を有効にする
Amazon プライムデーで Adobe Creative Cloud コンプリートプランの年間ライセンスが安かったので購入した件
gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点
動画 （Netflix） 視聴目当てで Oculus Go を購入したら正解だった件
SNS
chevron_right
暗号化されていないパスワードが内部ログに保存されていた問題を Twitter が公表した件で、パスワード変更もいいけど 2段階認証もね
各ブラウザにおけるトラッキング拒否機能 （DNT） の有効化について
Mastodon 1.4.x （Docker） の assets:precompile が失敗するので Bash on Ubuntu on Windows 上で実行して切り抜けた件
Mastodon インスタンスを運用しているサーバを HTTP/2 対応させた話 （CentOS7 + nginx + OpenSSL）
JavaScript
chevron_right
Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ
Next.js から Feedly API を叩いて記事データを取得する
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する
Next.js
chevron_right
Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ
Next.js から Feedly API を叩いて記事データを取得する
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
Cloud
chevron_right
日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた
DigitalOcean （Ubuntu 20.04） で Pa11y Dashboard を簡単に立ち上げる
Mastodon インスタンスの画像や動画の保存先をクラウドストレージ （Amazon S3） に移行した話
Dropbox が 「Project Infinite」 を発表、ローカルのディスク容量が少ない環境でも使いやすく
Event
chevron_right
1990 年代後半から CSS を触っている私が当時の記憶を振り返る、CSS 昔話
「アクセシビリティ」 を当たり前にするために制作者はどう考えればよいのか
Web アクセシビリティを身近に感じてもらうためのごく簡単なお話
Happy birthday W3C - World Wide Web Consortium が設立から 20周年
Web Service
chevron_right
日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた
DigitalOcean （Ubuntu 20.04） で Pa11y Dashboard を簡単に立ち上げる
Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ
Next.js から Feedly API を叩いて記事データを取得する
Security
chevron_right
Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性 （CVE-2021-20837） を悪用した攻撃被害に関する対応メモ
Let's Encrypt で発行するサーバ証明書の暗号方式を RSA から ECDSA （楕円曲線 DSA） に変更する
Firefox 83 に 「HTTPS-Only モード」 が追加、Web サイトへの接続時、HTTPS 接続を強制可能に
パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法（2020年10月版）
CMS
chevron_right
Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性 （CVE-2021-20837） を悪用した攻撃被害に関する対応メモ
Next.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
Movable Type 6.3 がリリース、PHP 7 と MySQL 5.7 に対応、画像品質自動調整機能の有無が設定可能に
HTML
chevron_right
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
CSS
chevron_right
CSS 条件付き規則 （CSS Conditional Rules） Level 5 仕様 （草案） に追加された @when と @else 規則について
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた
Product
chevron_right
動画 （Netflix） 視聴目当てで Oculus Go を購入したら正解だった件
Surface Pro 3 が 「Surface」 ロゴ表示で固まって起動しなくなった時の対処方法
Microsoft が Surface Pro、Surface Pro 2 等の電源コードを自主回収
Windows 7 のメインストリームサポートが終了、延長サポート期間へ
HTML5
chevron_right
「できるポケット HTML&CSS全事典」 の重版が決定しました
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
Firefox 75、HTML の指定のみで動作する画像遅延読み込み （loading="lazy"） に正式対応
W3C と WHATWG、HTML/DOMの仕様策定で協力し、共通の仕様を共同管理すると発表
Blog
chevron_right
スクールでは （多分） 教えてくれない、フリーランスとして駆け出す前に知っておきたいこと
人生初の AMD Ryzen CPU でメインメモリ 128GB の Windows PC を組んでみた話
Blog をリニューアルしました
ボタンを押したら商品が届く、「Amazon Dash Button」 を早速試してみた
Book
chevron_right
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
「できるポケット HTML&CSS全事典」 の第3刷、重版が決定しました
「できるポケット HTML&CSS全事典」 の重版が決定しました
HTML/CSS
chevron_right
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
Item
chevron_right
Kindle Voyage 買ったけど 1点だけどうしても納得いかないことが......
国立競技場の座席 （自由席 / 指定席） からスツールを作ってみた
Surface Pro 3 買ったら Surface Pro 2 で不満だったところをほとんど解消してくれた件
Anker 5ポート USB急速充電器 ACアダプタとまな板スタンドの組み合わせがいい感じな件
New Service
chevron_right
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
ボタンを押したら商品が届く、「Amazon Dash Button」 を早速試してみた
Amazon が Kindle for PC をリリース、和書も PC で閲覧可能に
Podcast
chevron_right
世界初の Firefox OS 商用端末、ZTE Open が発売開始
Vodcast 対応 PSP MM
Yahoo! Podcasts BETA
iTunes で Podcast を公開
XML
chevron_right
IFTTT から Blog の更新を自動で画像付きツイートするためにフィードを少し直した件
SVG のフォールバックは結局 Modernizr に落ち着いた件
ブラウザから SVGO で SVG ファイルを最適化できる 「SVGOMG」
GIF に変わると噂の XNG という新しいアニメーション画像フォーマットを調べてみた
Web Topic
chevron_right
Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性 （CVE-2021-20837） を悪用した攻撃被害に関する対応メモ
Umbrel で立ち上げた Lightning ノードに Alias （エイリアス） と Color （カラー） を設定する
Raspberry Pi 4 + Umbrel で Bitcoin フルノードを立ち上げ、Lightning Network （Diamond Hands プロジェクト） に参加してみる
スクールでは （多分） 教えてくれない、フリーランスとして駆け出す前に知っておきたいこと
