今やっている案件（私の力が足らずに、炎上している案件でクライアントにはほんと申し訳ないです、、）で、BuddyPressを使っています。知る人ぞ知るソフトで、WordPressの関連プロジェクトで、WordPressのプラグインの1つで、このBuddyPressを導入すればコミュニティサイトを構築できるというものです。

BuddyPress

で、このBuddyPressがくせ者で、完全なソフトウェアではないため、色々なバグや問題を抱えているのですが、ずっと解決しない問題があって、それが解決しました。

グループ名に日本語を使うとグループページがBadRequestになるという問題でした。
例えば「シンプルシングスの楽しい小部屋」という名前だとグループが作れなかったりしました。で、色々と調べて行くうちに分かったことが、データベースの構造の問題みたいでした。

グループの構造が以下の通りです。

id bigint(20)
creator_id bigint(20)
name varchar(100)
slug varchar(100)
description longtext
status varchar(10)
enable_forum tinyint(1)
date_created datetime

で、グループ名はname(varchar(100))に入ります。これは、半角100文字、全角50文字入るのですが、WordPressを使っている人にはご存知のスラッグ(slug)がフィールド名であります。ここにURLで使う文字列が入りますが、このslug(varchar(100))がくせ者です。

名前と同じだけの文字数しか入らないということで、ここがエンコードされてはいるため、全角文字は50文字あっても50文字そのままはいる訳ではないのです。
で、このBuddyPressはエンコードがかなり長くて1文字が9文字に変換されます。なので、半角100文字はいるということは、理論的には11文字(100÷9=11(余り1))というわけで。11文字以上ははいらないわけです（当然半角込みだと、変わってきます)

ということで、slugの長さをvarcharの最大（だったはず）の255文字に変換したら無事に11文字以上のグループ名がはいるようになりました。でも、理論値としては28文字しかはいらないんですよね。

BuddyPressという、完成していないソフトウェアを使うということで、リスクがあるというのはわかっていました。ただ、それがこういう大きな問題が起きるとは思っていなかったので、オープンソースを使う際には気をつけないとなと感じました。

ちょっと、今HTML5関連について色々と調べています。
で、色々な立場の人が入り交じって発言しているから、色々と誤解というか過剰な期待をしている人とか居る気がします。

ひとまず、自分とか会社の人向けに、ちょっと整理のためのメモ的エントリーです。

HTML書く仕事の人
まだまだ、ブラウザのサポートやIE6の存在で実際の現場で使う事が少ないためか、具体的にマークアップしたことがあるという人が少ないみたい。これは、セミナーでHTML5について話をされた方からの話をきいたり色々見てて感じた所。

対Flash
HTML5はFlashの完全な代替えにはなりません。
リッチな動きをしたりするのはJSの制御が必要で、そういった人たちの人口が圧倒的に少ない気がします。
ただ、Ajaxがいっきに広まったり、制作者もどんどん業界に入ってくる事をかんがえると、ある程度の頃でドバっと増えるかも。
でも、アニメーションとかは厳しいと思う。(CSS3だけど）やっぱFlashか動画にしちゃってVideoで見せちゃうのが良いと思います。

iPhone、iPadにFlashが乗らなくてよいと思われてる件について
HTML5に過剰な期待はしない方が良いと思います。そう思います。すごいんですけどね。

ePubについて
縦書きできるといいっすね。僕は要らないと思いました。

そんなカンジで、HTML5、Dreamweaverにもエクステンションで乗るみたいですし、これで心置きなく書けそうですね。

ちなみに、このアンパンマンをWebkit系(Safari,Chrome)でみると面白いです。ちなみに、アンパンマンの顔も投げるディレイもCSS3で制御されています。

ITキヲスクのエントリーで知ったのですが、

WebTecNote – [wp] Wordpressテーマのfunctions.phpに仕込まれるワームについて

配布されたテーマをアクティブにしたことがありますか？もしあるなら既に悪意あるコードが仕込まれているかもしれませんよ。

比較的、WordPressを使ってのサイト構築が多い弊社としては、ちょっとスルーできない話だったりします。

Wordpressの良い所は豊富なテーマ、プラグインなわけです。プラグインに関しては、管理画面からのインストールするものについては一応、チェックは入ってるのかそんなかんじっぽいのですが、テーマに関しては自分のサイトで公開できたりもするので、そこに悪意があって何かを入れたり、誤って入ってしまったりというのは十分ありえると思います。

WordPressは、色々とセキュリティ上、問題がある所も少なからずあるという話も聞いたり、見たりもしているので。そこはちゃんと確認しながらやっていかないとダメですね。

弊社としてはメディア企業と言ってるわけで、企画力にあわせてこうしたセキュリティも意識した技術力も必要でその両輪が回ってこそのメディア企業なのかなと思いました。

個人的には、WordPressGodである(僕にとって)@oogatta氏の意見も伺いたい所です。

ひさびさに制作ネタ。

今、Shadobox.jsというlightboxみたいなライブラリを使って制作している案件があるのですが、YouTubeの映像を貼付けるとなった際に、YouTubeのプレイヤーを貼付けたHTMLを用意しないと出来ないと思って悩んでTwitterでつぶやいたら、森ボーイことforestkさんに、プレイヤーだけ表示できるURLがあるのを教えてもらったので、試したらいけました。

調べたら、百式の田口さんがIDEA*IDEAでもYouTubeがURLを細工したら色々できることを紹介してたので、これは便利だと。

Shadowbox.js最高！いや、YouTube最高！！

Shadowbox.js Media Viewer
YouTubeのURLを細工して使える小技をざくざくまとめてみた – IDEA*IDEA ～ 百式管理人のライフハックブログ

昔、お客さんの所に、ウェブサイトを構築しますという営業が飛んできて、それで良い事を吹き込まれて、300万ぐらいの契約で5年リース、そして１ヶ月5万ほど払うという契約をしたことがありました。ちなみに、その300万ってのが、超ボロいPCが送られてきて、それとその中にインストールしている専用ソフトウェアに対しての金額らしいです。

で、良い事、ってのは「売り上げがアップします」とか「検索エンジンで上位とれます」とか吹いてたみたいで。結局、結果は出ませんでした。
その後、文句を言うと「うちはちゃんとやってます、御社のビジネスが間違ってるんじゃないですか？」とか言ってきたらしいです。

そこは、■■■■■（自主規制）というところなんですが、それはそれとして、お客さんが怒って契約解除を言ってもしてもらえなくて、結局お金を払って契約解除したらしいです。総額300万はいってないにしろ、結果が出ないものに対してお金を払ったというのは大損です。

で、そういう話を前にしてたら、知り合いの税理士さんの知り合いも同様な手口にひっかかったらしいです。そこは、■■■■■■（自主規制）って名前だったんですがもう名前は変わってます。
で、当然もう泣き寝入りしてた所、別の会社から営業が来たらしいです。

「お困りでしたら、うちがなんとかしますよ。そのかわり200万で5年リースです」

そこが、同じような所かわかりませんが、■■■■■■（名前変わった所）と取引があって不満があった所に営業をしているようです。
しかし、どう聞いてもやり方が同じに見えるんですが。。

その税理士さんにどうしたらいいと思います？と聞かれたところ「一緒だと思いますよ、辞めたほうが良いです」とお伝えしました。
なんで、こういうウソくさい所が多いのか、本当に同業としては悲しいです。

当然、月に5万という金額で、制作会社がどれだけのことをできるかというのは、制作会社をやってる人にはわかると思います。
フリーランスの人でも、結構何が出来るんだろうって思います。

当然、業種によってウェブサイトで受注というのが難しい所もありますが、見込客は作る事はできます。士業に関してはそう思います。

ちなみに、前半の話分からない方は、こちら見てもらったらわかります。

現在、ハブメディアの企画書を作成していますが、その先々でフォーラムを作りたいと思っています。
掲示板でも良いんですが。

で、フォーラムのオープンソースが案外見つかりにくいです。。。

で、何個か見つけたのでリストしておきます。

bbPress

WordPressをベースとしたオープンソース。
インストールも簡単です。5分もかかりません。海外のSmashing Magazineのフォーラムでも使われています。

bbPress
http://bbpress.org/

XOOPS

フォーラムといえば、思い出します。XOOPS。
老舗な感じです。

XOOPS Cube
http://xoopscube.jp/

Joomla

これも最近名前をよく聞きます。
むかし、カスタマイズしてテンプレート等が複雑だった気がして挫折しました。

Joomla
http://joomla.jp/

先日、Caffè CORSAのデザインをやってくれたウープスデザインの石嶋さんと話している時に、「かわいい」というテイストのデザインが難しいという話を聞きました。

これは、男性で体験したことがあるかもしれないのですが、テレビで出てる人が来てる服とか、ファッション雑誌をみて「かわいいー、超かわいいー」って言ってるのを見たら、どこが！？まじで！？と思った時はありませんか？あれ、ありませんか？私はあります。

そういった、かわいいというテイストに関しては、デザインの分野でもあまり体系化されてないという話のようです。（かわいいというのは、いわゆる動物の赤ちゃんがかわいいとか、篠田麻里子がかわいいとか、そういうかわいいでは無いようです）

昔、友人が仕事でプリクラのフレームのデザインをしてる時に、ハートのデザインが上から全然かわいくないということで、かなりダメ出しをくらったことがあるということを聞いた事があります。

市場としては結構、需要がありそうです。気になります。
ちなみに、カワイイとは何ぞやというのは、NHKでやってる東京カワイイ★TVにヒントがありそうです。

東京カワイイ★TV

誰に書いてるわけでも無いのですが、よく初心者にある感じなのですが、WordPressをインストールする際に、デイレクトリ名を「wordpress」とかで作っちゃって、http://www.hogehoge.com/wordpress/とかで運営している人って居ると思うんです。居ないかもしれないですが、居ると思うんです。居る前提で書きます。

このURLだと、いわゆるwordpressで作ってますってアピールが強すぎたり、いや別にそれは良いのかもしれませんが、でもあんまりURLの見栄えが悪いわけです。http://www.hogehoge.com/でアクセスできたほうが良いと思うんです、URL打つのらくだし。（ブックマークしてるから、URL打たないよってのもわかるんですが、それはそれとして）

例えば、名刺にブログのURLの載せる際に「http://www.hogehoge.com/wordpress/」だと冗長な気がします。いや、「私はbit.lyとか使ってるんで、転送させてるんで大丈夫です」とかって人も居るかもしれませんが、居ないかもしれませんね。

で、冗長な前置きは置いておいて、ひとまず、そういうURLを変更したいって人ですが、基本的にはWordPressファイルを動かすしかありませんが、その後のケアとしてhtaccessで転送させることが大切だったりします。以下のコードでhttp://www.hogehoge.com/wordpress/に置いたら良いと思います。

RedirectMatch * http://www.hogehoge.com/

こんな感じでやると、ブログのトップに移動しちゃうんですが。単純にRedirectだけ使うのもありなんですが、詳しく知りたかったら聞いてください（主に社内向け）

でも、色々なブログ読んでてディレクトリ名をwordpressからdiaryとかblogって変えるだけも良いのかもしれませんね（その際は、管理画面の設定の変更もお忘れなく）

先日、社長にHTML5はどうか？ということを聞かれて色々と話したのですが、特に社内向けにHTML5って何？それって食べれるんですか？儲かるんですか？って話を、お盆休みなので、お盆休みのノリで書いていきたいと思います。（毎日書く予定ですが、たぶん書かないと思います）

そもそもHTML5って？

HTML5は、元々XHTMLとか諸々策定しているW3Cという団体ではなく、WHAT WGという団体が策定を進めてましたが、色々とありましてW3Cがやることになりました。なんとなく、プロレス団体のノリです。嘘です。

で、XHTMLも先日、今後は凍結的な話となったので、今後はXHTML2.0ではなくHTML5となりました。(といっても、XHTMLが無くなったこれからは、HTMLだって話ではありません）

HTML5ができること

Google先生とか諸々な先生方がHTML5の話をしているせいで、なんか凄いことになってますが、凄い事もできますが、案外普通だったりします。

これは、Ajaxとかあとローカルストレージとかあるから、なんか近未来的な21世紀的なイメージをしてる人も居ますが、当然まだ近未来な感じもあります（ブラウザが対応してないなどの件で）

ひとまず、今HTML5で出来てるものを見てもらったほうが早い気がします。

HTML5 Gallery

この中でも紹介されている、僕もすげぇ、すごいっすと思ったのを１つピックアップしておきます。

HTML5 Canvas and Audio Experiment:  9elements.com

明日は、この凄いのとかcanvasとかの話を書こうかなって思います。

先日、ワイヤフレームコミュニケーション研究会に参加してきました。

ワイヤフレームとは、ウェブサイトのページ構成図みたいなもので、会社によってはIA(Information Architecture)が作ったりディレクターが作ったり会社にとって位置づけがバラバラだったりします。
また、この会の発端になった、デザイナーさんがこのワイヤフレームにデザインをひっぱられるのをどう解決するか？という所に興味があって参加しました。

細かい感想は、プライベートブログに書きましたが、今回は後日談的なものを書きたいと思います。

昨日、一緒に参加していてCyberAgent時代の先輩であるexdesignの早川さんと会ってたのですが、HTMLで作ったワイヤーとか作れたら良いですねという話をしてました。

会でも話に出たのですが、ワイヤフレームを対クライアントとコミュニケーションを取る際に紙ベースでのワイヤフレームが最前なのか？という話もあったり、そこで最終的に動くブラウザで観れるワイヤーフレームでクライアントとコミュニケーションするのはどうなのだろうか？というのは、もしかしたら一つの解になるのかもしれません。

これに関して、IA,Directorが(X)HTML+CSSのコーディングを行うのが最適なのかはわかりませんが、今の社内ではウェブを作る上で画面構成を考える立場であり、コーディングもできるので、今後少し試してみたいなと思います。