STUDIO Bloom 大阪・北摂地域を中心としたWebサイト・システム制作

ベランダ菜園ではなくBBQです。
欲しかった卓上七輪を購入。炭火で焼くと言えば…焼き鳥でしょー

やはりガスコンロで焼くのと違い、ほっこりムチムチ状態で焼き上がるのでウマウマーです。
ハマグリが安かったのと、嫁の実家から送っていただいたシシトウと。体が炭臭くなるのがアレですが…

炭も去年のヤツでだいぶ湿気てるのか火が付きにくかったりしたんですが、何とか形になってくれました。

が、卓上七輪とはいえ煙とかも考えてベランダに置いてやってました。ということで網戸開けっ放しでやっちゃってるんですが、屋外用・室内用のムシコナーズを使用したところ、蚊の被害は見事にゼロ。
買った当初は「効果無ぇ～」などと呟いてたんですが、これ、なかなか使えるみたいですわ～

結構オヌヌメ。でもCMの如く、横の家と併用して使うのがさらに効果的かと思われまっす。

あーみんなでBBQしてぇっす。How about BBQ?

CSSの制御というか、Classの制御というか。
CSSを直接触っちゃうより、Classを用意しておいて付加したり外したりのほうが何かと管理もしやすいでしょ？

targetというIDを持つテーブルの奇数行trにoddというクラスを追加してあげてます。
行数の多いテーブルだと、いちいち奇数行にクラスを指定してやるのも面倒だし、行の入れ替えが発生した日にゃぁ、アンタ。リアルで「キーッ！！！」って叫んじゃうってモンですよ。

Javascriptの使用がOKだったら、とてもとても助かるね。

でも例えば、テーブルが2つ続いてて、それらにも奇数行毎にClassを付加したい場合、単純に考えて…

としてしまうんだけど、1つめのテーブルが奇数行（例として5）で終わってしまった場合、2つめのテーブルのtrは「リセットされて1から」ではなく「5の続きの6から」となってしまい、なぜか偶数行スタート（本来は1だから奇数）になってしまい、具合が悪いことになっちゃうんですね～困る。
（解決法、探り中。末尾に空の<tr></tr>入れちゃうのでもOK。だけど文法的にはNG）

さらにGoogle Chromeで発見した不具合。
複数の要素を指定する時、コンマ（,）でセレクタを区切れば同時に選択できるのですが、

IEやFirefoxでは意図したとおりの動きになってるんですが、Chromeだけは最初の要素しか識別してくれない。単純な解決方法は、

2行に分割…orz
うーむ、ちょっと切ないですね…

ちょっと検証が甘いですが、便利なjQueryもちょっとした落とし穴が用意されていますよ…というお話しでした。それでも便利すぎて手から離せないｊQueryなのです。罪なヤツ。

梅雨もほぼ明けた状態で、日に日に陽の光が強くなっている今日この頃です。
何だか最近、生活リズムが良くなってきたので、光合成が活発に行われる午前中に定時で水をあげることが出来てるのもあって、近頃の我が家で育つプランター菜園の植物たちが勢いづいているようで…

トマトですね～育成の遅かった鉢の3株も最近好調で、新しく花を付けたり実が太っていったり。
「トマトなんて雨も降らない不毛な地が原産なんだよ！」とかイイながら水の量を減らすより、少しはあげないと駄目ですね。（ドンダケ）

枝豆です。本枝（？）と脇枝（？）の間に花がいくつも咲いて、それが実になっていくんですね～土の違いで育成に差が出てきてます。うむ。土が大事。そしてカナブンは枝豆の葉っぱを好むみたいです。食害が…

バジルは立派な森になりつつあります。春先に植えて駄目にした時は季節的にも蝶などの幼虫がメキメキ育つ時期、ということもあって食害で諦めてしまったのですが…今回はアブラムシも横の二十日大根に居着いてくれたのでバジルが良く育つ結果に。

こちらは種まきの時期も遅く、育成の遅さにヤキモキしてたキュウリです。
立派に花を咲かせ、枝の成長具合は目を見張るモノがあります。蔓を伸ばしてドンドン伸びていくんですね～実は付いてくれるでしょうか…

最後に、こいつも育成が遅かったレモンバーム。間引いた後も途中で力尽きていく株や食害にあう株、ぴたりと育つのが止まってしまった株など、これも失敗なのか？と思ってたら、最近になってメキメキと成長を始め。本来は明るい日陰などで育てるのが良いらしいので、そろそろ置き場所を変えてみようかと思ってます。育ったらハーブティーなんかで楽しみたいですね～

なんか自分は育てた物を食べるため、というよりはその成長過程を楽しむ、といった方が強いみたいです（ブログネタ？ｗ）。

これからもグングン育っておくれ～

先日、新しい図柄で名刺を作り直したばかりですが、届いた数日後に以前から欲しいと思っていた形状の名刺を作っている会社のサイトに偶然辿り着いてしまい、その日の内に同じ図柄で発注を掛けてしまいました。

名刺にしては、というサイズのギミック（？）なので、「特殊な名刺作ります」と銘打ってあるサイトに問い合わせしても「そのサイズでは作れません」といった回答ばかりだったので諦めていたのです。

ま、ここまで書くと「ぼっけぇ凄ぇ名刺が出てくるんちゃうか」と思わせぶりなのですが、実際は大したことないですorz

明日くらいには届くはずなので、渡された人は「何キザったらしいことして」くらいのノリで、ちょっぴりSっ気を出してくれるとMの自分は大喜び（嘘

リニューアル名刺をお渡ししてしまった人にも、ご希望とあらば再度差し上げたく存じます。ご遠慮なく。

先週は仕事のほぼ全てが連絡待ちのストップ状態。8月からガッツリ動く仕事の予定も控えてるため、ヘタに身動きも取れず悶々と過ごしてたのですが、今週になって一気にいろんな物が動き出し＋新しい案件が舞い込みで天手古舞いになっちゃってる訳ですが。。。orz
今週はコミュニケーションコストが高い一週間となりそうです。そして恐らく7・8月はすでに身動きが取れません。。。（お仕事たくさんバンザーイ！）

本日もミーティングのため長堀橋へ赴き、その後、心斎橋のアップルストアで18時から人と会う予定をしていたところ、ミーティングが思いの外早く終わってしまい（14時半…）、街をブラブラしたりスタバで本を読破したりマクドで見積もり作ったりしてたんですが、途中で寄った東急ハンズ心斎橋店。

園芸関係のコーナーをブラついてたところ、いきなり目の前を「かつみ・さゆり」が！

なんかの撮影をしてたみたいですが、テレビで見るよりボケやツッコミの声は小さめで「実際の撮影は案外静かに進行してるんだなぁ」と思いつつ、ちゃっかりカメラのフレームに収まる位置に居たので、どこかの番組で自分の姿が放映されることになるのでしょうｗ

でググってみたら、たぶん毎日放送の土曜に放送されてる「せやねん」の「ここに！技あり！」のコーナーっぽいですな。

暇な人はチェックしてみて下さい。
たぶん、雅のオープニングトークは、今日V9を果たした長谷川穂積の話だと思いますｗ

さゆりの顔が案外小さくてビックリしました。かつみはえぇ嫁さん貰ったなぁｗ

余程の事がない限り、嫁の検診にはついて行くようにしてるのですが、病院内でよく見かける風景。

普通に携帯を取り出してメールなどしている。

病院内では携帯を使用しない、というのはルールのはず。そのルールすら守れない人が親になるのか、と。自分がルールを守れないのに、子供にルールを教える事なんて出来ないですよね？
嗚呼モンスターペアレント予備軍がそこに。

電車で体の不自由な人やお年寄り、妊婦の方が居たら席を譲る。マナー。
これも実践できない。寝たふり、気付かないふり。

譲って貰えないから、おばさん・おっさんは平気で人の前に割り込みし、“降りる人が先”という暗黙のルールを平然と破り、空いてる席へ猛突進。そのパワーがあれば立ってられる。
結果、ルールを守ってる人が損をして、スムーズな乗降に乱れが生じる。

みんなが他人の事を思いやっていれば、世の中はもっとスムーズに回るのにね。

先日、嫁が一人で電車に乗った時のこと。
「どうせ席は譲って貰えないだろうな」と思って乗り込んだ時、ホスト風のチャラいお兄ちゃんが間髪入れず席を譲ってくれたそうです。

人は見かけに依らず。

良い行いは周りも幸せにします。
ルールとマナー。ちょっとした行いが、その日一日を充実した物に変えてくれますよ。

嫁が産休に入ったのをいいことに、仕事を手伝ってもらおうと悪巧みしている駄目な旦那です。

最初は某Webディレクター本を与えていたのですが、内容が難しすぎる（そして役に立ちそうにない）ので、新しく偶然本屋で見つけた「Web制作新人育成ガイド」という本を買ってみました。

適度に挿絵が入っていたり、基本的な事などをサラっと書いてあるので読みやすいです。
読みながら「TCP/IPとか懐かし～」とクスリと笑う嫁は流石です。

が、さらりと書きすぎる面もあって、PHP・JavaやJavascript（Ajax）・Flashの区別や意味が分からなかったようです。が、それも身振り手振りで教えると、キチンと理解できてしまうあたりが逆に怖い。プログラムで負ける気はしないけど、それ以外では速攻追い抜かれてしまいそうです。。。

もう1冊がAndroidの開発本。「Google Androidアプリケーション開発入門」。
先日、妙に時間が空いてしまった時に「折角iPhoneとmac miniがうちに有るんだし、iPhoneアプリ開発しちゃえ」と思って本屋に駆け込んだのですが、やはり先々を見越して「やっぱり今のうちにAndroid勉強しとくか」ということに。

そしてAmazonで評価の高かったのがこの本、という訳です。

ちょっと個人的には「サンプルを作り上げていきましょう」的な流れでコードがずらーっと掲載されているスタイルは好きではないのですが、センサー周りの事なども記載されているので有用かと思います。
順次読み解いていこうと思ってます。

が、手元に実機が無いのが痛い。。。
docomoは先日発売が開始されたそうですが…auユーザーの自分としては、早くソニーのAndroid携帯がリリースされるのを待つのみです。（というかAndroid携帯もパケ放題必須だよな…やべぇ。iPhone早まった…orz）

産休に入って、いろいろと挑戦してみたい嫁がパン作りを勉強してみたい、ということでうちの母親が教えに来てくれました。
（その横で自分は親父と仕事の事とかで「役員会議（株主集会？）」を開いてたんですがｗ）

母親のパン作り歴はすでに10年（もっと？）以上になるし、怪しげで扱いの難しい酵母を駆使してパンを作ったりしてるので、一般的な酵母を使った手ごねパンなどお茶の子さいさい。その小難しい方のパンは、広島や岡山の健康食品の店などで売られているそうです。どんだけ。確かに美味いんですけどね。もう売られてる食パンが食えなくなる程に。

今回は強力粉とバターとイーストを使った簡単にできるレシピでした。

嫁の手つきはまだまだ。。。

文字や絵のレシピでは伝わらない状態の判断や、状況に基づく対応の仕方、ちょっとした小技など、さすが経験値の高い人が教える内容は実践的で面白い感じです（横で盗み聞いてたアレですが…）
国産の小麦だとグルテンが少なくて焼き上がりがどうとか、こね終わりを見極める方法だとか…

で、今日初めて知ったのですが、うちにあるコンベクションオーブンは発酵モードがあるらしく…睡眠時間を削ってフォカッチャの発酵を待ってた自分は一体…

ちょっと皮が固い感じですが、イイ感じに焼き上がりましたよ。
ま、そんなこんなで、ウチはしばらくパンを買わなくても済みそうですなｗ

お客さんの所に行って話をすると必ず出てくる言葉。

「SEO対策はしていただけますか？」

答える時は

「サイトの中でやれることはやりますよ」

うちはテーブルでのレイアウトはお断りしていて、基本的にXHTML1.0 Strictで組むし、文書の再構造化も行い適切なマークアップをするようにしているので、デフォルトで検索エンジンのロボットに親和なサイトになっている（と思ってる）。

「Web標準」という言葉が持て囃され、同時にSEOという言葉が一人歩きし始めた頃、SEO対策といえばテーブルレイアウトの構造を(X)HTMLとCSSで組み直すことと同意で、制作会社の口車に乗せられサイトを更新した経験のあるクライアントは多いことだろう。ま、それはそれで全然悪くない。当時は凄いことのように言われてたことが、今や業界では当然の事になってるし対応できない制作は白い目で見られる（実際にまだ存在するし！）。
自分の言う「サイトの中でやれることはやりますよ」というのは、言うなれば「最初からSEOされたページを作ってますよ」程度なのだ。
言葉的には間違ってない（と思ってる）。「Search Engine Optimization」なのだから（もちろん、最近のSEOに有効とされてるページ構成は取り入れますが）。

じゃ、これで検索サイトの上位にバンバン表示されるようになるんですね？というのがクライアントの考え。

いやいや。

「どんなキーワードで検索に引っかかりたいですか？」と質問してみる。

「○○、××、格安」

格安って言葉、サイトの中に1回も出てきませんよ？サイトの中に検索で当たって欲しい言葉が出てきてないのに、検索上位に出てくる事なんて無理っぽくないですか？さらに「○○」なんて競合他社も狙ってるキーワードですよね？大変ですよ？

（ここで暗躍するのが、衛星みたいなサイトを作りまくって被リンク数を稼ぎ、ページランクを上げて対応するSEO屋。が今回はその話パス）

ここから大事になってくるのが「SEM（Search Engine Marketing）」。
検索エンジンを考えたマーケティング。というかコレが一番大事。

• ターゲット層に対するキーワードの策定
• 1つのキーワードに対して、一緒に検索されるキーワードは何か？
• 組み合わせのキーワードがサイトに対して有益な物はどれか？

そのキーワードを含めた上で、サイト内の文章をライティングしていくことが必要となる。カタログに載っている文章では難しいことも多いので、検索エンジンに対応した文章にリライトしないといけない場合も（実際、それが出来るライターは人気です）。
その出来上がった文章に適切なマークアップを施すことで、検索エンジンにも親和で、見に来たユーザーも見やすいページ作り。
必要であればランディングページ（検索サイトから飛んで来やすいページ）の提案もあるし、さらには別サイトとしての独立、なんて提案も出来るかも。

そういった施策、対応を行っていって初めて検索結果の上位に表示されるようになってくるんです。

さ、これで検索上位に表示されるようになりました。

ところがどっこい。

すでに競合が多いキーワードだと、既に上位に来ているサイトを押さえ込んで自分のサイトを持ってくることは大変です。資本があってサイトにお金を掛けられるところには太刀打ちできないですよね？やはり現在上位に来ているということは実績がある故ですから。

ここまでの話は、一般的にSEO・SEM対策として実施される基本的な内容です。

そこで一旦話を戻して考えて欲しいのが、キーワードの選定や文章を考える時に、地域だったり自身の強みをもっと前面に押し出してみる、ということ。
「美容院」で検索されて上位に来なくても「摂津富田 美容院」で上位に来ることの方が、実際にお客さんとして来店してくれそうな人に対しては重要ですよね？「彦根 動物病院」より「彦根 動物 急患」で上位に来る方が、お客さんにとって（も）有益ですよね？

• 実際のお客さんになってくれる層・地域などに絞って考える
• 検索で表示されて、見に来たお客さんが有益だと思える内容にする

この点をしっかり考えた上で、キーワードの選定やライティングを行っていくことで、大手やポータルサイトが奪い合う検索キーワードから離れ、実際のお客さん候補を的確に誘導して有益なサイトとしていく種があるのだと考えています（これも基本と言えば基本なのですが…）。

どうです？海のものとも山のものともつかぬ「SEO」という言葉も、結局は当然当たり前の事を考えて作っていくことに過ぎないんです。何かについて知りたいと検索したターゲットとなるユーザーをしっかり捕まえ、実際に閲覧された時に「このサイトは自分にとって有益だ」と思わせること。そこで初めて広告であるサイトからお客さんが獲得できた、ということに繋がっていくのだと思います。

もちろん自分はWeb業界の人間なので、クライアントの業界については全くのシロウトです。なので自分一人ではサイトを作ることが出来ません。教えていただかないといけないことも数多くあります。クライアント側と制作側が一緒に1つのサイトを作っているんだ、という気持ちを共有出来れば、もっともっと良いサイトが作れると思います（なんだか最後は精神論的な話になっちゃいましたね。。。）。

その他、検索上位に来やすくなるように、という点も含めて提案している「ブログシステムを統合したサイト作り」という話もありますが、それはまた次の機会に。。。

今回のバジルは虫の食害も無く、アブラムシも毎朝チェックしているのもあってグングン成長してくれてます。

ある程度育ってくると、上に伸びようとする茎を切って横に伸びる“脇芽”と呼ばれる枝を伸ばしていく事で全体の収穫量を上げるそうです（摘心というらしい）。
ということで今日、育ってる株から摘んであげました。摘んだ方にも葉はある程度残ってるので、それを使って今日はパスタにしてみましたよ。所謂ジェノベーゼ、というやつですな。
松の実なんぞないので“なんちゃって”ジェノベーゼですが、めっちゃ好きなんです。このパスタ。

バジルの葉っぱをミキサーでEXオリーブオイルと一緒に回して細かくしてソースに。ニンニクのみじん切りを弱火で香りを立たせて、今回はイカをメインに火を通し、湯むきしたトマトの角切りを加え、ジェノバソースとパスタのゆで汁を加えて、ちょっと早めにあげたパスタを加え最終的な調味とパスタの固さ調整。最後にEXオリーブオイルを掛けて馴染ませれば完成～

ちょっとジェノバ少なめだったのですが、味は満足～満腹～

そして写真撮るの忘れてた…orz

今度、モッツァレラ買ってきてカプレーゼでも使用かと思ってます♪

プランター菜園は楽しいよ！
枝豆の房もグングン大きくなってます！夏のビールには間に合いそうだ！