iPhoneのブラウザでのみ表示不具合の現象に。SafariもChromeもEdgeでも。 2023.04.22 井川 宜久 iPhoneだけ表示がおかしい。 WindowsもMacもAndroidも問題なく、iPhoneだけ。 iPhoneのブラウザでだけ表示がおかしい。 このような現象は見たことも聞いたこともなく、ネット上を調べてみてもどこにも情報が見つからない。 だけども今現在、実際に起こっている。 文字コード? Mac用のVSCodeで作成したファイルは、デフォ... CSSHTMLiPhonememosWebデザイン
サイトが高速化?.htaccessをチェック。キャッシュ指定は要注意。 2023.03.17 井川 宜久 サイトの.htaccessファイルが間違っているかも。 サイトが重たいときやSEO対策をしたいとき、.htaccessで対策することが度々ある。 そのような場合、あちこちとサイトを検索して、コードを拝借して利用していることもあるだろう。 ありがたいことに、ネット上には色々とコピペOKなコードが提供されている。 ただし肝心のコピー元や自分自身のアレンジが間違っていた場... memosSEOWebデザインWordPress
preconnectの使い方。ページの読み込み速度を上げるために。 2023.02.10 井川 宜久 preconnectとは? link rel="preconnect"で事前に接続する。 「preconnect」とはその名の通り、「事前接続」のこと。 例えばjQueryやGoogle Analyticsなど、外部からのコードを読み込むときがある。 preconnect。 そういうときに、linkタグのrel属性の値に「preconnect」を指定すると、ペ... memosPageSpeed InsightsPHPSEO
ChatGPTの文章作成やコーディング、SEO対策は変わるか? 2023.01.20 井川 宜久 ChatGPT(チャットGPT)とは? (※敬称略) OpenAI社による言語モデル、いわゆるAIチャットサービス。 ChatGPTはアメリカのOpenAI社のサービスで、無料プランでも使える。 いわゆるAIによる対話型のチャットサービスだが、従来のAIチャットとは違い、想像以上に自然な文章で会話ができる。 専門的な単語使用や間違いもあるが、文... AIChatGPTmemos脳
Google Tag Managerの設置場所は一体どこにすれば良いの? 2023.01.14 井川 宜久 Google Tag Manager(GTM)とは? Google Tag Managerとは、UA(ユニバーサル アナリティクス)に変わるアナリティクス(分析)ツールで、「サイトへのアクセス状態」がわかるもの。 Google Tag Manager Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い。 企業... JavaScriptmemosPageSpeed InsightsWebデザインアナリティクス
「データベース接続確立エラー」の対処。wp-configに問題がないとき。 2023.01.12 井川 宜久 データベース接続確立エラーの対処。 このエラーが出ると画面が真っ白(ダークモードの場合は真っ黒)となり、WordPressの管理画面へも入れなくなるので、初めてのときはあたふたしまう。 焦ってしまうが、もし、WordPressのインストール時や引越しの際にこのエラーが出る場合は、wp-config.phpのファイルに誤りがあることが多い。 管理画面へは入れなくても... memosWebデザインWordPress
PageSpeed Insightsでサイト読み込みの改善。増えた4項目。 2022.11.10 井川 宜久 PageSpeed Insightsはアップデートが多い。 PageSpeed Insightsに限らず、AnalyticsやSearch Consoleもそうだが、UIや仕様が良く変わる。追いつくのがなかなか大変だ。 Googleのサービスは日進月歩。 サイト運営に密接に関わるGoogleサービスには、広告関連を除けば、大きく次の3つがある。これらはSEOに重視... memosPageSpeed InsightsSEOWebデザインオンラインツール
さくらのサーバーからさくらのサーバーへの引越しで、「DNSゾーンが既に登録されています」のエラーが出たとき。 2022.09.19 井川 宜久 さくらからさくらへ。WordPressではないサイトの引越し。 他社で取得しているドメインのサイトを、さくらのスタンダードプランのサーバーからビジネスプランのサーバーへ移行することとなった。案の定、一筋縄にはいかなかった。 あらかじめ手続き方法をヘルプページやネット上で探すが、さくら-さくら間の引越し方法がよくわからなかった。何度かカスタマーセンターとのやりとりをし、最終的に電... memosWebデザインWordPress
第三者コードの影響を抑えてください?の対応と、preconnect。 2022.09.16 井川 宜久 第三者コードの影響を抑えてください!? PageSpeed Insightsの悪化。 どうも最近サイトの表示速度が遅い。以前はPageSpeed Insightsで80前後のスピードが出ていたが、今では60を切ることが多々ある。40以下のときさえもある。 PageSpeed Insightsをチェックしていたところ、「第三者コードの影響を抑えてください」との表示が... HTMLmemosPageSpeed InsightsWebデザイン
さくらインターネットのコンテンツブーストの設定方法。(数ステップで。) 2022.09.15 井川 宜久 さくらインターネットでWordPressを使う場合の問題点。 さくらインターネットでWordPressを使用する場合、残念ながら速度が遅い。サーバーを移転すれば解決するのだが、さくらインターネットに愛着があるユーザーとしては非常に悩ましい問題だ。 例えば当サイトはデザインのポートフォリオサイトなので、そもそも画像が多い。画像が多いとサイトの読み込み速度に影響するが、すでにWeb... memosWebデザインWordPress
辿ったリンクは期限が切れています!? WordPressテーマのアップロードエラー対処。 2022.08.15 井川 宜久 辿ったリンクは期限が切れています? テーマのアップロード。 WordPress管理画面からテーマをアップロードしようとすると、「辿ったリンクは期限が切れています。もう一度お試しください。」というエラーが出ることがある。 単にこのメッセージからでは、原因がなかなか想定しにくい。 WordPressサイトだったので、まずWordPressの原因を疑ってみたが、そうではな... memosPHPWebデザインWordPress
PHPの配列の括弧の違いは?WordPressでよく見るarray()と[]。 2022.08.06 井川 宜久 PHPの配列 PHPのバージョンアップによる配列の短縮構文で、array()を[]で置き換えることが出来るようになっている。array()でも[]でも、配送変数argsのキーにダブルアロー演算子(=>)で値を入れられるのだ。 PHP5.4から配列の短縮構文は使用できるようになっているが、気付けばすでに5年以上が経っている。しかしネット上には様々なコードがあり、自分自身も含... memosPHPWebデザインWordPress
WordPressの引越しは、ささっとAll-in-One WP Migrationで。 2021.12.03 井川 宜久 WordPressの引越しは何かしらトラブルが発生しやすい。 WordPressの引越し。 WordPressの引越し作業では、何かしら問題が起こりやすい。 なのでトラブルが起こることを前提として、気持ちや時間の準備があった方がいい。 ネット上でも同じような情報が多々あり、引越しに特化したプラグインもある。 例えば、「All-in-One WP Migration... memosWebデザインWordPress
Sassは必要?メリットは? Sassからの卒業。Back to CSS。 2021.11.16 井川 宜久 Sassで書く意味はなんだろう? Sassのメリット。 まず第一に、Sassを使用する理由・メリットは何だっただろう? 個人的には、、、 変数を使える。 関数を使える。 四則演算が使える。 Sassのかっこよさげなイメージ。 この4つは大きかった。テキストや背景色などのカラーコードを変数に格納、widthの幅を四則演算、というのは非常に便利だった。そ... CSSmemosWebデザイン
CSSのサーバー反映が遅い?原因切り分けはW3Cで。 2021.09.12 井川 宜久 CSSが反映されない。 どうもCSSが反映されない事が多い。というかサーバー上で直接編集していると、ほぼ毎日、反映されない現象が起きる。サーバーのキャッシュが原因だと思われるが、ここ数年全く改善されていない気がする。 CSSが反映されない原因としては、 ・ブラウザのキャッシュ ・サーバーのキャッシュ ・CSSの記述ミス ・.htaccessの記述の問題、など。 ... CSSmemosPageSpeed InsightsWebデザイン
カスタマーサポートの対応力と、日本のIT化の遅れ。 2021.08.22 井川 宜久 20年遅れのサポート対応を受ける。 OSのマイナーアップデートを促す通知が届いていたので、週末にアップデートをした。公式サイトにも「すべてのユーザーへ推奨」と書かれている。 ところが、その後、突然不具合が生じた。 ネット上で調べ、自分でいくつか試してみても状況変わらず。翌日にサポート窓口へ問い合わせをした。最初に出た対応の方は親切で話しやすかった。OSの再インストールを提... memos
Chromeのデベロッパーツールで404エラー? 2021.07.22 井川 宜久 パスにもファイルにも問題ないのに404エラー? デベロッパーツールのコンソールに不明なパスによるエラー。 前々から気にはなっていたが、作業時間を取られてしまうので無視していた、Chromeのデベロッパーツールのコンソールに出ていたエラー。 ありえない404、かつSEOにも表示にも関係のない画像ファイルに対するものなので放っておいた。一応パスを確認したが問題はな... CSSHTMLmemosSEOWebデザインWordPress
引越しなどで、WordPressのメディアが消えた場合の、Moving Media Library。 2021.07.03 井川 宜久 メディアライブラリが空に!? WordPressサイトのリニューアル中に。 WordPressで制作したサイトのリニューアルのため、旧サイトのサーバーの画像類をWP管理画面からxmlファイルでエクスポートし、リニューアル中のテストサーバーのWP管理画面からインポートした。 当初は問題なく画像が表示されていたが、作成中に突然消えていることが判明。FTPでupload... memosWebデザインWordPress
Appleの社名の由来が、リンゴ・スターである理由? 2021.04.19 井川 宜久 デザインに徹底的にこだわるApple社の由来。 ※敬称略。 Apple。 高機能なMacintoshに始まり、より洗練されたiMac、iPod、iPhone、iPadなどを発表したApple社。 その名前の由来は諸説ある。 Photo by Ri_Ya 長髪と丸メガネ。 Appleの由来。 それは、創業者の3人のうちの1人であ... memosデザイン
AtomとGitHubの連携。(コマンドレスで。) 2021.03.10 井川 宜久 Atom いまさらながら、Atomの使い方を勉強している。ネットで調べていると、使い方について教えてくれるサイトが出てくる。とにかく、とっかかりが欲しい。 Howponさんサイト(https://howpon.com/6391)では、 「AtomがGitHubと連動できるようになると、エディタで編集したものをクリックのみでGitHubに同期まで行えるようになって非常に便利です... EditormemosWebデザイン