カテゴリー: はなまるチェック！

下書きに起こしはすれどもそこはかとなき障害に 記事にせずまま終わらせたものにも再び 日の目を見させてやろうという企画の Ajax-lleval 1 （2011年5月25日記事） に続く第四弾は、これも姉妹ブログ ホームページ作成浜松Tips に用意されていたもので、 興に惹かれる元となった記事が ホームページを作る人のネタ帳 に於ける まるでphotoshop！JavaScriptで実装するクールなカラーピッカー[prototype.js] での紹介の日付を見れば 2008年5月28日とこれはまた三年ほど遡る情報ですが、 なんと紹介記事の紹介する大元サービスは今でも提供されており、利用が可能です。

そのサービスこそ javascriptライブラリ prototype.js を用いたカラーピッカー PhotoShop-like JavaScript Color Picker です。 提供サイトではデモも用意されリンクは以下になります。 PhotoShop-like JavaScript Color Picker::DEMO 実は当時はブログ上に掲載した上で上手く動作させるには至らなかった為、 記事としては保留していたのですが、 このお蔵出し企画の為に少し時間を掛けて注意深く記述してみた処、 下に見られる様にどうやら上手く動いてくれます。 本当に画像編集ソフトの定番 フォトショップ のカラーピッカーの様ですね！

Photoshop-like JavaScript Color Picker

This color picker mimics Photoshop color picker by layering transparent images.

実はいちいちフォトショップ等の画像編集ソフトを立ち上げずとも Webページ上で望みの色の対応コードを取得出来るこの手のカラーピッカーは ブログ運営上からも相当便利なもので当時様々物色したのですが、 この情報に先立つこと二月程前の2008年4月8日に姉妹ブログ ホームページ作成浜松Tips で記事にしたのが jQuery カラーピッカー プラグイン で、此方は当初から上手く機能したのでした。

ブラウザ（ ブラウザって何？ 参照）から閲覧しているインターネットのWebサイト上よりファイルをダウンロードすると、 基本的にはそのブラウザ特有の保管場所に保存されるため、 煩わしさを取り除くため保管場所を統一しようと言う内容が、 2011年5月9日の本ブログ記事 ブラウザ毎に異なるダウンロードフォルダを統一する-Firefox編 でした。

前回取り上げたブラウザは Mozilla Foundation の開発する Firefox（ファイアフォックス） でしたが、今回は Google社開発の Chrome（クローム） を取り上げてみたいと思います。

Windows XPに於いてはクロームでは標準のダウンロードフォルダは

OSに因ってもダウンロードフォルダは異なって来ますが、 Chrome（クローム） での設定は以下の様にして可能です。 まずブラウザ画面の上部、アドレスバーの右側の スパナ型のアイコンをクリックするとプルダウンメニューが開くと思います。 上段のメニューを以下の様に辿ります。 該当する画面図も下に表示しておきます。

1. オプション
2. 高度な設定
3. ダウンロード
4. ダウンロード保存先

ブログに於いてのプロフィールの重要さはブログ村で ダンディ和田 さんにより度々指摘される事項です。 またはまぞう（HamaZo）ブログには標準で オーナーメール としてブログ運営者へのメールの送信機能が付いています。 プロフィールとオーナーメールは標準では独立したブログの一機能として動作しますので、 通常はサイドバーに別々に表示されることになります。

ところで、本ブログ2010年10月12日の記事 オーナーメールの記事内への表示 ではサイドバーではなくブログの記事内へ オーナーメールを表示するテクニックをご紹介しました。 またオーナーメールを複数配置するには 何やら訳の分からない呪文を幾つも記述する必要はにことを2010年10月27日の記事 オーナーメールの記事内への表示（簡易版） に記しました。

上記二記事を応用すればブログの中に複数のオーナーメール機能を配置し、 その一つはプロフィールの中に表示することが可能になりますね。 この手法を実際に本ブログに適用してみました。 従って2011年5月現在本ブログ HamaZoランクチェック！Blog には、左サイドバーの最下段にオーナーメールの本体、 運営者にメッセージ が表示され、また右サイドバー二段目のプロフィールの最下部にも 同様にオーナーメール機能が表示されているのが見て取れると思います。

運営者へメッセージ の設定は ブログの設定 > サイドバー で行っています。 そしてプロフィールへの表示は ブログ環境設定 > ブログ作成者のプロフィール > プロフィール自己紹介 内に以下コードを貼り付けています。

このブログカスタマイズにより、 プロフィールを見て気になったらメール出来ると同時に、 ブログ記事を見ながら画面を下までスクロールした時にも すぐさまメールのボタンを発見出来る様になっています。 このことで閲覧者にはメール送信の為のボタン発見の苦労が減り、 便宜を図ることが出来ることになり、 連絡を取って貰う敷居が下がることになります。 この様な動線の複数配置はWebサイトの設計に於いて 利用者のユーザビリティを向上させるものとして重視されています。

実に興味を惹かれはすれども何となく記事にせず仕舞いの下書きに 日の目を見させてやろうという企画の Google Services for Websites （2011年5月07日記事） に続く第三弾は、これも姉妹ブログ ホームページ作成浜松Tips に用意されていたもので、 大元となるサービスを提供してくれている 子飼弾 氏のブログ記事 Ajax - Lightweight Languages を実行するAPI の日付を見れば 2009年3月26日とこれまた二年余り以前の情報ですが、 今でもサービスは提供されており、利用が可能です。

先ずは上の eval ボタンをクリックするだけでテキスト入力エリアの既述されたコードが 子飼弾氏管理のサーバーに送信されたその結果が下に表示されますのでお試し下さい。 実はこれ PHP と言うプログラム言語が動いているのです。 そしてそのテキストエリアの既述のコードを書き換えて送信すれば プログラムが動いてしまいます！

通常プログラム言語を動かすには煩わしい前準備が必要ですが、 このサービスを利用すれば本記事の様に 簡単にブログ上でプログラムの練習が出来る様になりますね。 ブログから少しITの世界に足を踏み出してみたいという気持ちを持たれた方には 好適なサービスになるのかも知れません。

先日、 浜松西部ブログ村 の後、 『モコカフェ』さん にお邪魔してきました。 少し汗ばむ陽気の中にも温室風のポーチを通り抜けて入った店内は涼しげで 穏やかな時間が流れる素敵なカフェです。 限定10食のランチ、当日はチキンピラフと 巨乳豆乳ジュース （笑）をいただいてきました。 因みに おっぱいアイスクリーム （笑）なるメニューも新規に登場していました。

店名の由来は猫のモコちゃん、 お店の隅の籠に入っていて最初は気付きませんでしたが、 暫くしたら愛らしい姿を見せてくれました。 宮大工さんと一緒に店長のTOMOKOさんが設えた室内には イメージカラーのミントグリーンがポイントとしてあしらわれ、 処々に遊び心の溢れる素敵な佇まいです。

では早速 HamaZoランクチェック！パーソナル検索 に掛けてみましょう。 其の結果が以下、2011年4月24日～2011年5月23日分として出力された以下の図です。

『モコカフェ』さんパーソナル検索結果

この四月にオープンしたばかりのお店とは言え、 実は伺う前にも Twitter などで頻繁に名前を拝見していたそのお店のブログは矢張り、 開店準備の記事などで既に固定のファンを獲得しているのが功を奏しているのでしょう、 立派にランキング入りされていますね。

『モコカフェ』さんの直近30日間の最新のパーソナル検索結果は以下リンク 『モコカフェ』さんパーソナル検索 で見られます。

友達などからメールでホームページのお知らせを受け取って、 折角だから覗いてみようとリンクをクリックしたら、 時々

大抵のメールソフトではホームページのアドレスと思われる文字列を 自動的にリンクに置き換えてくれる機能があります。 わざわざリンクをコピーしてブラウザのアドレスバーに入力する手間を省いてくれているのですね。 この時ホームページのアドレスであるかどうかを判断するプログラムに於いて、 ホームページのアドレスに特徴的、例えば http:// を見付けると、其処から先をアドレスであると判断しています。

では、アドレスの最後を何処で判断するのでしょうか？ ここで空白や改行を最後と判断すれば、 アドレスの続けて文章を書いている場合、 その文章までアドレスとして判断されてしまうことになります。 そんな訳で冒頭の問題が発生したりするのですね。 従ってこの問題を避けるためには、 メールを送信する側ではホームページのアドレスの最後を確りと空白か改行で区切ること、 受け取ってしまった側は、ホームページのアドレスとしては相応しいと思えない部分を省いて コピーしたものをブラウザに貼り付ければ良いことになります。

メールソフトによってはホームページアドレスとして相応しくない日本語が出現した場合、 出現直前までをホームページアドレスとして判断するものもある様です。 基本的には空白スペースを文法的に必要としない日本語に沿ったこの方法を採用したものだと、 更に意識することなくホームページアドレスの遣り取りが出来て便利なことが多い様ですね。

今月も浜松の西部地域では初めてのブログ村となる 浜松西部（仮）ブログ村 は今回からローテーションを変え 月の第3木曜日に開催されることになりました。 水曜日にご来場いただいたことのある方はお気をつけ下さい。 今回も講師の ダンディ和田 さんの分かり易いレクチャーがきっと貴方の疑問を解決してくれる筈！

会場は下の写真のツチヤフソウホームさんがモデルハウスを 貸しスペースとして運営している ゆめ応援プラザ の2階、南向かいの西側スペースです。 駐車場もツチヤフソウホームさんの駐車場を余裕をもってご利用いただけるでしょう。

今回でスポット開催ながら5回を数えることになりました浜松西部ブログ村では 過去4回に新鮮且つ基本的な質問がたくさん出されています。 折角ですから少しその質問例を此処にお知らせします。 例えば2月9日に開催された第2回では以下の様な質問が上がりました。

1. ブログに載せる綺麗な写真の取り方を教えて
2. あの人のブログのプロフィール…どーやっているの！？
3. トップ画像を自分好みにするにはどうしたらいいの？
4. ブログのタグって何？どうやって使うの？
5. Twitter&FACEBOOKボタンについて教えて

また 前回第4回 には

1. インターネットの仕組みはどうなっているの？
2. 出先でインターネットに繋ぐには？
3. 災害時にTwitterが有効だと言われているのは何故
4. 毎日の記事にお問い合わせのボタンを入れる方法を教えて
5. ブログに画像をいっぱい使って容量が上限に迫って来た時には？

会場のゆめ応援プラザは1階がちょっとした団欒スペースにもなっていて、 ブログ村を終えた後、参加者の皆さんでゆっくりお茶をしながら おしゃべりをしたり、情報交換をしたり出来ます。 ちょっと新鮮なブログ村、ご興味の湧いた方は是非いらしてみて下さい。