人気記事
カテゴリーリスト
ブログについて
search
close
サイト内検索
Follow
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」 付きリンクをツイートするためのブックマークレット
:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた
Google Chrome 88 の DevTools に Web Vitals （ウェブバイタル） 情報の表示オプションが追加される
Next.js を使用して、サブ Blog を Jamstack な Blog としてリニューアルしてみた件
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
Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ
Next.js から Feedly API を叩いて記事データを取得する
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
Tool
chevron_right
Windows 10 用 WSL 2 + Ubuntu を使用した、imgp コマンドによる画像の一括リサイズ
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
Pa11y CI でアクセシビリティテストを自動化し日本語のレポートを HTML 形式で生成する
リアルタイム画像処理機能が充実した CDN、「imgix」 を試してみたらとても簡単で便利だった件
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
飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話
人生初の AMD Ryzen CPU でメインメモリ 128GB の Windows PC を組んでみた話
動画 （Netflix） 視聴目当てで Oculus Go を購入したら正解だった件
Microsoft が Surface Pro、Surface Pro 2 等の電源コードを自主回収
Application
chevron_right
Amazon プライムデーで Adobe Creative Cloud コンプリートプランの年間ライセンスが安かったので購入した件
gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点
動画 （Netflix） 視聴目当てで Oculus Go を購入したら正解だった件
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境
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
Mastodon インスタンスの画像や動画の保存先をクラウドストレージ （Amazon S3） に移行した話
Dropbox が 「Project Infinite」 を発表、ローカルのディスク容量が少ない環境でも使いやすく
OneDrive の 1ファイルあたりサイズ制限が 2GB から 10GB に拡大
Dropbox Pro が大幅機能追加。ディスク容量もお値段そのまま 1TB まで拡大
Event
chevron_right
1990 年代後半から CSS を触っている私が当時の記憶を振り返る、CSS 昔話
「アクセシビリティ」 を当たり前にするために制作者はどう考えればよいのか
Web アクセシビリティを身近に感じてもらうためのごく簡単なお話
Happy birthday W3C - World Wide Web Consortium が設立から 20周年
Web Service
chevron_right
Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ
Next.js から Feedly API を叩いて記事データを取得する
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
Security
chevron_right
Firefox 83 に 「HTTPS-Only モード」 が追加、Web サイトへの接続時、HTTPS 接続を強制可能に
パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法（2020年10月版）
Google Chrome 77 が正式リリース、EV SSL 証明書に対するアドレスバーの組織名表示を廃止
全フィッシングサイトのうち、約半分は SSL で保護されている
CMS
chevron_right
Next.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
Movable Type 6.3 がリリース、PHP 7 と MySQL 5.7 に対応、画像品質自動調整機能の有無が設定可能に
ケータイキット for Movable Type に OS コマンドインジェクションの脆弱性
HTML
chevron_right
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
CSS
chevron_right
:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた
:focus-within 疑似クラスでキーボード操作に対応したドロップダウンメニューを作ってみよう
Firefox 78 が正式リリース、CSS の :is()、:where() 疑似クラスに対応し、複数セレクタの記述が捗る
CSS カスタムプロパティ （CSS Variables） を使用して、ダークモード対応 CSS をスマートに書く
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」 を早速試してみた
過去 2年間のカーシェアリング利用料をまとめてみたので普通自動車の維持費と比べてみる
Book
chevron_right
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
「できるポケット HTML&CSS全事典」 の第3刷、重版が決定しました
「できるポケット HTML&CSS全事典」 の重版が決定しました
HTML/CSS
chevron_right
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
「できるポケット HTML&CSS全事典」 の第3刷、重版が決定しました
Item
chevron_right
Kindle Voyage 買ったけど 1点だけどうしても納得いかないことが......
国立競技場の座席 （自由席 / 指定席） からスツールを作ってみた
Surface Pro 3 買ったら Surface Pro 2 で不満だったところをほとんど解消してくれた件
Anker 5ポート USB急速充電器 ACアダプタとまな板スタンドの組み合わせがいい感じな件
New Service
chevron_right
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
ボタンを押したら商品が届く、「Amazon Dash Button」 を早速試してみた
Amazon が Kindle for PC をリリース、和書も PC で閲覧可能に
TinyPNG が JPEG ファイルの最適化にも対応、TinyJPG もローンチ
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
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法（2020年10月版）
優れた UX を提供する Web サイトを強調するため、Chrome for Android に 「Fast Page」 ラベルが導入される
Amazon プライムデーで Adobe Creative Cloud コンプリートプランの年間ライセンスが安かったので購入した件
