企業の個人情報漏洩に対して、個人が取るべき現実的な防衛策をまとめました。パスワード管理や多要素認証（パスキー・TOTP）などの技術的対策から、フィッシング詐欺を見抜く情報リテラシー、漏洩通知が届いた際の具体的な対処手順まで、分かりやすく解説します。

Googleは2026年9月末に「AI Contribution Pilot（AI貢献度パイロットプログラム）」という新しい取り組みを発表しました。 現在、検索結果の画面上でAIが質問の回答を完結させるAI Overviewsの導入以降、検索ユーザーが元のWebサイトをクリックせずにそのまま検索を終えてしまうケースが増加していますが、頑張って記事を作成しても、AIにテキストを読み込まれて要約が表...

日常の調べものや仕事の現場でAIを活用するのは、すっかり一般的なことになりました。 AIと聞いてよく知られているのはChatGPTやGeminiかと思います。対話の自然さや文章を作る能力に長けているので、すでに多くの人が日々の業務や作業で活用しています。 ただ、情報学を教えている立場からすると、今のAIの使われ方は正直もったいないと感じますし、これからの情報社会を考えると少しリスクがあるようにも...

IndexNowの仕組みとBing Webmaster Toolsでの具体的な設定・手動運用手順を解説。通常のURL送信との違いや、ChatGPT・Claude等の生成AI回答へ即座に反映させる効果も解説します。プラグインに頼らず手動で手軽に運用する方法も紹介します。

生成AIの普及に伴って、SNSなどの多くのメディアでAIの使い方に関する情報が見られるようになりました。 SNSや個人ブログなどを目にしていると、自分はAIに詳しいと自負する人たちが「必須のプロンプト10選」や「AIの正しい使いこなし方」といったノウハウを誇らしげに語っていたり、それを見た多くの人が焦りから情報を追いかけている光景が見えます。 ただ、教育機関で情報学を教える私の立場からこの状況...

Web開発しているとデバッグは欠かせませんが、iPhoneやiPadなどを実機以外で正確に確認するにはiOS Simulator（Device Hub）がおすすめです。最新機種はもちろん、2026年9月現在は「iOS 27」「iPadOS 27」「watchOS 27」「macOS 27」などのOSが確認可能です。

WordPressのブロックエディタ（Gutenberg）で、sectionタグとid属性を実装する手順を解説。標準機能だけでHTML構造を整え、アクセシビリティ向上や従来のSEO対策に加え、AIO・GEO（生成AI検索）で参照元として選ばれるための具体的なマークアップ方法を紹介します。

昨今、情報過多や生成AIの普及、時代の変化など、さまざまな変化がすごいスピードで進んでいて、自分の今後に不安を感じている方も多いのではないでしょうか。

AI検索で自サイトを参照元として提示してもらうには、発信者の一次情報性が重要になります。noteなどの外部プラットフォームにおける技術的な制約や、独自ドメインでのAIO・GEOの取り組みと使い分けについて解説します。

AI検索で自サイトを参照元として提示してもらうには、発信者の一次情報性が重要になります。noteなどの外部プラットフォームにおける技術的な制約や、独自ドメインでのAIO・GEOの取り組みと使い分けについて解説します。

今やビジネスシーンでの生成AI活用は、特別なことではなく日常的な業務の一部になっています。 しかし、業務効率化を目指してAIを導入したものの、どこかで見たような無難な文章しかできあがらず、結局成果につながらない。こうした行き詰まりを感じているマーケティング担当者や事業者は多いことでしょう。 記事制作や広告文の作成スピードがどれだけ上がっても、成果が出ないのには理由があります。 インターネット上に...

皆さんは、生成AIと普段どのように接していますでしょうか？ 学校や家庭での教育はもちろん、大人の資格勉強やリスキリングの場でも、生成AIを学習にどう活かすべきかという悩みが広がっています。 文部科学省のガイドライン策定など社会的な動きは進んでいますが、教える側も学ぶ側も、「具体的にどう使えばいいのか」「手軽さに頼りすぎて、自分の考える力が落ちるのではないか」という不安を抱えたままなのが現状です...

Speculation Rules APIを使ってWebサイトのページ遷移を高速化する方法をご紹介します。4つの発動タイミングや基本の書き方はもちろん、広告計測トラブルを防ぐ設定やWordPressへの安全な組み込み方まで実践的に解説します。

YouTube動画の評価は、再生回数と視聴時間、総再生時間などが基準となりますが、普通にYouTube動画をWebページに埋め込むだけだと、動画の再生回数（視聴回数）と視聴時間はカウントされないままとなってしまいます。YouTube動画のリンクURLにパラメータを設定することで再生回数がカウントできるようになります。

Webサイトを運用する中で、アクセス状況や集客成果を把握するためにGoogleアナリティクス（GA4）やGoogle Search Console（GSC）を活用している方は多いと思いますが、最近になり、GSCの検索パフォーマンスに「生成AI機能」レポートが追加され、AIに関連した露出データが確認できるようになりました。 AI Overviews（AIによる概要）などでWebサイトがどれくらい引...

PDFのプロパティ（タイトルやキーワード）を設定する方法を解説します。PowerPointやWordでの具体的な手順からGoogleツールの注意点まで紹介。メタデータを正しく入力し、検索エンジン（SEO）や生成AI（AIO/GEO）に評価されるPDF作成に活用できます。

GoogleサーチコンソールでSNSアカウント（Instagram・TikTok・X・YouTube）の連携が可能に。検索経由の表示回数や流入キーワードの分析など、SNS連携でできることやメリット、具体的な追加・設定手順まで分かりやすく解説します。

【Think IT】第1回の今回は、AIが書いたコードがモバイル開発の現場でなぜ詰まるのかを題材に、エンジニアに求められる「コードの外側を見て判断する力」について解説します。

生成AIを活用した業務自動化において、出力の確認や修正にかかる負担は多くの企業・事業者が悩む共通の課題になっています。 そんな中で、システム側で試行錯誤を完結させる「ループエンジニアリング」という考え方が注目を集めています。 昨今のビジネスの現場では生成AIの活用が急速に進んでいますが、その使い方は「チャット画面に指示を出して直接回答を得る」という形から、AIに処理と検証を自動で繰り返させるルー...

皆さんは何かの節目に目標を立てて、その目標に向かって行動しようと思うことはないでしょうか？ そして結局うまく結果がでなかったということはないでしょうか？ 年末年始や大型連休の前、あるいは年度の節目になると、なぜか妙にやる気が湧いてきて大きな目標を立てたくなります。 実際、多くの人が以下のような目標を立てています。 「この連休で、業務に役立つ資格の勉強を終わらせる」 「今年こそは、ジムに通って...

Processing 4から導入された配布用ファイル形式「.pdez」の仕組みやメリット、注意点を解説。素材の添付漏れや解凍時のエラーを防ぐ仕組みをはじめ、外部ライブラリに関する注意点やファイルが開かない場合の対処法をまとめています。Processing 4.3以降の.zip出力に関する仕様変更にも対応。

Web制作において、バナーをどう作るかはサイトの評価や成果を分ける重要なポイントになります。 これまでは「バナー＝1枚の画像（JPG、PNG、WebPなど）」で作るのが普通でしたが、検索エンジンの進化、AI検索（AIO）の登場、生成AI検索への最適化（GEO）の普及にともない、制作方法は見直す必要があります。 バナーを1枚の画像とするのではなく、「背景画像 ＋ HTMLテキスト ＋ CSSボタン...

Web制作において、バナーをどう作るかはサイトの評価や成果を分ける重要なポイントになります。 これまでは「バナー＝1枚の画像（JPG、PNG、WebPなど）」で作るのが普通でしたが、検索エンジンの進化、AI検索（AIO）の登場、生成AI検索への最適化（GEO）の普及にともない、制作方法は見直す必要があります。 バナーを1枚の画像とするのではなく、「背景画像 ＋ HTMLテキスト ＋ CSSボタン...

JSやclamp()の計算は不要。コンテナ幅に合わせて文字サイズを自動拡縮する、CSSのtext-fitプロパティの使い方を解説します。PC・スマホ対応はもちろん、日本語環境で発生しやすい変な位置での改行（表示崩れ）を防ぎ、文節ごとに綺麗に折り返させるための具体的な実装方法を紹介。

現在、Web制作の現場では、多くのユーザーに自サイトを閲覧してもらえるよう、コンテンツ作りからページの構築まで、さまざまな取り組みを行っているかと思います。 そうした中、近年のAI（人工知能）技術の発展に伴い、検索エンジンがコンテンツを評価する仕組みは大きく変わりました。 これまでのWebコンテンツでは、特定のキーワードをページ内に過不足なく含め、適切な比率で配置するという「文字列の出現頻度」が...

WordPress 7.0から導入された新機能「PHPのみのブロック登録（PHP-only block registration）」を解説！JavaScriptやReactのビルド環境（npm）を一切構築することなく、functions.phpとCSSだけでエディターと連動するカスタムブロックを作る方法を紹介します。

実務（Web制作/ICTコンサル）と教育（大学講師/企業研修）のプロ。本や研修では学べない、現場で本当に役立つITスキルと知識をお届けします。Web開発の最新トレンドから、DX推進の勘所まで。あなたの「知りたい」に応えます。有益な情報を見…

今や生成AIを学習に使うのは当たり前になりつつあります。 生成AIを活用する場面がが増える中、AIがすぐに答えをくれるおかげで、学習スピードが上がったと感じている人も多いのではないでしょうか。 でもその一方で、実際には「分かったつもり」で止まっていることがよくあります。 それは、内容が身についていないのに、なんとなく理解した感覚だけがある。といった「記憶に残らない理解」です。 AIの回答や解説...

JavaScriptを使わずにCSSだけで要素をランダムに配置・装飾できるrandom()関数の使い方。基本的な書き方から、複数のプロパティを同期させてサイズや色をきれいに連動させる仕組みなど、実際のWebデザインで使える実用的なコード例と一緒に紹介します。

CSSのat-rule()関数を使い、特定のアットルールがブラウザで動くかを直接判定する方法をまとめました。プロパティの有無で推測するような判定を介さずに、最新のCSS構文をスマートに使い分けられます。状況に合わせ適切なスタイルを適用し、これまで以上に質の高いコードを書いていくための、新しい判定手段を紹介します。

ここ最近のAIの進化によって、Webデザインやサイト制作の現場で求められることは一気に変化したと感じる方も多いでしょう。せっかく丁寧に作ったものが、なぜか思うように数字や結果に結びつかなかったり。 Webサイトの情報の受け手は、もはや人間だけではありません。 ユーザーの指示を受けて、情報の照会から決済などの手続きまでをシステム上で完結させる「AIエージェント」の普及により、サイトの実装には、機械...

JavaScriptで、マウスの動きに「柔らかい」質感で追従するカスタムカーソルの作り方を解説。GPU（translate3d）を使用した負荷の低い実装方法や、リロード時の座標のズレを防ぐ対策、イージングによる滑らかな挙動の作り方まで具体的に紹介します。

Processing 4系以降、Retinaや4Kモニターで描画がぼやけて見える原因と対策を解説します。最新版での仕様変更や警告メッセージへの対応から、displayDensity() による自動判別、p5.jsとの考え方の違いまで詳しくまとめました。

—— 暗記に頼るほど、脳は忘れていく 科学が教えてくれる、本当に頭に残る学び方 試験前の詰め込みや、教科書の内容をそのまま書き写して覚える作業など、いつの間にか「学ぶこと＝情報を頭に詰め込むこと」だと捉えてしまってはいないでしょうか。 私自身、教育機関で学習に不安を抱える幅広い世代の方々と向き合う中で、この学び方の壁にぶつかっている姿を数多く見てきました。 特に大人になってからの学び直しでは...

Pythonで仮想環境を作るときってどこに作っていますか？　ディレクトリ名をどうするか悩んでいませんか？　これを解決してくれるかもしれないPEPが提出されました。どんなものか、ちょっと見てみましょう。

Pythonで大量のデータを一定数ずつ処理する際、スライスよりも効率的な「itertools.batched」の使い方を解説します。スライス方式とのコード比較やメモリ効率の差、実務での具体的な活用シーン、リスト管理における使い分けまで詳しく紹介します。

最近、SNSやYouTubeで流れてくる「プロンプト一発で稼げる」とか「AIに丸投げで勉強はいらない」といった言葉。このような甘い話を真に受けて頭を動かすのをやめてしまった人たちは、自分がどれだけまずい状況にいるか気づいていません。 昨今、AIが自ら考えて動く「AIエージェント」へと進化したことで、ようやく現実が見えてきました。 これまで「AIを使いこなしている」と得意げだった人たちほど、今、追...

Pythonで大量のデータを一定数ずつ処理する際、スライスよりも効率的な「itertools.batched」の使い方を解説します。スライス方式とのコード比較やメモリ効率の差、実務での具体的な活用シーン、リスト管理における使い分けまで詳しく紹介します。

これまでimgやiframeに限られていたloading="lazy"属性が、video・audioなどのメディア要素の遅延読み込みにも対応が進んでいます。ブラウザのサポート状況や具体的なコード例、LCP（表示速度）改善のメリットなどを解説。動画による読み込み負荷を最小限に抑えるための、実戦的な実装ポイントをご紹介。

ここ数年で、ChatGPTやGemini、Copilotなどの生成AIはすっかり身近なツールになりました。会議の要約やメールの下書き作成、アイデア出しなど、すでに日々の業務に組み込んでいる方も多いのではないでしょうか。 しかし、テクノロジーの世界ではいま、その一段階先にある「AIエージェント（Agentic AI）」という仕組みが、ビジネスの現場に決定的な変化をもたらそうとしています。これまでは...

CSSの新機能「View Transitions API」を使えば、JavaScript不要。ブラウザの標準機能だけでアプリのような滑らかなページ遷移が実現できます。フェード、スライド、戻るボタンでの逆転制御など、従来のMPA（マルチページ）の良さを活かした3つの実装パターンを動画付きで詳しく紹介します。