「ら・ふろーらるオンラインショップ」をリニューアルしました。
　新しく「動画で紹介＝やさしい着方」のページを掲載したほか、会社概要のページも充実させるなど、分かりやすさ、親しみやすさに努めてみました。また、商品の掲載数も日々増やしながら、店内めぐりを楽しんでいただけるよう、努めています。

　 　また、９月１６日から、アドレスも変わりました。これは、当社が契約しているインターネット・サーバーが新しい設備に移転することになったそうで、当社割り当てのアドレスも変更となったものです。ドメインそのものは変わっていませんので、従来通り、普通にhttp://florule.comやhttp://florule.com/shoppingstore/にアクセスできますが、ＳＳＬ対応のセキュリティのかかっているページが一部変更となっています。
　このため、以前のアドレスでブックマークしていただいている皆様には、ご不便をおかけして申し訳ありませんが、商品をご覧になるには、トップページから改めて各ページにアクセスしていただきますよう、お願い致します。

アカウント登録で５００円プレゼント中です！
　「ら・ふろーらるオンラインショップ」では、お買い物の際に、アカウント登録をしていただく仕組みになっています。もちろん、登録だけしておいていただくのも大歓迎です。
　ご登録いただいた方には、ショップからのプレゼントとして５００円分のギフト券を差し上げています。これは、登録日限定のギフト券なのですが、これを使って自分宛てにギフト券をお買い求めいただけば、有効期限のない、いつでも使えるギフト券に切り替えることができます。
　この機会に、ぜひ、アカウント登録をして下さるよう、みなさん、よろしくお願い致します。

お買い物をすれば、１０％還元のポイントが貯まります！
　また、当店でお買い物をしていただくと、１０％の還元ポイントを差し上げています。2,000円のお買い物で200円のポイントですから、お買い得だと思います。（還元ポイントは、２回目以降のお買い物の時にご利用いただけます。）

　新しくなった「ら・ふろーらるオンラインショップ」。ご来店をお待ち申し上げております！！

　やっとできた。
　そんな思いです。これで安心、と、ホッとしました。

　この二日間、当社直営の「ら・ふろーらるオンラインショップ」では、商品の価格が全部０円になってしまったり、カード決済ができなかったり、異常事態の連続で、パニック状態にありました。大半の原因は管理者による設定ミスで、問題を一つ一つ処理していくことで解決できましたが、中には、オプションのモジュールをインストールしたためにエラー画面が出てしまう"事故"もあって、プログラムの全部を点検してファイルを修正しなければならない事態にも陥りました。
　そのため、この二日間あまりは、「なに？これ。わけ分かんない」現象の連続に悩まされながら、ショップの修復に追われ続けていました。

　さて、こうして、やっと、まともな店になった当社のオンラインショップですが、お勧めのサービスがあります。
　ショップのお客様としてユーザー登録をしていただくだけで、合計1,000円分のプレゼント、というサービスです。
　　　　・ギフト券：500円。ユーザー登録した時に差し上げます。登録した時に自動送信されるウェルカムメールに引換用コードを記載。登録したその日だけ有効。
　　　　・還元ポイント：500pt。お買い物をしたときに獲得できるポイントを、ユーザー登録しただけで差し上げます。お買い物の手続きを進めていただくと、お支払方法の画面で、使用できるポイント数があらかじめ500(=500円)になっています。

　現在、ショップでは、大評判のエクステマスカラ「キャメル・アイ」の紹介に力を入れています。定価は3,150円ですから、ショップにユーザー登録すれば、格安の金額でご購入いただけます。
　この機会に、ぜひ、お買い求めください。

　それにしても、フリーソフトというのは、扱いが難しい。プログラミングを専門に学んだ人であれば、そんなに苦にならないのかもしれませんが、素人が手を出すと、ひどい目に遭うことも少ないないと思います。特に、何があってもすべて自力で解決しなければならないのですから、厄介です。ただ、それでも、なんとか正常化できてみると、四苦八苦した分だけ愛着もわきます。自画自賛したくなるのです。「我ながら、よく、ここまで、たどり着いた」と。
　たぶん、これからも、予期しないトラブルに出くわしてしまうことがあるかもしれませんが、そんなときは、勉強のためのいい機会だと思うことにして、コツコツと「うちの店」を作っていこうと思いました。

　インターネットでのオンラインショップをスタートさせました。当社サイトで直接、和服を販売するのは、ほぼ１０カ月ぶりになりますが、今回は、ショッピングカートの本格ソフトを使った初の試みになります。
　インターネットでの商品販売は、最初は、今の「備長炭ショップ」に残っている形式のごく初歩的なスタイルで立ち上げました。昨年の１２月からは、Yahooのショッピングモールに登録してショッピングストアをスタートさせ、商品販売は、ここに一元化することを目指しました。
　これに対して、今回、直営のショップを立ち上げることにしたのは、昨今花盛りのアフィリエイトやドロップシッピングといったリスクの少ない販売スタイルを導入してみようという狙いによるものです。当面は、当社の商品の充実に努めますが、そののちには、ジャンルにとらわれず、様々な角度から見て当社が取り扱うのにふさわしいと思える商品を紹介していこうと考えています。

　今回、直営のオンラインショップ制作にあたって利用させていただいたのは、ZenCartです。ボランティアで開発・改良が進められているオープンソースソフトで、インターネットでは、かなり有名なソフトになっています。Yahooや楽天市場のようにメンバーに登録すればショップ作りがかなり容易にできるのとは違って、たとえばポイント付加サービスの導入なども自分で追加モジュールを探して自分でインストールしないと使えないなど、舞台裏の仕事が膨大で、htmlやphp、javascriptのことなどが理解できていないと何をどうしていいのか分からないだろうと思うソフトです。
　でも、これからは、こういうソフトが、いかに良心的で、「世のため人のため」になっているかが理解されていくだろうと思います。完成度が高く利用価値の高いオープンソースソフトとしては、当社では、画像処理ソフトのGIMPをかなり有効活用しています。また、OpenOfficeやWordPressなど、今後、活用していこうと考えているソフトもたくさんあります。ウイルス対策ソフトでもコマーシャル付きながら無料で利用できるソフトも生まれています。
　パソコンやインターネットが、今以上に使いやすくなっていくためには、こうしたオープンソースソフトや無料ソフトが、素晴らしく完成度を高めいるのと併せて、もっと、素人にも使えるようになっていったらいいのに、とも思います。それでも、驚くほど、立派なソフトが育ってきたことに、とても感謝しています。
　今後のコンピュータについては、クラウド・コンピュータという方向へ仕掛けていこうという大企業の動きもクローズアップされていますが、単純に考えて、これでは、あまりにも他人任せのソフト環境になっていってしまいます。(当然、その方が、ソフト開発・運営企業にとっては収益につながるのですが。)やはり、自己責任を貫くなら、オープンソースソフトの普及を目指すべきではないかと思うのです。

　さて、そんなわけで、直営ショップを改めて立ち上げた記念に、オープニング・キャンペーンを企画しました。
　「ら・ふろーらるオンラインショップ」で会員登録をしていただければ、お買い物をしていなくても５００ポイントを差し上げます。この機会に、ぜひ、多くの皆さんのご登録をお待ち申し上げております。

　以下は、今日の話に出てきた名前のリンク先です。

ZenCart

GIMP

OpenOffice

WordPress

ら・ふろーらるオンラインショップ

　これまで、このサイトにどんなページがあるのか、カテゴリー一覧表が目立たない場所にあってわかりにくかったため、ヘッダー部分にメニューを追加しました。
　ポップアップメニューともドロップダウンメニューとも言われているタイプで、比較的スペースを取らずに、それぞれのカテゴリーの一覧が見られるようにしました。

　【設定の背景】
　　　　最近、いろいろな話題でいただく問い合わせ電話が増えました。そんな中で、当社の所在地を聞かれるケースも多かったのですが、ホームページのどこに当社の地図が載っているのか分からない人に説明するのに四苦八苦することもありました。
　「左側のサイドバーの下のほうにＩＮＤＥＸの一覧表があって、その下のほうに会社紹介の部分がありまして、それで…」とか、
　「右側のサイドバーに地図のサムネイル写真がありますから、それをクリックしてください」など、
フリーダイヤルの電話代を気にしながら、気はあせりつつ、説明に四苦八苦していたわけです。
　【サイト全体のイメージ】
　　　　そういえば、当社がどんなことに取り組んでいるのかも、あまり、理解されていないような問い合わせも時々聞かれます。
　「へぇ、そういう仕事もしてるんですかぁ」など。
　ホームページが当社の自己紹介のサイトとして十分には、機能していないのではないか。それはたぶん、サイトマップのような全体を概観するための場を設けていないからではないか。と、気付いた次第です。

　【ポップアップメニューを活用】
　そこで、ＩＮＤＥＸのタイトルで表示しているカテゴリーの一覧表をもっと目立つ場所にのせたいと考えたわけですが、スペースを割くのも難しいし、同じようなものが上に移動しただけではつまらないし、何とか工夫をしてみたいと思ってポップアップメニューを挿入してみることにした次第です。
　ところが、これを制作するのは、思いのほか、難航しました。＜ＳＥＬＥＣＴ＞フォームを使うのですが、メニューの中のクリックしたページにジャンプする方法がなかなかうまくいきませんでした。何冊かのマニュアル本を読んでＨＴＭＬタグを書き直したり、Ｊａｖａｓｃｒｉｐｔやスクリプト・ファイルを作ったり壊したり、基礎を学んでいないから、一晩かかりっきりで、徹夜という事態になりました。
　最終的に、納得のいくノウハウを読むことができたのは、古い書籍に書かれていたＵＲＬからたどり着いた「ＯｐｅｎＳｐａｃｅ」というサイトでした。とてもわかりやすく、良心的なサイトです。例文も豊富で、そのまま、使えるようなスクリプトもたくさんありました。
　ＸＨＴＭＬの時代となって、スクリプターとの力関係でスクリプトのいうことを聞いてくれないこともあるから、ダイナミック（動的）な変数入力ができるように外部スクリプト・ファイルにしたほうがいい、ということを理解したことが最大の収穫でした。

　「ＯｐｅｎＳｐａｃｅ」のＵＲＬは、
　　　　http://www.openspc2.org/
　です。

　今、ポップアップメニューをしクリックしながら、あっちのページ、こっちのページと、サイト内をうろうろするのを面白がっています。と同時に、メンテナンスが必要なページもたくさんあることにも気付き、課題も増えたように感じています。

　携帯電話からのアクセス専用のトップページを作りました。
　当社のサイトに携帯電話からURL入力でアクセスすると、パソコン用のトップページにつながってエラー表示が出てしまっていました。この問題を解消するため、専用ページを設けました。
　携帯電話からのアクセスは、トップページにあるQRコードをカメラ機能で読み取っていただく方法に限られていましたが、これからは、「http://florule.com」とURL入力でも、支障なくご利用いただけます。

　これに伴い、パソコン用のトップページでのQRコード表示は、トップページのみとさせていただきます。
　携帯電話からのURL入力も、パソコンからのアクセスも、 http://florule.com/

　QRコード読み取りも、
で、ご利用いただけます。

　これからも、宜しくお願いします。

　できてみると、簡単な話です。
　200×200ピクセルの画像の背景色を黒にしておいて、その上に198×198ピクセルの白い背景色の画像のコピーを乗せると、囲み罫が1ピクセルの画像になります。
　オレンジの背景色にしておいて、上に乗せる画像の見出し背景を同じオレンジにすると、上のような画像になります。
　いろいと応用すれば、少しは、プロっぽい画像に近づくかも。

　ホームページにしてもネットショップにしても、画像の処理がなかなか面倒で、しかも、ノウハウをあまり知らないために見るからに素人画面になってしまう悩みを抱えていました。
　そんな中で、無料の画像処理ソフトGIMPが使いやすくて、どんどん馴染んできていたのですが、最近、新たな発見があって、ますます気に入っています。メニューに「拡張」という機能があるのですが、これが優れものなのです。今まで何カ月もの間、見向きもせず、気付かずにいた機能なのですが、一言でいえば、文字をデザイン化するのがとても簡単で豊富なバリエーションを揃えたテンプレート集のようなメニューになっていたのでした。画面上でクリックするときに使うボタンを作るためのメニューもあります。
　これは便利だと、早速に、いろいろに試し始めています。
　今まで、JPEG形式の画像に文字を埋め込むと、どうしても滲んでしまったり画像が汚れてしまっていたのですが、GIMPのこの「拡張」メニューからデザイン文字を作れば、画像もかなりきれいになります。
　これからの楽しみが増えました。
　以下の画像は、この「拡張」でデザインした見出しを使ったものです。


　ちなみに、文字に「ふちどり」を取って、その幅を広げたり狭めたりする方法があることも最近知りました。画像の編集中のウィンドウを開いて文字を編集しているときに、「選択」というメニューにある「縁取り」という項目を利用すると、ピクセル単位で縁取りを膨らませることができます。いろいろな色の文字に白い縁取りを入れることができるようになりました。

　ＦＣ２のチャット・コーナーのコピーをトップページに張り付けていたのですが、あまりに重すぎるページになってしまったので、削除することにしました。同じページの中に重すぎる（表示に時間がかかりすぎる）要素があると、ページ全体の表示まで遅れてしまうこともあるのだということを痛感しています。
　たとえば、現在もトップページには「あし＠」のリンクバナーが貼ってありますが、このサイトがサーバーのキャパシティのためかアクセス数が極端に多いのか、時々、応答がないときがあります。すると、このリンクバナーよりも後に記述してあるhtmlタグも表示されずに待機状態が続いてしまうのです。このため、「あし＠」のリンクバナーは、ページの一番最後に移動させました。
　それでも、「あし＠」が表示されない間は、それよりも後ろの記述になっているフッター部分が表示されない状態になってしまっています。「あし＠」のバナーはトップページだけですから、他のカテゴリーページに移動すればフッターもちゃんと表示されていますけれど、こういう状態では、リンクバナーを貼るのも考えものだと思います。
　「あし＠」に改善を求めるとしたら、直リンクのバナーをやめてもらうこと、かな。

FC2の無料ツールで、小さなチャット窓がありましたので、こちらでもトップページに設置してみました。もともと、FC2版の「ら・ふろーらる。」に設置したもののコピーです。

　当社のパソコン教室では、受講生のほぼ全員がブラインドタッチで文字入力ができるようになっていますが、何か月も同じソフトばかりで練習するのも、正直なところ、飽きることもあります。とくに、小学生などの場合は、成長が速い分、飽きが来るのもはやいように思います。
　そんな中で、インターネットで練習ソフトを探していたら、FC2ブログの中で面白いサイトに出会いました。無料で利用できるソフトをたくさん紹介していて、しかも、なかなか凝ったソフトもあります。
　タイピング無料ゲーム練習場というサイトです。
　タイピングにそれなりの自信がある人でも楽しめると思います。お勧めのサイトです。

　ISP(インターネット・サービス・プロバイダー)が提供しているサービスの中に、無料ブログも、増えてきました。そんなサービスの比較ができるかもしれないと思い、こういうコーナーも作ってみました。
　このページにリンクする無料ブログを徐々にでも、増やしていこうかなと、思っています。

無料ブログの一覧

• ココログ(@nifty)
• ら・ふろーらる。(FC2)
• ら・ふろーらる。(OCN)
• 群馬の熱血おばん(ウェブリブログ=ビッグロープ)
• oyottidesのジオログ(ヤフー・オークションのストアブログ)

MTではbannerという名称の部分を「ヘッダー」として独立させて、どのカテゴリーでも同じヘッダーになるようにしてみました。
同様に、フッターも全ページ共通になるように作ってみました。