職種：
WEBデザイナー、HTMLコーダー、プログラマー（LAMP）、SEO全般

中でも高品質のWEBデザインを制作していただけるWEBデザイナーを急募いたします。
※高品質とは各業種大手サイトのようにレイアウトが精緻で、写真・イラストの加工が丁寧に配置されていることを言います。

ご興味お持ちの方がおられましたら是非こちらからお問い合わせください。

宜しくお願いいたします。

今後ともよろしくお願いいたします。

http://lhas.jp/now-construction/

今後ともよろしくお願いいたします。

http://lhas.jp/now-construction/

（2010年1月21日現在）　お客様のサイトには経験・ノウハウをすべてつぎ込ませて頂きます。今後とも宜しくお願いいたします。

2010年5月2日追記：
月間検索回数などから見て「ウェブ制作　大阪」に最適化する形に変更しました。
Yahoo!JAPANで「ウェブ制作　大阪」を検索

今後ともよろしくお願いいたします。

http://lhas.jp/now-construction/

今年は充実するいい年になるんじゃないかなという予感があります。勿論気持ちだけじゃなく、行動を伴って精進してまいります。今後とも宜しくお願いいたします。

今後ともよろしくお願いいたします。

http://lhas.jp/now-construction/

2008、2007ぐらいから結果を追っていたのですが、ようやくという印象です。今年はplugin、themeの全世界的な開発がどんどん進んだ躍進の年となった点が評価されたのだと思います。 まだMovableTypeが隆盛を誇っていたころにはWordpressの説明を一からしないといけなかったのですが、最近は安定感のあるCMSとしてすんなりとWordpressの導入が決まることが多く、仕事がやりやすくなっています。おめでとうございます。マットさん！

以下、各賞の概要です。各賞の日本語名称はおそらく正しい言葉があるのでしょうが、勝手に田中がつけたものです。あしからず。＄0,000は開発コミュニティに贈られる賞金です。

総合部門 Overall Best Open Source CMS Award
WordPress: $4,000
MODx: $2,000
SilverStripe: $2,000

殿堂入りで賞　inaugural Hall of Fame Award
Drupal: $4,000
Joomla!: $2,000

将来楽しみで賞　Most Promising Open Source CMS Category
ImpressCMS: $2,000
Pixie: $1,000
Pligg: $1,000

PHPで作られたCMSで賞　Best Open Source PHP CMS Category
Drupal: $2,000
WordPress: $500
Joomla!: $500

PHP以外で作られたCMSで賞　Best Other Open Source CMS Category
Plone: $2,000
dotCMS: $500
mojoPortal: $500

以上です。 個人的には商用CMSも入れた全体でベストが知りたいですが、、さすがに難しそうです。

米ホワイトハウスのサイトが外側はそのままに、内側が一からオープンソースのソフトウェアを使って再構築されたとのこと。既存のサイトよりよりセキュアにすることを求められて合理的に選ばれたものがオープンソースのRed Hat Linux、Apache、MySQL、CMSとしてDrupal。オープンソースには感謝しきれないほどなので嬉しいニュースです。

CMSに用いられたDrupal。NASAのサイトに用いられていることでも有名です。ただ個人的にはWordpressで同等の機能が実現できると考えていますので、次にもしコミュニティサイトの案件を担当したら技術的な検証をしたいなと。

原文
http://radar.oreilly.com/2009/10/whitehouse-switch-drupal-opensource.html

「通常であれば政府のサイトは大手IT開発会社をはじめ多くの企業が携わり、パズルのピースのように組み合わさってできるものだが、今回のシステム再構築にあたっては5社が関わったのみ」
Third, a big IT deployment like this requires coordination between many companies, each providing a piece of the puzzle. According to techpresident.com, no fewer than five firms were involved in the switch: prime contractor General Dynamics Information Systems, Drupal specialists Phase 2 and Acquia, hosting provider Terremark, and CDN-supplier Akamai. (Disclosure: O’Reilly AlphaTech Ventures is an investor in Acquia.)

という点も重要です。まさに最少人数で最大の効果。大規模にスクラッチで構築するよりも、圧倒的に小さなコストでよりよい成果を実現できる可能性を見せてくれた事例でした。

なんでかなー　どうしてだろなー　(稲川淳二風)とコードを見ていたら、MySQLのレコードに無理がありました。

MySQLでtwitteｒの投稿本文を保存しているtw_textレコードはデフォルトでvarchar(255)なのです。これでは英字だけであれば問題ないですが、日本語のように2バイト使用する文字の場合、最大で140文字の二倍かかるわけで280文字分のスペースがないと保存しきれず、途中で文章が切れてしまっていました。

なので、varcharをtext型のカラムにして文字数の指定をなしにすれば、OKです。

phpMyadminの画面

http://drakedirect.blogspot.com/2009/10/draft-facebook-article.html

アメリカ全土のページビューの25％はFacebookが占めるようになった。Googleは8%に過ぎない。というものです。

こんなニュースもあります。
明日のWebを支配するのはTwitterとFacebookだ, Googleではないという説
http://jp.techcrunch.com/archives/20091022sean-parker-twitterfacebook-will-soon-dominate-the-web-not-google/

google大好きな人間としては今後どうなるかちょっと注意しておく時期に来ているのかなと思います。「検索」が過去のものになり、もっとよい情報収集方法が出てくるのでしょうか。

さてFacebookに登録してみた雑感をすこし。Ajaxばりばりのかっこいいインターフェイス、でも嫌味がすくない（ないわけではない）整った知的なサイトという印象です。開発者としてはFacebookのアプリケーションなんかが興味あるわけですが、まだ先ですね。。。　あと驚いたのは、動画のアップロードがwebカメラなどを通してその場で撮影できるという点。動画を用意する必要がないわけです。すばらしいです。

今後ともよろしくお願いいたします。

こちらのサイトのスクリプトを使わせていただきました。
http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/

getTwitters('tweet', { 
  id: 'twitterID', 
  count: 1, 
  enableLinks: true, 
  ignoreReplies: true, 
  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});

id　・・・ツイッターID
count　・・・件数
enableLinks　・・・リンクを有効
ignoreReplies　・・・＠指定のメッセージ（ダイレクトメッセージ）指定。trueでダイレクトメッセージを省きます。
template　・・・%text%の部分にコンテンツ、%time%に投稿時間が入ります。

これら以外にもオプション指定があります。詳しくは参照URLをご覧ください。

サイト内の挿入したいところに以下のタグを入れます。(getTwittersの引数の一つ目をIDに指定)

<div id="tweet"></div>

アクセスの度に最新投稿を読み込みます。

http://www.seo-research.jp/research/research_20090923.html

上記URLから抜粋：
9月14日、約4ヶ月ぶりにYahoo!のアルゴリズムが更新されました。 アルゴリズム更新前（5月調査）のデータから53.7%ものサイトが100位圏外へ。9月に入ってからのYahoo!検索はインデックスアップデート、アルゴリズム更新による順位変動が激しく、頭を抱えたWEBマスターも多かったのではないでしょうか。

9月の中旬くらいからなぜかアクセスが激減している自分のサイトがあってどうしたものか？と思案していたところです。まぁ実験サイトなのでいいのですが。（と強がってみる）

個人的な状況から考えると「ドメイン年齢の評価が復活」が納得いっています。確かにそうなっている。若いドメインでも上位表示されていたのが、なかなかそうはいかなくなったようです。

追記：
ドメインといえばここの運営者の藤田さん。自社で6000ドメインを運営して、その実体験に基づいた考察は勉強になります。メルマガおすすめです。何度かやり取りをしていますが真摯に取り組まれている印象。（特に利害関係はありません。（＾＾）

さくっと公開してみます。テスト登録・書き込み歓迎です。（テストサイトとしての公開なので突然サイト停止などありえます。ご了承ください。）

http://murmur.lhas.jp/

murmurとはつぶやき声という意味です。英発音はマーマー。【mə’ːrmər】

まだベータ版のオープンソースプロジェクトではありますが、素晴らしい出来だと思います。本家Twitter統合機能、テーマ機能（ただしテーマはCSS、イメージのみでHTMLを編集はできない。編集する場合はPHPで記述）、プラグイン機能など拡張性を考慮したつくりになっています。ソースもシンプルでわかりやすい。

日本語はまだ完全ではないのでこれをサービスなどに使うのであればまずは翻訳が必要になりそうです。

きちんと作りこめば

1. 招待制のツィッター
2. 職場のツィッター（やっては駄目な気がするｗ）
3. オリジナルデザインのツィッター
4. 地域、テーマを限定したミニブログサービス

などのニーズに対応できそう。

これからちょっと触っていきたいと思います。

虎穴に入らずんば虎子を得ず。とりあえずこのサイトのヘッダーに自分のアカウントのTwitter最新つぶやきを表示するようにしてみました。（荒療治）（＾＾

あ　ただ「つぶやき非公開」にしているので内容見れないかもです。Twitterの設定で

つぶやきを非公開にする
つぶやきを非公開に設定すると、あなたのつぶやきを友だちだけに見せることができます。また、あなたのつぶやきが「公開つぶやき」に表示されることもありません。

とありますが「友だち」ってどういうユーザーを言うのかわかってなかったりします。フォローしてくれてる人には閲覧できるのかな？わからないなりに習うより慣れろで投稿してみようと思います。

コーディングしているときに「画面中央に配置 or 真ん中寄せ」というのはよくある話ですが、真ん中ではなく真ん中よりちょっと左の位置にしたい時にどうするか。

例としてこういうデザインのサイト。よくあるレイアウトです。

ただしこういう条件がつく。画面上部全体がFlashなわけです。上半分がFlash、そこから下がHTML。

よくある真ん中寄せ指定のmargin:0 auto; にするとど真ん中にきてしまう！
Flashとずれてしまう！

メイン部分と右メニュー部分を別のブロックとして用意し、左右に配置するという手がまず浮かびます。だけど右メニューは空のブロックを置いてしまう。コーディング上美しくない・・・

なので以下のように書きます。

【１】画面横幅の半分の値にブロック全体を移動させる。（画面の中心線を確定。）
【２】ブロック全体の横幅の半分のサイズをマイナスのマージン指定
という風にするとすっきりといきます。

.block{
position:absolute;
top:600px;
left:50%; ・・・【１】
width:500px;
margin-left:-350px; ・・・【２】　//ブロック全体の横幅50%
}

ただし。この方法でコーディングした場合、【１】のleft:50%が曲者です。left:50%は画面（ウインドウサイズ）の横幅全体の50％な訳ですが、では、横幅1024pxのPCと1025pxのPCとではどうなるか？

1024÷2=517px

1025÷2=517.5px

ブラウザ内部でこの計算結果を処理して画面のレンダリングに反映します。この計算結果が割り切れる場合、割り切れない場合の小数点以下の扱い方がブラウザによって異なるようです。少なくとも、Firefox2とFirefox3.5.3(現時点での最新版)では結果が異なりました。

結果として517pxと解釈するブラウザと四捨五入して518pxとして解釈するブラウザがあり、1pxのずれが起こります。
画面サイズ、ブラウザによって変わってくるわけです。例の場合、上のFlash部分と下のHTMLは画像が背景指定してあるため、継ぎ目なくつながらなくてはなりません。1pxのずれは許されないのです。

ではこのブラウザ間の違いをどうやって吸収するかですが、CSSのハック(ブラウザの処理の違い・バグを利用して、ブラウザごとの結果を最適化していくこと)が考えられます。ですがCSSハックは極力控えるべきであり、今回のような場合、経験上CSSハックでも対応できるのか？という懸念があります。なのでうまくいった方法としてjavascriptによる対応策を次回に書きます。

【次回につづく。】

追記：

ということは、横幅が割り切れない値の場合、%指定など計算させる書き方はしない方が無難。
うーん。わかる人にはわかってくれるかも記事だなぁ・・　まぁ備忘録ということで。

皆様どうぞごひいきに！

メンズアパレル通販サイト QUOLITA(クオリタ) http://quolita.com/

いつものとおりぶらぶらと書棚を見ているとネットレイティングス・データクロニクル2008を発見。ニールセン/ ネットレイティングス社はテレビ業界で言えばビデオリサーチ、音楽業界で言えばオリコンのような、インターネット業界の視聴率を測定しレポートを販売する会社です。でも出版されるデータはさすがに企業向けで値段が高いので買えないのです。　（無料レポートやメルマガはありますので登録オススメです）

図書館に行った本来の目的も忘れて読みふけってしまいました。

そんな中ひとつ気になるデータが。といってもネット全体の基本的なことなので、いまごろ知ったのかよ感もありますが。

2008年3月(この本の最新月)におけるインターネット利用者の年齢別人数(家庭)　（抜粋）

全体：48,638,000人
20代：4,955,000人
30代：10,659,000人
40代：12,064,000人
50代：6,538,000人
60代：4,587,000人

人数からは４０代が最も人数が多く、６０代以上の方も２０代に負けないほどいらっしゃることがわかりました。

インターネットが世間一般に浸透したことと日本の人口統計を考えれば納得です。
インターネットは若年層(10～30代)のユーザーがメインと漠然と思っていたのですが、それは自分の周りだけをみていたことがわかります。自分の年代だけ(30歳)、自分の近いところだけを見ているようでは駄目だなと思いました。

ネットレイティング社の資料は「昨年対比●％増！」とかの見出しが躍るようなデータ集ではなく、淡々と調査に基づいた資料で好感が持てます。企画担当の方、マーケティング担当の方には実践的有用なデータばかりだと思います。

目に見えて動作が軽くなり、気持ちまで軽くなりました。「よい仕事はよい道具から」なので定期的なPCのメンテナンスはオススメです。

以下、色々と試して見た中で現在の最適解です。すべて無料ソフトですが商用ソフトも試してみて選んだソフトたち。よかったらどうぞです。

●デフラグ・・・Smart Defrag
PCがアイドル状態になったときに自動的にデフラグをすすめてくれる賢いソフト。デフラグもしっかり効果を実感をできる精度です。

●不要ファイル削除・レジストリ掃除・・・CC Cleaner
かなり細かく不要ファイルを選んで削除できます。例えばブラウザごとに、キャッシュは消すけどブラウザに保存しているパスワードは削除しないとか。レジストリの掃除も助かります。PCをスキャンするときにレジストリのバックアップもしてくれます。

●ウィルス対策ソフト・・・Avira AntiVir
広告が定期的に表示されますが、動きは軽く、検出率もよいそうです。

ついでにPCの液晶、キーボード、デスクまわりも掃除してさらにすっきりしました。

最近映画のearthやホワイトプラネットをみる機会があり、大分へこんだことを思い、自分でできることはまずしていこうと。このサイトにアクセスしてくれた人がチームマイナス6％のバナーを見てわずかでも環境に意識を持ってもらえたらと思います。

と言っても自分が何をしてるかというと日々の心がけくらいなのですが。まずはＲＵＰＩＳＵの環境志向のページから学んで実践しようと思います。

オーバーチュア初めての方向けのセミナーなので内容の期待はせずに、でも無料だしセミナーなんてあんまり行かないしで興味本位で自転車で梅田へ。

会場に着くと結構大勢の聴衆が既に座っていて関心の高さが伺えました。セミナー内容はオーバーチュアの会社説明から始まりサービス紹介、広告出稿・表示の基本的な仕組み、成功事例について丁寧に説明をしてくれて、アカウントの開設をお願いします！って感じでした。

ただ個人的な興味はマイクロソフトとyahoo!の提携によってオーバーチュアのサービス自身がどう変わっていくのかというところでした。せっかくオーバーチュアの中の人が来るんだったら聞いてみたいというのがありまして。セミナーの終わりの質疑応答で聞いてきました。

「yahooだけでなくMS系列のサイトにもオーバーチュアの広告は出る（Live SearchやMSN産経ニュースなど）というお話でしたが、bingにもゆくゆくはオーバーチュアの広告は出るのですか？また提携によってオーバーチュアのサービスは変わる可能性がありますか？」

「公式のアナウンスの内容しか申し上げられないのですが、これからも変わらずオーバーチュアはサービスを提供していきます！（ちょっと困惑気味）」
「yahoo!とマイクロソフトとの提携ですので弊社としてはなんとも言えません。」

えーっと、yahoo（米）とMS（米）との間の提携という前提で、yahoo!とyahoo!JAPANは違う会社だからオーバーチュア日本法人（つながりはyahoo!JAPAN）のこの方はあんまり知らないのかな？

と、その後家に帰ってBingの日本語版で検索してみると日本のオーバーチュアの広告が出てる！もうオーバーチュアとBingの連携はできていたのですね。ちゃんと検索してからものを言えばもうちょっと実のある話ができたなぁとちょっと反省しました。

最近のアクセス解析のアクセス元だと、yahoo,google,Bing　というのが常連になってきていてやっぱりyahooがものすごく強いわけですけど、Bingもアンテナ張っておこうかな（Bingリリースからすぐにある程度のシェアを作った。まぁMSNの検索窓がBingになったからだけだけど。）と思った一日でした。

それは、MovableTypeは静的HTMLページを書き出すのに対して、Wordpressはアクセスに応じて動的にページを生成するので、どうしても表示されるまでにラグがでてしまう。

というものです。日々改善を研究しているわけですが、大変勉強になる記事がありました。指摘している点はサイト制作の基本なんだけどおろそかにしがちなところも多く、基本が大事という話でもあります。

18 Useful Tricks To Speed Up WordPress & Boost Performance　（原文）の見出しのざっくりとした訳を書いておきます。

1. 「ページキャッシュを生成しよう」
   有名な　WP Super Cache というプラグインを使えという話です。アクセスの度に生成しなおすのではなく一旦キャッシュを作りそれへアクセスするようにします。
2. 「画像などの直接リンクをやめさせよう」
   外部サイトからの画像、スクリプトなどへの直接リンクをmod_rewriteの設定で制限してしまおうということ。
3. 「ホスティングサーバーを吟味しよう」
   個人的には大分大きい要素だと思います。安くておすすめはさくらインターネットです。
4. 「長文ページは分割しよう」
   Wordpressには簡単にページを分割できる機能があります。適度な分割はSEOにも効果有り。
5. 「本文を使うのではなく、概要を使おう。1ページの表示記事を制限しよう。」
   記事の一覧表示などで本文をそのまま使うよりも「概要」を表示しようということ。これは検証しないと分からない部分です。後半の表示記事数を制限というのは当然。
6. 「MySQLを最適化しよう」
   コマンドで打ってたりしましたが、最近は便利なプラグインがあるようですね。
7. 「外部サイトのコンテンツ、スクリプトの使用をやめよう」
   iframeなどで直で外部サイトのコンテンツを使ったり、外部サイトのJavascriptのフレームワークを使ったりって、常識的にもよくないことだと思います。同じ運営会社で流用するとかならわかりますが。
8. 「ExpiresActive をONにしてキャッシュの有効期限を指定しよう」
   画像などをブラウザにキャッシュさせる期限を指定する話。
9. 「WP-CSSを使おう」
   使ったことがなかったのですがWP-CSSというプラグインはCSSファイルを解析して圧縮してくれるようです。
10. 「Javascriptファイルを圧縮しよう」
    余計な文章、余計な記述は避けるべき。
11. 「画像サイズを低減しよう」
    このあたりは特に携帯サイトなどは本当にシビアですが、PCでもまだまだ基本的なテクニックとして必要です。重い画像はユーザーの直帰率に影響しやすいです。
12. 「プラグインをチェックして使っていないものは無効化しよう」
    基本ですね。
13. 「DBをキャッシュしよう」
    ページと同様にDBのクエリーもキャッシュしましょう。
14. 「コメントをページ分割しよう」
    人気記事はコメントが300とかついて縦にすごく長くなってたりすることがあります。それを分割しましょうというお話。
15. 「DBを呼ぶ回数を減らそう」
    これは確かにそうです。文字コードの記述なんかをDBから呼び出すのは、技術の無駄使いといったところで、単にテキストで書いておけばいいところはそうした方がDBに問い合わせに行く回数が減らせます。
16. 「MySQLのデータ量を削減しよう」
    Wordpressは記事を自動的に保存、編集の履歴をどんどん取っていってくれるのですが、これがDBのデータ量を増大させる原因にもなります。この履歴機能を切ることもひとつの手です。
17. 「常に最新版のWordpressへのアップデートを行なおう」
    言わずもがなですが、個人的には過去のバージョンであるWordpress2.6.5が一番高速で安定しているように思えます・・・ Firefox２で今使ってるWP2.8.4(最新版)の管理画面を見ると若干崩れてたり・・　勿論セキュリティ対応もあり、安定した最新版を使いますけども。
18. 「ページロードにかかった時間とクエリー数を表示しておこう」
    日々目につくようにしておくと施策の効果測定がわかるようになります。

いかがでしたでしょうか。基本的な事柄からDBのチューンナップまで、できるところはなるべくやっておきたいものですね。参考になれば幸いです。

1.EC-CUBE最新版をダウンロード（現時点では2.4.1）してきて解凍する。できた htmlフォルダとdataフォルダの中身に以下の修正を加える。

/data/class/SC_DbConn.php　の72行目
$this->conn = $objDbConn;
の下に
$this->conn->query(”SET NAMES utf8″);　を追加。

/html/.htaccess と /html/mobile/.htaccess のファイルの中身の有効部分を全てコメントアウトする。（さくらではPHPの設定はhtaccessに書くと500 Internal Server Error になる）

2.サーバーにアップロードして　http://test.com/html/install にアクセスして手順に従ってインストール。

3. 管理サイトにアクセスして商品登録の性別項目などがすこしずつ地味に文字化けしていたら、/data/cache/ フォルダ内のファイルを全て削除。ブラウザのキャッシュを消してもう一度アクセス。

以上で文字化け解消するはず。あとはお好きにいじり倒しましょう！

http://codex.wordpress.org/Customizing_the_Read_More

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
function remove_more_jump_link($link) { 
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');
?>

をテーマファイルのfunctions.phpに書いてアップロードすると リンクからアンカーが取れます。

今後ともよろしくお願いいたします。