サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ

jQuery

Web制作者は要チェック! スマホでもテキストサイズの拡大縮小ができるようになるなど、Chrome 146で新しく追加された5個のCSSの機能

3/11にアップデートされたChrome 146に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、スクロールの位置に基づいてアニメーションを制御する機能、m …続きを読む

2026/3/12 10:03

  • Pocket

シンプルだから使いやすい! ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek

ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。 実装は非常に簡単で、カスタマイズも簡単、既存のW …続きを読む

2026/3/10 10:02

  • Pocket

3分で学ぶ GitHub Copilot CLI の基本とベストプラクティス - プププなテクブ

2026年2月25日、GitHub Copilot CLIがついにGAされました。 github.blog そこで今回はまだGitHub Copilot CLIをまだ見てない/触ってない という人向け …続きを読む

2026/3/7 18:47

  • Pocket

できるだけ無料でサービスを運用するための個人開発オススメデプロイ先 - Qiita

はじめに こんにちは、ひるげです。 個人開発でWebアプリを作ったとき、「どこにデプロイすればいいんだろう?」と悩んだ経験、ありませんか? AWSやGCPは高機能だけどコストが怖い。かといって無料のサ …続きを読む

2026/3/7 13:24

  • Pocket

HTMLを拡張し、JSなしで動的UIを作る「htmx」 | gihyo.jp

htmxは、HTMLの属性を追加するだけで、インクリメンタル検索やインライン編集をはじめとするさまざまな動的なUI(User Interface)を実現できるJavaScriptライブラリです。SPA …続きを読む

2026/3/5 13:49

  • Pocket

React不要論2026

Reactは「高度なPolyfill」だった 2010年代半ばの未熟なWebプラットフォームにおいて、Reactは極めて優秀な穴埋め(Polyfill)だった 当時のブラウザはAPIが貧弱で、複雑なU …続きを読む

2026/3/1 00:23

  • Pocket

How we rebuilt Next.js with AI in one week

*This post was updated at 12:35 pm PT to fix a typo in the build time benchmarks. Last week, one eng …続きを読む

2026/2/25 07:14

  • Pocket

Next.jsはどのようにCSRF対策をしているのか? - プププなテクブ

最近、Next.jsがどのようにCSRF対策をしているのかを考える機会がありました。 そんななかで色々と学んだことを今回は書きます。 CSRFとは 本題に入っていく前に、いま一度CSRFについて改めて …続きを読む

2026/2/20 19:49

  • Pocket

偽「ボンボンドロップシール」所持疑い、男2人逮捕 購入した女児の母親が気づき

立体感が特徴で人気を集めている「ボンボンドロップシール」の偽物を販売目的で所持したとして、埼玉県警蕨署は18日、商標法違反容疑で、いずれも露天商の大谷圭太容疑者(28)=同県戸田市本町=と、工藤弘美容 …続きを読む

2026/2/18 20:41

  • Pocket

個人サービスのホスティング代、年1,500円まで削れた — 6サービス比較した結果

2026年2月14日 更新: 推奨サービスを Cloudflare Pages → Cloudflare Workers に変更しました。Pages の上位互換にあたり、Cloudflare も公式に …続きを読む

2026/2/13 23:11

  • Pocket

無料であらゆるUIを黄金比で生成するオープンソースフレームワーク「LiftKit」

ウェブデザインやUI構築で悩んだ際に、人間が最も美しいと感じると言われている「黄金比」を数学的に計算して生成してくれるUIフレームワーク「LiftKit」を使うと、無料かつオープンソースで細部までこだ …続きを読む

2026/2/12 11:43

  • Pocket

Next.jsをVercelからCloudflareへ移行し、90%のコスト削減を実現した話 - Hello Tech

酒井です。ハローでは、プロダクトのローンチ前からAutoReserveの開発に関わっています。 この記事では、Next.jsアプリケーションであるautoreserve.comをVercelからClo …続きを読む

2026/2/10 09:16

  • Pocket

モーダルやツールチップで役立つ! HTMLのcommandとinterestfor属性を使って、JSを減らすスマートなUI開発 - ICS MEDIA

モーダルやツールチップで役立つ! HTMLのcommandとinterestfor属性を使って、JSを減らすスマートなUI開発 HTMLとCSSは進歩していますが、以前はJavaScriptが必須だっ …続きを読む

2026/2/9 22:21

  • Pocket

「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく

「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく 回答者の国別分布を見ると米 …続きを読む

2026/2/8 23:41

  • Pocket

依存関係0で超軽量なJS/TS製スケジューラー Croner を使ってみる - プププなテクブ

先週はcronからsystemd timerへ移行する記事が話題になっていましたね。 zenn.dev これに乗っかる形で(?)、今回は依存関係0で超軽量なJS/TS製スケジューラー Croner を …続きを読む

2026/2/7 17:17

  • Pocket

スムーススクロールはJSでやるべき - Qiita

みなさん、スムーススクロール(慣性スクロール)してますか。 jQueryの世界ではいにしえより伝わる以下のコードがあり、 # で始まるIDへのアンカーリンクの「スクロールがヌルっと動くため」だけにコピ …続きを読む

2026/1/28 17:07

  • Pocket

CNNで軽量音声認識モデルを作ってTensorFlow.jsで動かしてみた

こんにちは。エンジニアの八尾です。 TensorFlow.js を使って、任意のキーワードを含む指示コマンド(短時間音声)をブラウザ上で分類できるか検証しました。今回はキーワードを「アシアル(asia …続きを読む

2026/1/26 10:31

  • Pocket

「ボンボンドロップシール」が小中学生女子の間で人気爆発、発売から1年半で1千万枚突破…人気の一因に母親世代になった「平成女児」?

【読売新聞】 小中学生の女の子を中心にシール交換が過熱化し、都内各地の店舗で品薄状態が続いている。発端となったのは、立体感と透明感が特徴の「ボンボンドロップシール」(ボンドロ)。発売から約1年半で累計 …続きを読む

2026/1/26 08:36

  • Pocket

クラウドサインは npm から pnpm へ移行しました - 弁護士ドットコム株式会社 Creators’ blog

はじめに モチベーション pnpm が提供するセキュリティ機能 strictDepBuilds allowBuilds trustPolicy trustPolicyExclude blockExot …続きを読む

2026/1/26 08:29

  • Pocket