[Webサイト制作] UX指標が示すこと (LCP/INP/CLS)[Webサイト制作] UX指標が示すこと (LCP/INP/CLS)
以下のウェブサイト指標は、ユーザーエクスペリエンスを評価するための重要な要素です。 これらの指標は、Googleの「Core Web Vitals」に含まれ、ウェブパフォーマンスの最適化に取り組む際の指標として重要です。
カテゴリー: Webサイト制作
[Webサイト制作] Copyrightの正しい書き方[Webサイト制作] Copyrightの正しい書き方
ウェブサイトのCopyright表記、どう書くのが正しいのだろうか。 参考サイト Copyright(コピーライト：著作権表示)の正しい書き方を知っていますか？：webサイト制作 – webデザイン初心者｜s […]
[Webサイト制作] Test My Site – モバイルサイトの速度をテストしましょう[Webサイト制作] Test My Site – モバイルサイトの速度をテストしましょう
Googleの新しい診断ツール。 モバイルサイトの読み込み速度とパフォーマンスをテストする – Google https://testmysite.withgoogle.com/intl/ja-jp 参考サイ […]
[Webサイト制作] REST APIデザインのベストプラクティス[Webサイト制作] REST APIデザインのベストプラクティス
– Use HTTP VERBS to determine action to be taken – API Versioning – Use plurals to describe […]
[Webサイト制作] 高速なWebサーバアプリケーションを構築するための6つの経験則[Webサイト制作] 高速なWebサーバアプリケーションを構築するための6つの経験則
– 時期尚早な最適化を回避する – 最小限の作業で問題を解決する – 今すぐやらなくてもいい作業は延期する – 使えるときはキャッシュを使う – リレーショナル […]
[Webサイト制作] Nightwatch.jsを使ってフロントエンドをテストする[Webサイト制作] Nightwatch.jsを使ってフロントエンドをテストする
ブラウザを自動運転することでフロントエンドのテストを自動で実行したい。そう思ってツールを探していたところ、Nightwatch.jsが良さげ。ちなみにこういうテストはE2E(エンドツーエンド)テストと呼ばれるらしい。 N […]
[Webサイト制作] ワンタイムトークンでWebサイトをリプレイアタックから守る方法[Webサイト制作] ワンタイムトークンでWebサイトをリプレイアタックから守る方法
いわゆるCSRF対策の実装をわかりやすく解説しているページがあったので覚書。 実装例に見る、ワンタイムトークンでWebサイトをリプレイアタックから守る方法 – WPJ https://www.webprofe […]
[Webサイト制作] 入力フォームのプレースホルダを使ってはいけない[Webサイト制作] 入力フォームのプレースホルダを使ってはいけない
画面サイズが制限されているスマホ向けサイトならともかく、PC向けサイトでもプレースホルダを使っているページを目にする頻度は少なくない。個人的にPC向けサイトでプレースホルダを使う必要性はないと思う。 その理由はいろいろあ […]
[Webサイト制作] HTMLメールを作成するための最低限の予備知識[Webサイト制作] HTMLメールを作成するための最低限の予備知識
Webアプリが自動送信するHTMLメールのテンプレートを作るために、最低限の予備知識を入れるための覚書リンク。 まずはこれだけ！HTMLメールに関する技術的理解 | メルラボ https://mailmarketingl […]
[Webサイト制作] 2015〜2016年のWebデザイントレンドまとめ[Webサイト制作] 2015〜2016年のWebデザイントレンドまとめ
自分はデザイナじゃないけど、トレンドと言われると目を通しておかないとと思ってしまう。 2015〜2016年のWebデザイントレンドまとめ（前編） | デザインのトレンド https://liginc.co.jp/2913 […]
[Webサイト制作] 特定のCSSやJSファイルを強制リロードさせるには[Webサイト制作] 特定のCSSやJSファイルを強制リロードさせるには
ファイル名を変えればブラウザは違うファイルと認識してロードしてくれる。だけど、CSSを編集するたびにCSSファイル名を変えるのは手間。 そこで、以下のようにCSSのURLにクエリ文字列を付加しておくと、ファイル名は同じで […]
[Webサイト制作] ブラウザのキャッシュを無効化する方法[Webサイト制作] ブラウザのキャッシュを無効化する方法
ウェブサーバーとブラウザの設定はいじらない前提。すなわち、サーバー管理者やユーザに委ねずに制作者だけで可能な方法。 実際に試したわけじゃないけど、たぶん。ブラウザによって癖がありそうだけど。 HTMLにMETAタグを追加 […]
[Webサイト制作] HTTPレスポンスのExpiresを考察する[Webサイト制作] HTTPレスポンスのExpiresを考察する
CSSを変更してディプロイしてもページの体裁が変わらない。ブラウザでF5キーで強制リロードすると体裁が変わる。と、デザイナから報告あり。たぶんブラウザのキャッシュに関係した問題。 まずはHTMLのMETAタグにキャッシュ […]
[Webサイト制作] プレースホルダー用画像を提供してくれるウェブサービス[Webサイト制作] プレースホルダー用画像を提供してくれるウェブサービス
プレースホルダとは プレースホルダとは｜placeholder – 意味/解説/説明/定義 ： IT用語辞典 http://e-words.jp/w/%E3%83%97%E3%83%AC%E3%83%BC%E […]
[Webサイト制作] マウスホバーでツールチップを表示する[Webサイト制作] マウスホバーでツールチップを表示する
ITスキルが高くない管理者が運営する想定のウェブサービスの開発で、引渡し時に使い方をどうやって教えるか、ちょっと悩む。現場教育してもその場限りだろうし、マニュアルを用意しても読まないだろうし。一番効果的なのは操作画面に説 […]
[Webサイト制作] Google Hosted Libraries[Webサイト制作] Google Hosted Libraries
GoogleがホストしてくれているjQueryやAngularJSなどのライブラリ一覧。 Google Hosted Libraries https://developers.google.com/speed/libra […]
[Webサイト制作] 無料で使えるBootstrap系テーマまとめ[Webサイト制作] 無料で使えるBootstrap系テーマまとめ
Bootstrapはデザインが不得意なプログラマの救世主。ありがたや。 Start Bootstrap – Free Bootstrap Themes and Templates http://startbo […]