Webエンジニアのブログ

ローカル開発環境のMAMP 7以降では、WordPressのパーマリンク設定を変更すると、MAMPの環境の影響で下層ページが404 Not Found エラーとなる問題が発生します。Apacheのmod_rewriteモジュールを有効化する...
続きを読む>>

YouTube動画の評価は、再生回数と視聴時間、総再生時間などが基準となりますが、普通にYouTube動画をWebページに埋め込むだけだと、動画の再生回数（視聴回数）と視聴時間はカウントされないままとなってしまいます。YouTube動画のリ...
続きを読む>>

Webページで動画コンテンツを強調し、ユーザーに視聴してもらいたい場合、画像を強調する際によく活用されるモーダルウィンドウ（ポップアップ）で表示するデザインが有効です。モーダルウィンドウの動作の流れを考えると、意外と手軽にJavaScrip...
続きを読む>>

情報化社会で企業の価値やイメージを高く認知してもらうにはWebの活用が必要不可欠です。昨今では様々なAIツールの登場で、情報収集の手段に変化が起ころうとしています。ここでは、超情報化社会の到来とAI時代におけるWebの重要性についてお話して...
続きを読む>>

テキストや画像から得られる情報に比べて動画の情報量はとても多く、動きや音もある映像の方がユーザーの理解度や満足度は高くなります。またWebサイトで動画を活用することにより、利用されるユーザーだけでなくWebサイトにも良い効果が得られます。こ...
続きを読む>>

WebブラウザのScroll to Text Fragment機能とCSSのtarget-text擬似要素を組み合わせることで、Webページ内の特定のテキスト部分を自動的にスクロール表示し、ハイライト表示することができます。特に長文コンテン...
続きを読む>>

昔と違って今の検索エンジンはユーザーファーストを目指しており、これまで皆さんが追いかけてきたのは検索エンジンのためのコンテンツ制作が多く、本当はユーザーのためにコンテンツ制作をするべきであります。ユーザーに好まれるコンテンツは様々なかたちで...
続きを読む>>

CSSで「interpolate-size: allow-keywords;」を指定することで、widthのauto、min-content、max-contentなどの値をCSSアニメーションに適用することができます。これによりCSSのみ...
続きを読む>>

YouTube ショートやHTMLのvideoタグなどで縦型動画を読み込む場合、そのまま埋め込みコードを読み込んでもレスポンシブWebデザインに対応していないので、CSSでアスペクト比の調整などが必要になります。ここでは、YouTube シ...
続きを読む>>

より良いUI/UXを意識するのであれば、JavaScriptによるプログラムの実装もユーザーの環境に合わせることが求められますが、matchMediaメソッドを使うことでメディアクエリや表示領域のリサイズの判定、hover動作のデバイスの判...
続きを読む>>