作成・更新管理の最近のブログ記事

昨年8月、リンク切れがひどくなった状況を記事 （リンク切れが８．４％になる。猛暑でイライラ、ネットでイライラ）にした。

４０４Ｎｏｔ　Ｆｏｕｎｄのことで、全ヒット数に占めるリンク切れの割合のこと（単位％）だが、その後も、ますますひどくなっていた。

その時の表（上の行）で、その下に一日当たり平均訪問者数の行を追加した。

さらに、今回、その表に８月以降（下表）を追加した。

 この表でもわかる通り、11月は、リンク切れが１０％を超えてしまった。

何とか対策を打たなければと考え、リンク切れ原因の第一候補だったジグソーパズルのリンク先・パズコレをウオッチしていた。

その矢先、パズコレが長期メンテナンスに入ってしまった。

クリックしてジグソーパズルへジャンプしても、すぐに"11月２９日から、長期メンテナンスで休止中"のメッセージ画面に替わるだけで、元に戻らざるを得ない。

だから、ジグソーパズルは出来ないが、リンク切れにはならないわけである。

つまり、12月はジグソーパズルのリンク切れの影響はないはずだ。

はからずも、12月のアクセス解析の集計を待って、パズコレの影響度は３％であると判明した。

その理由は、表から11月に比べて12月のリンク切れは３．１％減少したから。

それでも７．１％で、目標（３～４％）には４～３％の差が、まだある。

この原因は、表を見る限り訪問者数と比例しているようである。

つまり、訪問者数の増加によるものらしい。

今後も訪問者数は増加するだろう、どんな有効な対策があるのだろう？

１１月１１日と１６日の２日間初心者向けFLASH入門セミナーを受けた。

商工会の知り合いの仲間も、来ていた。

今回は、Adobeの有料ソフトを使っての実習だった。

アニメション、パラパラ動画、トゥイーン動画等諸々の実習を行った。

だから、レイヤーの使用法もわかってきた。

この実習から、動画設計の要領がわかってきた。

これが、大収穫だった。

さらに、アクションスクリプト（Action　Sｃriｐｔ）の簡単な実習もあった。

イベントハンドラーが、VBと似ている。

アクションスクリプト言語も、似ていると思われる？

これ等は、抵抗感なくすんなり使えこなせそうな気がした。

これがわかったことも、大収穫だった。

最後に困ったことを披露すると、Adobeソフトの表示文字が小さすぎて私には読めない箇所が多々あった。

そのため、オペミスが重なり苦労した。

ここでは、年齢の壁を感じた。

それでも修了証をもらったので、下に掲載してみた。

別に収集しているわけではないが、これで４枚になった。

私の手作りＨＰ（ホームページ）について、問題点を書くことにした。

理由は、マイクロソフトのインターネットエクスプローラ７では目的通り表示するが、エクスプローラ８では表示が滅茶苦茶ずれていた。

だが、このことについ最近まで気付かなかった。

何故なら、自分のパソコンはエクスプローラ７で、目的通り表示していたからだ。

訪問者の皆さんが、いろいろなブラウザを使って見ていること、表示がずれるブラウザもあること、この認識がなかった。

そこで、急いで他のブラウザにも、問題がないか調べることにした。

たまたまＭｏｊｉｌｌａ（モジラ）Ｆｉｒｅｆｏｘのソフトを入手したので、表示して見た。

やはり、表示が滅茶苦茶ずれていた。 

インターネット業界では、マイクロソフトのエクスプローラ系が７０％、Ｍｏｊｉｌｌａ（モジラ）Ｆｉｒｅｆｏｘ系が２０％のシェアだそうである。 以上で全体の９０％を占めることになる。

私のアクセス解析（下表）を見ても、ＭＳＩＥ　合計　５８％、モジラ　合計　１３％である。

そこで、私は決断した。

これ等が、目的通りの表示になるように改造すること。

これが、急務である。

同時に、今まで気になっていたことも解決することにした。

以下は、その具体的なＨＰ改造作業項目である。。

①　タグの使用ミス。曖昧な使用法を避けること。

②　グローバルナビの表示改造。

　　ネット塾の仲間のＨＰを参考にして方法を変えた。

③　整然とした３列表示または２列表示の表示順に統一する。

　　私は、ソースコードが見やすいように列を横断的に並べた表示順にしていた。

　　これが誤算で、表示ずれの大きな原因だった。

　　今回は左列を上から下へ、次に中央列を上から下へ、最後に右列を上から下へと整然と並べ替え表示するようにした。

④　ＣＳＳファイルをパターン別に５０個から８個に集約した。

これ等の作業をＨＰ５０ページに対して、丸３日間かけて半徹夜で、気合を入れて行った。

そうでもしない限り、挫折しそうなほど気分の重い作業だった。

結果をＭｏｊｉｌｌａ（モジラ）Ｆｉｒｅｆｏｘでも確認したが、少しのずれに収まった。

終わってみると疲れているが、非常にすっきりした思いがする。

それ程迄に気になってはいたが、気が進まない作業だった。

改造したＨＰ（ハローグラス）、ここをクリックしてご覧下さい。

表示が、滅茶苦茶になっているようでしたら、メールを頂けるとありがたいのですが、よろしくお願い致します。（メール　：　hirokawa@haro-glass.com）

６月１日群馬産業技術センターに行った。

セミナー（スタイルシート入門セミナーを申し込む）を受講するためです。

ここには、特許相談で何度も足を運んだが、セミナー受講は初めて。

快適な教室で、既に席が決まっていて２０席中の２０番目だった。

当たりを見渡すと、申込み順でなく年齢順のようだ。

つまり、私が一番年寄りのようだ。

この分だと、次に受講するスプリプト入門講座も同じ２０番目の席だろう。

そして、受講料を現金でなく群馬県証紙で支払ったのも、初体験だった。

講義は最後列だったので見づらかったが、テキストがしっかりしていたので、内容は理解できた。

自分の作ったＨＰのスタイルシートと、見比べながらの受講になった。

改良点も、いくつか発見した。

休憩時間、見栄えで改良したいと思っていたことを質問した。

それは、アンカーテキストリンクについてだった。

つまり、ＨＰ上で手のマークが表示されるリンク項目である。

現在は、マウスポインタを重ねても、手のマークが表示されるだけである。

これを、色が変わって重なっている状態を示すような反応にしたかった。

この反応状態でクリックすれば、リンク先に飛べる状態表示である。

すると、テキストの演習問題を例にして、教えて頂いた。 

わずか数分で解決した。しかも簡単だった。

現在のスタイルシートに下記３行を追加しただけだった。
a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: red; background-color: white }

即ち、白の背景に赤文字で表示する反応にした。

こんなことでも、自分で調べるとなると大変な労力がかかる。

教えて頂けることは大変有難い、特に個別指導には感謝している。

早速ハローグラスのトップページを改造したので見て頂けると有難い。 

この反応表示で良ければ、全ページを修正することにしている。

今回の改造は、１つのページに２つの異なる内容が書かれていたり、

１つの内容が、２ページにダブって書かれているものを整理した。

原則、１ページに対して１つのテーマにしたい。

つまり１テーマにすることで、一層すっきりさせ、解りやすくすることを狙った。

具体的には、「これから」に書かれていたことを、２ページに分割し、

「ガラスのＮＣ加工」のページを新たに作成した。

このページには、「加工システム」について書いている。

「これから」には、ビジネスモデルについて書いている。

また「加工サンプル」のページには、「加工工程」ではなく「形状」について書き替えた。

今まで、ごちゃ混ぜだったものを整理して、

１ページ１テーマにし、すっきりと解りやすくしたつもりだ。

まだまだ、不完全だが少しずつでも整理したい。

皆さんにも、できればクリックして見て頂けるとありがたい。

「これから」には、ビジネスモデルについて。

「ガラスのＮＣ加工」には、加工システムついて。

「加工サンプル」には、形状について。（写真は桜草）

今年は、ＨＰ（ホームページ）を充実させたいと思い、「善は急げ」とばかりに新年早々から改造に着手した。

手始めにトップぺージの改造である。

現在、左側列（３カラムメイン）にあるＣＭを、目立つように大きな画像で画像リンクすることにした。

リンク先は、新規作成ぺージ「高品質こだわり５ヶ条厳選ガラスピース」。

この中にＣＭを取り込み表示し、こだわり５ヶ条の説明を追加する。

改造に手間取ったが、どうにか完成したので公開した。

試して見て頂けると、ありがたい。

１．　ハローグラスをクリックする。

２．　表示されたトップぺージの中段にある画像をクリックする。   

すると、「高品質こだわり５ヶ条のぺージに飛ぶ（リンクする）。

そして、ＣＭが自動的に表示される。

次の改造は、経営理念、志のストリー、ブランディングストーリ等のぺージを新規作成して追加すること。

一週間後の１月２５日を目標にしたい。

１２月群馬伊勢崎商工会で経営革新塾フォローアップ講座を受講した。

その際インターネットの実習で、ふとしたことから自分のブログを表示してみて、驚いた！

３列表示のはずの、右側の列（３カラムサブの列）が表示してない。

左側の列（３カラムメインの列）と中央の列（メインの列）だけの２列表示だった。

そこで、画面をスクロールして表示の終りまで行くと、列改行した状態で右側の列が表示されていた。

この２列表示のパソコンは、群馬伊勢崎商工会のものだ。

私のパソコンは、３列とも表示している。

インターネットは、いろいろなパソコンで見ることを、忘れていた。

コンテンツによっては、パソコンにより表示が異なる場合があるのだ。

すぐに思い出したのが、画像サイズである。

最初は教わった通り横４００ピクセルだったが、いつしか５００ピクセルの画像も掲載するようになった。

私のパソコンでは、ＯＫだったから、である。（ここが問題？）

周りの人からも、５００ピクセルの画像サイズが問題だ、と指摘を受けた。

そこで、画像なしの文字だけの記事でテストしてみたが、結果は同じだった。

他に原因があるのでは？、と思うと講義に集中できなかった。

解像度も調べたが、互いに１０２４Ｘ７６８ピクセルで同じだった。

あせって、いろいろテストしてみたが、原因はわからなかった。

お手上げである。手詰まり状態だ。

ふと我に返り、この状態でも支障なければ良いだろう、と思った。

当面、２カラム表示と思えば良い、と考え直した。

そこで、右側の列の重要情報を左側の列に移すことにした。

それに従い、カスタマイズを終えた結果が、現在の表示である。

次善の策であるが、当面これで様子をみることにする。

インターネットは、いろんなパソコンで見ることができる。

このことを考慮したコンテンツ制作でなければ、と反省する。

私には、年内にやっておきたい切羽詰まった課題が残っていた。

ブログの改造だが、カスタマイズの方法、手順がわからなかった。

そこで、高橋本店のrinrinさんに相談した。

相談した内容、つまりブログの改造計画とは、

①　　ブログからハローグラスのＨＰ（ホームぺージ）へのリンクを強化したい。

　　　今までは、リンク集の中にあったため、殆ど効果がなかった、と思う。

　　　理由は、検索でブログに入った人は、ハローグラスの存在を知らないから、ＨＰの存在すら知らない。ましてリンク集の中では。

そのため、ブログの３カラムメイン（左側の列）の上部にＨＰへバナーリンクを張りたい。

②　　ＣＭ（コマーシャライザー）を、①の上に置きたい。

　　　ＣＭで「高品質こだわり５ヶ条の厳選ガラスピース」を見てもらいたい。

　　　さらに、ＨＰへリンクしたい。

③　　似顔絵を、３カラムメインの下部に表示したい。

　　　ブログ作者の「たそがれ広湧（こうゆう）」を知ってもらいたい。

　　　そして、「生きた証」を残したい思いがある、６８歳の書くブログであることを、似顔絵を見て理解してもらいたい。

すると、rinrinさんが手順を書いてくれた上、説明してくれた。

カスタマイズの方法が、良くわかった。

これが、わかれば応用範囲が広くなり、自由にカスタマイズできる。

今まで、自己流でこの方法・手順を知らなかった。

そのカスタマイズの手順は、次の通りです。 

①　ブログのグローバルナビ「デザイン」の「ウイジェット」をクリックする。

②　「ウイジェットテンプレート作成」をクリックする。

③　ウイジェット作成画面になりタイトルをつけるだけで保存終了する。

④　ウイジェットの３カラムのサイドバー（メイン）をクリックする。

⑤　「ウイジェットセット編集」画面になる。

⑥　右側の「利用可能」の中に③で作成したタイトルがあるので、それをドラッグして左（インストール済み）に移し、保存する。

⑦　⑥のタイトルの「編集」をクリックする。

⑧　「ウイジェット編集」をする。

　　バナーリンク、ＣＭ、似顔絵等を、それぞれタグ打ち入力し保存する。

⑨　「再構築」を実行する。

以上のカスタマイズを行った結果、左側の列のような表示になった。

つまり、ＣＭ表示、ＨＰへバナーリンク、似顔絵が表示された。

これで、とりあえず念願だったブログの改造は終了です。

丸１日作業、１０時間近く格闘の末、出来上がった。

しかし最初、バナー画像が表示されなかった。

試行錯誤の結果わかったことだが、画像編集で余白の追加や挿入した文字サイズが大きかったことが原因であることがわかった。

この原因追求に３～４時間費やしてしまった。

１２月１２日群馬伊勢崎商工会で経営革新塾フォローアップ講座を受講した。

講師は、加藤忠宏先生。

テーマは、訴求力を高めるための表現講座、内容は

①　自社製品やサービスの見せ方

②　デジタルカメラを使った「見せる商品」の写真の撮り方

午前中は、「基礎からのデジタル一眼レフ撮影講座」で、文字通り

露出の仕組み、ＩＳＯ感度とは、絞りとシャッター速度、絞込みの効果・・。

撮影ポイントをまとめると、

①　商品撮影には、レンズの明るい単焦点レンズが良い。

　　　ズームレンズは、便利さの反面欠点もある。

　　　私も、単焦点レンズのラインアップを、徐々に揃えたいが。（希望）

②　レンズの開放値から、ひと絞りすること。

　　　ズームレンズは開放値が大きい、その上ひと絞りすると・・。

　　　やっぱり、単焦点レンズが欲しい。

③　絞り込んだ状態で、画像が不鮮明になる。

　　　理由は、解析現象に注意。そのためＦ１６位までが良いのでは。

④　ピントと被写界深度、その撮影効果

⑤　ホワイトバランス

最後に、プロの撮影技法として、ＲＡＷ撮影の講義があった。

ここが、一番興味あったが、将来のたのしみにとっておくことにする。

今は、Ｊｐｅｇを使いこなしたい。

なかでも画質モード・ＮＯＲＭＡＬ、画像サイズ・Ｌである。

理由は、デジイチで１年足らず、やみくもに量を撮っている段階です。

弁証法的発想ではないが、量撮ることから写真の質へ、腕を上げたい。

つまり、狙ったものを、数枚撮るだけで満足できる腕前です。

なぜなら、ＲＡＷは１枚およそ１１ＭＢの大容量です。

沢山のＲＡＷ写真で、パソコンが占領されないように気をつけなければ、とも思うからです。

さて、いつもながらデジタルカメラのカリスマ広告塔ではないか、と疑うほど

多才な面を持つITコンサルタント加藤忠宏先生です。

午後は、フォトショップ・エレメントを使って、バナー画像の作成実習になった。

ここでも、悪戦苦闘したが、最後にファイルを保存してなかった。

保存を忘れるほど、あたふたして舞い上がった実習だった。

私は、まだ旧態依然として、Ｊｔｒｉｍ（フリーソフト）を使っている。

来年こそ、使いこなしたいフォトショップ・エレメントだ。

いつも、加藤先生の講義を受けるたびに、欲しいモノが出てくる。

さらに、疲れも出てくる。だがこの刺激に、なにくそと反骨精神も湧いてくる。

私にとっては、若返り特効薬のようなセミナーです。不思議なセミナーだ。