blog - みきまるしぇ

　とはいいましても、わたしはあまりメジャーなものを使っておらず、Photoshop Elementsでロゴ作成や写真の明るさ補正、ロゴの場合に限っては、ときおり補助としてGIMP2.10を使用しています。動画作成は最近のお気に入りはDaVinci Resolveであり、画像を組み合わせてコラージュを作るなどの用件は、MacではPhotoScapeXなどの無料版、iOSではPhotoshop Expressの無料版です。

　自己流ですが、それでも、何か気づいた点がありましたらここに書き留めていくことで読む方のお役に立てるのであれば、幸いです。よろしくお願い押します。

　わたしはいつも食品関係で「バウムクーヘン」、「バウム」、「クーヘン」などで検索をします。Googleなど大手の検索エンジンでは、どれかを入れただけで勝手にバウムクーヘン関連情報を出してきます。ですが企業やデパートが用意するサイト内検索の場合は、そのサイト内で客が入力する単語のうち似ていそうなもの同士を、ウェブ担当者があらかじめ関連付けしている場合があります。

　上記の三越伊勢丹サイトでは、バウムと入力したらバウムクーヘンを出すと、誰かが設定したのでしょう。そこまではよくある話です。ですが「バウムクーヘン」という具体的な検索単語で、「バウム」というブランド名の化粧品が出てきてしまうほか、「クーヘン」で打っても、食べ物以外の「バウム」が一緒に出てきてしまいます。これは、防げるはず。食品だけを検索したい消費者としては、これはなんとかして防いでいただきたいところです。

　わたしなどはむしろ、完全一致でしか結果を出してくれないほうが気が楽なのですが、そうではなく、適当な単語でも商品を探せるほうが楽だと思うお客が、多いということなのでしょうね。それゆえの配慮のつもりが、逆方向（クーヘンで打っても食品以外のバウムが出る）に、なってしまっているのでしょう。

　今日になって、node.jsのインストールのために手順を踏んで、やっとインストールできました。さてCSS文法チェック…と思いましたら、なんと、大きな間違いが2カ所と、細かな間違いがたくさんあるではないですか。大きな間違いについてはすぐ直しましたが、最近作ったファイルの多くが、主要箇所を以前のファイルからコピペしつつ細部を書き換えるという方法をとっていたため、ほかのファイル（10個以上）も、すべて再チェックしています。

　Atomのlinterパッケージについては、こちらの記事「Atomでhtmlとcssの間違いチェックをしてくれるパッケージlinterのインストール方法」で知りました。

　そしてnode.js のインストールでは、おもにこちらの記事にお世話になりましたが（ → 2021.04.02 Qiita: MacにNode.jsをインストール ）、そういえばこのところ、検索するといつもQiitaにたどり着きます。ありがとうございます。

　ときどき、ご覧ください → https://baum.mikimarche.com/files/
　HTML5 と CSS のみで作ったファイルです。1ページのみのミニサイトとして、ご利用いただければと思います。

　たまたまきれいに出来ているだけで、いまひとつかなと考えるものとの差がわかっていないと、今後もいつ品質にばらつきが出るのかが、わかりませんよね。一部は自分の書き間違いだったことがわかりましたが、まだまだ、差が埋まりません。

　HTMLとCSSだけで、できるだけJavaScriptなどを使わないつもりなので、それほどハマることがあるとは、自分でも思っていなかったのですが。5月中旬ころ公開と書いてしまったので、できればなんとかしたいものです。

　数日以内には、「これが原因だった」などがわかりましたら、笑って報告させていただきたいと考えています。

　Photoshop Elementsでそれらの画像をまとめて開こうとしましたところ、普段は見ないような確認画面（それぞれの画像の細かなプロファイルをが表示され、それを見てキャンセル、開くなどを選べというもの）が出て、なんだろうこれはと、閉じてしまったのです。そのときキャプチャでもすればよかったのですが、後の祭り。そのあともう1回同じことが起こり、わたしはまた閉じてしまいました。

　すると3度目からは、該当するファイルを何回開こうとしても、これしか出なくなりました。

　そこで、検索をかけてみますと、2015年のこちらのブログさんがヒットしました → jpgをPhotoshopで開くとエラーが出て開かないときの対応〈Mac OS10〉

　理由を考えるよりもまず開くことが先決という、すばらしい助言に従い、Macデフォルトのプレビューで開いて、複製して、それを保存するということで、複数の画像が無事に編集できました。

　ネット検索は、ほんとうにありがたいです。

　玄関ページは、こちらです。

　現在のところサンプル2点を掲載。もう少し増えたらダウンロード版を作成し、公開します。

　HTMLの知識があまりなくても、最低限の編集が容易になるよう、補助ツールを考えていたのですが、進んでいません。ヘッダ部分や全体の設定を（何らかの場所に）記入してもらい、それを（何らかの方法で）HTML形式で出力して…と考えていましたが、つまづいています。

　たとえば、最初はGoogleスプレッドシートを考えておりました。欄に記入してもらった値を、別枠に用意しておくテキスト（HTMLのヘッダ部分に相当）に、関数で足し算していくのはどうか、などですね——。ただしこれは、ヘッダなどの設定部分だけ楽にすることは可能かもしれませんが、そこだけ簡単にしても、内部のHTMLはけっきょく手作業であるということと、さらには、値が出力されたときに、それをテキストファイルにコピペするんですよという表現を理解できる人は、そもそも、そういった補助ツールは不要ではないかという、気もしたのです。

　次に、JavaScriptも考えました。ですがけっきょくは上記と同じ考えに行き着きます。HTMLを、テキストエディタで、気をつけて編集してください…ということさえわかっていただければ、それでいいのではと。

　当サイトとしましては、まだまったくネットに顔を出せていないけれど、ゆくゆくはオンラインでお客さんとつながりたいと考えている店を、応援することを第一の目的に考えています。
　そのため、本来ならとことん親切に考えたいところではありますが、やはり右も左もわからない状態のお店は、周囲で「わかる人」を探してきて教えてもらうことが、最初の一歩なのでしょう。当サイトのような存在は、ある程度のネット検索に慣れてきてからの人が、やっと気づいてくださることが多いと思われ、それを思うと、どういう方法での応援がよいのかを、きちんと考えていかねばなりません。

　まず、問題の姉妹サイトは、中味が増えるのが1ヶ月に1回くらいですので、すぐに検索エンジンに掲載されなくても当たり前と思い、つい先日までほとんど気にしていませんでした。

　ただ、2回目の更新をしたあたりから「まったく掲載されないのはなぜ」と疑問に思うようになりました。内容はいちおうありますし、悪質サイトではありませんし、何度かTwitterや関連サイトで紹介し、リンクも張っています。Googleも、そうした「リンクを張っている場所」を紹介するのですが、本体をインデックスしてくれません。

　そこで、まず検索窓で、直前のダメ押しとして（ほんとうに載っていないかを確かめるため）
site:stories.mikimarche.com と入力してみました。
　（site: を目的のドメイン名の前に付けます）

　するとこういうものが表示されます。

　これをクリックしますと、こちらの総合サイト内にあるメニューに飛ばされます → Google検索セントラル
　初回でしたら、そのまま画面に出ている「お試しください」表示をクリックしたほうが、関連メニューに直接飛べますので便利です。

　すると自サイトであることを確認するための作業画面が出ます。ドメイン名を入れる欄、またはURLを入れる欄がありますので、URLを入れる欄（わたしが見たときは右側でした）に、掲載を希望しているドメイン内の階層（ファイル名ではなく階層）を入れます。オーナーならこのHTMLファイルをそこに置けば本人確認になりますという案内とともに、小さなHTMLファイルがダウンロードできるようになっています。それをダウンロードして、指定した階層に入れます。そして画面で「確認」を押しますと、確認できましたと表示が出ます。

　そのあと、メールボックスのほうに「先ほどのサイトを検索エンジンに掲載しますか」という案内が来ていたので、クリックしておきましたところ、のちほどまた上記画面を見たときには、画面表示が「処理中、1日後にまた見てください」という内容に変化していました。

　さて、掲載されるのでしょうか。

　悪い要素がなければ、掲載されるのでしょう、おそらく。気長に待ってみます。