CSSを書いていると、inherit や initial、unset、revert といった値を…
コラム
CSSは「書ける」より「壊さない」ほうが難しい、かもしれない話
最近のCSSは、本当にできることが増えましたよね。少し前までならJavaScriptを書いていた…
2025→2026年版：AI時代のSEOで押さえておきたい最新トレンド
ここ数年で、AI技術の進化が検索行動とSEOの在り方を大きく変えています。 特に2025年から2…
Adobe XDのデータをFigmaで開く方法は？
愛猫を膝にのせて暖をとっているAtsushiです。 最近はデザインをFigma一本でやっている現…
Firefox 146にアップデートしたら、アクセシビリティの粗が見えてきた話
Firefox 146 が正式版になりましたね。アップデート内容をざっと眺めてみても、新しいAP…
色彩検定ってどこで役に立つの？
庭になったみかんの消費で毎日2個のみかんを食べてるatsushiです。 さて今日は、「色彩検定」…
AI投資の中心「データセンター」って何？
Takaです。アメリカを中心に「AI向けのデータセンター」への巨額投資の発表が相次いでいて、株式…
ChatGPTの限界とは？万能ではない“本当の弱点”
AIを触る人が増える中で、 「ChatGPTってどこまでできるの？」 「結局、限界ってどこにある…
コピペは答えじゃない、一次情報を読まないエンジニアが迷子になる理由
「ここが、どうしても分からないんです。」 そう言われて、少し話を聞いてから尋ねてみる。「仕様書、…
テキストで動画が作れる時代！？話題のAI「Sora」を調べてみた
こんにちは、takahashiです。 最近、SNSを眺めていると「Sora」というAIの名前をよ…
XSERVERの通常プランとXServerビジネスの違いとは？
「エックスサーバーの普通（通常）プランとビジネスって何が違うの？」という疑問に、用途別の選び方ま…
デザインの“気配り”をCSSで：color-schemeが生み出す快適な体験
ここ数年で、スマホやPCの設定画面に「ライト／ダークモード切り替え」が当たり前のように登場するよ…
AIは今後どう進化していくのか
こんにちは、takahashiです。最近、Google検索に新しく追加された「AIモード」に触れ…
Google検索にAIモードが導入されました
Takaです。2025年9月9日から日本でもGoogle検索に「AIモード」が導入されました。今…
Photoshop 2025年9月のアップデートの新機能とは？
ようやく涼しくなって湿気も少なくなったので洗濯が楽しくなってきたatsushiです。 先日、Ph…
【Chrome 140 新機能】scrollIntoView の container オプションでネストスクロールを解決
Web制作の現場における「ボタンを押したら特定の要素までスクロールさせたい」といった要件、本当に…
ChatGPTも疲れるの？おかしい挙動の理由と対処法
「さっきまで普通に答えていたのに、いきなり話が噛み合わない」「同じ質問で出力が安定しない」――こ…
無料で使えるキーワードプランナー使ってますか？
無料で使えるGoogleキーワードプランナー徹底解説 SEOや広告運用を行う上で欠かせないのが「…
Figmaで簡単にモックアップをつくる！
猛暑のせいなのか？アリが部屋に侵入してきたatsushiです。 Figmaでデザインをつくってモ…
CSSの新機能、corner-shape で角の形がもっと自由に
先日リリースされた Chrome 139 で、いくつかの新しいCSS機能が追加されましたよね。以…
VS Codeの拡張機能についてご紹介
こんにちは。takahashiです。 今回はVS Code（Visual Studio Code…
Chrome 138 の新機能、sibling-count()とsibling-index()で兄弟要素の制御がより簡単に！
CSSで「兄弟要素の数」や「要素自身の順番」がわかる時代がやってきました。 これまで、「この要素…
webp形式のアニメーションを作る方法は？
厚くて布団をかけずに寝るのに朝しっかり布団をかけてるatsushiです。 WEBサイトのボタンな…
最近Photoshopが重すぎ！どうすればいいの？
雨が降ると庭にヤンバルトサカヤスデが大量発生するatsushiです。ヤンバルトサカヤスデは台湾か…
CSSの構造が一目でわかる、Chrome DevTools『CSS Overviewパネル』
Webサイトの開発において、CSSの構造や使われ方を正しく把握することは、見た目の美しさだけでな…