Webエンジニアのブログ

ブログなどの投稿記事に目次を入れることで、読者は記事の全体構造を把握しやすくなり、ユーザビリティが向上します。また、目次はSEOにも影響を与え、検索エンジンが記事の内容を理解しやすくなります。長い記事やQ&Aなどのガイド形式のコンテ...
続きを読む>>

これまでのユニバーサルアナリティクス（UA）では、イベントトラッキングの設定としてソースコード上でダグ情報を取得するためのプログラムを書く必要がありましたが、Googleアナリティクス4（GA4）では、設定から手軽にさらに細かなデータが取得...
続きを読む>>

Webサイトではコンテンツ幅に対するテキスト量や、左揃え、中央揃え、右揃えとテキストの配置によってテキストの折り返し位置が変わり、場合によっては見栄えが悪い表示となることもあります。CSSのtext-wrapプロパティを使って「balanc...
続きを読む>>

文章中のとある文言にわかりやすい説明が必要な時は、定義リストを意味づけするdl, dt, ddといったHTMLタグを使って情報を載せていくことでしょう。GoogleやBing、Yahoo、またAIチャットボットなどの検索エンジンに、しっかり...
続きを読む>>

様々なWebブラウザでPopover API（ポップオーバー API）がサポートされ、これまではJavaScriptを使って実装していた、ポップアップやオーバーレイと呼ばれるポップオーバーUIを、HTMLのみで実装することができるようになり...
続きを読む>>

WordPressの管理画面で登録したユーザーのプロフィール情報（自己紹介文）は、投稿ページでの投稿者の紹介であったりプロフィール紹介のページであったり、または企業やユニットであれば各メンバーを紹介する際に活用していくこともあるでしょう。 ...
続きを読む>>

BraveブラウザアプリのPlaylist（プレイリスト）機能を使うことで、YouTube動画をインターネットが接続されていないオフライン時でも、データ通信量を使うことなく視聴することができます。ここでは、スマートフォンのBraveブラウザ...
続きを読む>>

WordPressでユーザーを追加する際には、ユーザー名と一緒にユーザーIDの番号が連番で振られますが、サイトのトップページのURLの最後に「/?author=1」のように番号をつけてアクセスすると、対象のユーザー情報（アーカイブページ）が...
続きを読む>>

Googleの会話型AIサービス「Gemini」も日本語に対応し、日本人ユーザーも手軽にGeminiが利用できるようになりました。今後の超情報化社会で、仕事やプライベートと様々な場面で活用していくかもしれないAIツール。情報セキュリティを意...
続きを読む>>

AI（人工知能）のチャット機能が搭載された検索エンジンBingでは、チャット機能での会話だけでなく、文章のテンプレート作成など様々な用途に合わせて活用できる機能があります。AIツールは仕事からプライベートと、様々な場面で私たちをサポートして...
続きを読む>>