ホームページ

ホームページ カテゴリー記事(更新日順)

  1. マウスオーバーで下線を伸ばす
    【CSS】簡単なアニメーションの作り方【transform】
    カテゴリ: CSS, ホームページ
    更新日:
    CSS だけを使ってもアニメーションは作れる 【CSS】簡単なアニメーションの作り方【transition】でちょっとした動きを CSS だけで実現できると書いたが transform を使うとさらに複雑な動きが出来る. […]
  2. 変化
    【CSS】簡単なアニメーションの作り方【transition】
    カテゴリ: CSS, ホームページ
    更新日:
    CSS だけを使ってもアニメーションは作れる ちょっとした動きが CSS だけでも実現でき,しかも滑らかに動作するので安っぽくないようにデザインを作ることが簡単になってきた. そこで簡単に使える transition を […]
  3. 【開発者ツール】紫の斜線の意味とは【Chrome】
    カテゴリ: ホームページ, 知識
    更新日:
    Chrome のデベロッパーツールで確認できる紫の斜線の意味とは 検証ツールでセレクタモードから要素を選択するとき、要素に紫の斜線が表示されているのを見たことがないでしょうか。以下の画像の紫の斜線部分です。 ボックスモデ […]
  4. CMS 導入のメリット
    カテゴリ: ホームページ
    更新日:
    ホームページを制作する際にベタなHTMLで制作する方法とCMS(コンテンツマネジメントシステム)を使って製作する方法がある. 実をいうと企業サイトにちょっと前までは CMS を使うことにはあまり積極的ではなかった.それは […]
  5. 【WordPress】カスタムタクソノミーとは
    カテゴリ: ホームページ, 知識
    更新日:
    カスタマイズされた WordPress を改良する際に苦労する原因の一つにカスタムタクソノミーがある. 本当に使うべきところにだけ使っていないのが良くない. カスタム投稿タイプを作ったからと言って必ずカスタムタクソノミー […]
  6. 第三者コードの影響を抑えてください
    「第三者コードの影響を抑えてください」と言われたとき
    カテゴリ: ホームページ, 知識
    更新日:
    「第三者コードの影響を抑えてください」が表示されるときに簡単に修正できる可能性がある方法があるので紹介する. タグマネージャと Google アナリティクスを利用している場合に限るので,両方とも使っていない場合はここから […]
  7. 「次世代フォーマットでの画像の配信」の改善
    カテゴリ: ホームページ
    更新日:
    最近,勉強会でフォーカスがここに当たっているので,集中して対策方法を考えているところ. 今回は画像のサイズを画質はなるべく落とさずに少しでも小さくしようという話である. 製造業の企業ページでも写真を多用している会社は多い […]
  8. サーチコンソール(速度)
    「オフスクリーン画像の遅延読み込み」への対策
    カテゴリ: HTML, ホームページ
    更新日:
    PageSpeed Insights の「改善できる項目」の中の「オフスクリーン画像の遅延読み込み」で 「オフスクリーンの非表示の画像は、重要なリソースをすべて読み込んだ後に遅れて読み込むようにして、操作可能になるまでの […]
  9. Youtube 動画の埋め込みで遅いページの高速化
    カテゴリ: CSS, JavaScript, ホームページ
    更新日:
    Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法. 原因は iframe で各動画を読み込みに行くため. 「youtube 複数 埋め込み 高速化」「youtube 複 […]
  10. FID (First Input Delay) の改善
    カテゴリ: JavaScript, ホームページ, 知識
    更新日:
    FIDとは(初回入力遅延とは) PageSpeed Insights に出てくる Core Web Vitals の一つ First Input Delay 解説ページである Web Vitals を見てみると Firs […]
  11. CLS (Cumulative Layout Shift) の改善
    カテゴリ: HTML, ホームページ
    更新日:
    CLSとは(累積レイアウト変更とは) PageSpeed Insights に出てくる Cumulative Layout Shift 解説ページである Web Vitals を見てみると Cumulative Layo […]
  12. LCP (Largest Contentful Paint) について
    カテゴリ: CSS, HTML, ホームページ, 知識
    更新日:
    LCPとは(最大コンテンツの描画とは) PageSpeed Insights に出てくる Largest Contentful Paint 解説ページである Web Vitals を見てみると Largest Conte […]
  13. サイトマップ
    【WordPress】サイトマップをプラグインなしで実装
    カテゴリ: php, ホームページ
    更新日:
    ふと,サイトマップのファイルを見てみたら,制御文字(タブとか)が XML の中に紛れ込んでいることに気が付いた. WordPress のプラグインで,最近 Google XML Sitemaps の更新があったな,と設定 […]
  14. 【WordPress】XML Sitemaps【プラグイン】
    カテゴリ: システム, ホームページ
    更新日:
    (※注意) このプラグインは現在,非推奨です.(2022/06/03 追記) プラグインは使わないで以下のページを元に自分で改良することをお勧めします. https://www.rectus.co.jp/archives […]
  15. Webフォームを使用するメリットとは
    カテゴリ: ホームページ, マーケティング
    更新日:
    弊社のサービスの中で一番簡単に理解が出来て,効果が分かりやすいものは「ウェブフォームサービス」である. これはかなり昔からあるものだが,地味なのであまりフォーカスが当たらない. メールで問い合わせを受けるデメリット フォ […]
  16. レスポンシブ対応ドロップダウンメニュー
    【WordPress】【CSSのみ】レスポンシブ対応ドロップダウンメニューの作り方
    カテゴリ: ホームページ, 知識
    更新日:
    以前,「CSSのみでの多階層ドロップダウンメニューを作成」という記事を投稿したが,このページは多数の方に読まれている人気のページとなっている. ただし,これは通常の静的に作ったサイト用のもので,WordPress で使お […]
  17. 【CSS】画像クリックでポップアップウィンドウ(拡大画像)を表示する方法
    カテゴリ: CSS, HTML, ホームページ
    更新日:
    javascript を使用しないで CSS のみでウィンドウ・レイヤー(拡大・縮小)を表示する方法について,いろいろ調べていたが,うまく見つからなかったので考えて作ってみた.(当然だが HTML は使っている.) モー […]
  18. アコーディオン
    アコーディオン表示をやめたほうがいい理由
    カテゴリ: CSS, HTML, ホームページ
    更新日:
    ウェブにおけるアコーディオン表示とは HTML 界でのアコーディオン表示とは呼んで字のごとく,楽器のアコーディオンのように折り畳みが出来るような表示の仕方を表す. なんとなくエレガント?にも見えるためか,いろんなページで […]
  19. 後の先をとる営業・後の先をとるビジネス
    カテゴリ: ホームページ, マーケティング, 知識, 随筆
    更新日:
    「後の先」(ごのせん)という言葉,これは剣道や柔道など武道で使われる言葉のようだが,先に攻撃させて,後から攻撃をするという意味である. 事業(ビジネス)も営業も究極は「後の先」ではないかと最近感じている. 「後の先」をと […]
  20. 顧客サポートソフトウェアとしての側面
    カテゴリ: システム, ホームページ, マーケティング, 知識
    更新日:
    物事には表からみた面と裏から見た面がある. 弊社は「マーケティングを最適化する」とトップページでも謳っているように,弊社サービスを売り込む側に対しての売り文句を唱えている. (この写真の意味は最後までお読みいただくと分か […]
Pagetop