地方自治体など公共性の高い団体のサイトがひしめく中で、専門分野情報が多いBtoB向けサイトながら1次審査の技術点では3位につけるなど高い評価をいただきました。

• 第2回だれもが使えるウェブコンクール 受賞サイト
  http://daremoga.jp/ceremony/award.html
• 株式会社アークシステム 様
  http://www.arksystems.co.jp/
• アークウェブのウェブサイト(CMS)構築事例：株式会社アークシステム様 | ARK-Web Blog
  http://www.ark-web.jp/blog/archives/2011/04/case-arksystems.html

東日本大震災の発生を経て、Webアクセシビリティの重要性が再認識されております。
アークウェブでは、今後もウェブ制作会社の使命としてアクセシビリティの高いウェブサイト構築、およびその継続的な運用支援のしくみとしてCMSの導入に、引き続き尽力して参ります。

ぜひお気軽にご相談ください！

「みんなの声で選ぼう　だれもが使えるウェブコンクール」について

ウェブがだれにでもアクセス可能で、生活により恩恵をもたらすものへ発展するきっかけの場となることを目指してスタートしました。

専門家による技術審査にとどまらず、50歳以上のシニア層や障害者による市民モニターによる評価を通じて、ユーザー視点から見た使いやすいウェブサイトを決定する点に大きな特長を持ち、今年第2回目を迎えたコンクールです。

みんなの声で選ぼう 第2回 だれもが使えるウェブコンクール
http://daremoga.jp/

弊社のウェブサイト構築（CMS化）の最新事例を紹介します。
株式会社アークシステム様のサイトです。2011年2月10日にリニューアル公開されました。

株式会社アークシステム
http://www.arksystems.co.jp/

株式会社アークシステム様は、神戸製鋼所とリクルートの共同出資で生まれた企業で、現在はCACグループの一員として、メインフレームからウェブシステムまで、開発や運用管理のソリューションを幅広く提供しています。

(なお、弊社と同じく「アーク...」と付きますが、アークシステム様とアークウェブは、資本関係などはありません。念のため)

以下、今回のウェブサイト構築のポイントです。

画像は、今年の弊社の年賀状です。

冬らしい寒さが続きますが、これをご覧になった方にほんの少し温かい気持ちになっていただきたいという意図をこめてデザインしました。

今年は、自社の強みやリソースをしっかり見直し、これまで以上にお客様や社会に必要とされる企業になれるようがんばっていくつもりです。

本年もよろしくお願いいたします。

ちなみに、

弊社のTwitterアカウントは：@arkweb
弊社のFacebookファンページは：株式会社アークウェブ

です。

WebSig 1日学校
http://1ds.websig247.jp/

グループを大きく「デザイナー」(アートディレクターなども)、「エンジニア」(コーダーなども)、「マネジメント」(マーケター、プランナー、営業なども)に分けて、それぞれ「国語」「算数」「社会」の授業があります。社会は全グループ共通で、なんと講師は橘川幸夫(きつかわゆきお)さんなんですよ。
橘川さんは狭い意味でのウェブの人ではなく、ずっと広い意味でネットワーク、コミュニティ、そして社会の変容について試したり考えたりしてきたすごい人です(ぼくぐらいの表現力ではこうとしか言えません)。「来年どうなる?」という近視眼的な話じゃなく「この先ずっとどうなる?」という長いスパンで考えさせられるような、いいお話を聴けると思います。橘川さんを知らないような若いウェブ屋さんにも、いや知らない人にこぜひ参加して聴いてほしい。

後半には「ワールドカフェ」形式のワークショップや懇親会も。ランチタイムもはさんでたっぷり1日かけてのイベントで、きっと他の参加者の方とも親交が深まるでしょう。

参加申し込みはこちらから！

お申し込み｜WebSig 1日学校
http://1ds.websig247.jp/entry.html

第2回「だれもが使えるウェブコンクール」シンポジウム
「だれもが使える」ウェブから、「だれもが必要とする」ウェブへ」
http://daremoga.jp/symposium20101126.html

「だれコン」は"だれもが使える(アクセシブルな)"ウェブサイトの表彰を通じてアクセシビリティの普及をめざす運動で、弊社も協力しています。ぼく自身は企画、広報、サイト更新、イベントの裏方などさまざまなお手伝いをがんばっています。

今回のポイントは、なんといっても強力なゲスト講演者！

ご自身が全盲であり、日本IBMでスクリーンリーダー「ホームページリーダー」やウェブサイト評価ソフト「aDesigner（エーデザイナー）」の開発に携わり、現在は「Social Accessibility」プロジェクトを推進されている浅川智恵子さん。
ぼく自身とても尊敬している方ですが、昨年NHK「ザ・プロフェッショナル 仕事の流儀」に出演されたときには、Twitterなどでは「こんなすごい人がいるのか」と絶賛されていたのを思い出します。
浅川さんは「アクセシビリティは世界を変える技術へ」という題名で講演をされます。

もう一人は、100万人が使う(！)携帯向けTwitterソフト「モバツイ」を開発する"えふしん"さんこと藤川真一さん(マインドスコープ株式会社)。えふしんさんは昨年もだれコンのイベントに出演していただき、視覚障害者などでも使いやすい「モバツイ シンプルモード」のお話などをしていただきました。
今年は「だれもが使えるモバツイのアクセシビリティ対応、実績と課題」という講演で、Part2といった内容になると思います。

ぼくも運営スタッフとして参加している「だれもが使えるウェブコンクール」の第2回のキックオフセミナーのお知らせです。日付は10月15日(金)です。

「盛り上がるソーシャルメディア、話題の新デバイス アクセシビリティの今とこれから」セミナー
http://daremoga.jp/seminar20101015.html

今年は、8月20日にアクセシビリティのJIS規格「JIS X 8341-3:2010」がいよいよ公開されました。国際規格であるWCAG 2.0をさらに発展させたといえる新JISは、旧JISと比べて特定の実装技術に縛られない規格となっており、またテストの重要性が増すなど、複雑化ウェブに対応したものとなっています。

また巷に目を向けると、iPhoneやAndroid携帯などのスマートフォンの普及が進み、iPadなどをきっかけにタブレットデバイスも次々と登場しそうな勢いがあるなど、ウェブの利用スタイルは一段と多様化しそうです。

これらの潮流を受けて「障害者やシニアのウェブ利用はどうなっていくのか」というのは、ウェブの制作や運用に関わる人には重要なテーマのはず。

このセミナーは、そういった問題意識を背景として開催するものです。

A-Form（通常版およびBamboo）においてクロスサイトスクリプティング(XSS）による脆弱性が確認されました。この問題に対処するため、本日、A-Form の修正バージョンをリリースいたしました。
セキュリティ脆弱性の修正バージョンとなりますので、アップデートを強く推奨いたします。

■確認された問題
A-Form（通常版およびBamboo）の定番パーツの一部において、
適切に入力エスケープがされないため、クロスサイトスクリプティングが発生しうる。

■セキュリティ上の問題により発生しうる脅威
フォームに問題の定番パーツを使用していた場合、
閲覧者のブラウザ上でのスクリプト実行、偽ページの表示（フィッシング）、ウイルスサイトへの誘導などの危険がある。

■対象となる製品
MT5版
・A-Form 通常版 for MT5
・A-Form Banboo for MT5

MT4版
・A-Form 通常版 for MT4
・A-Form Banboo for MT4

■今回提供される修正版のバージョン
MT5版
・A-Form 通常版 for MT5 v2.0.2
・A-Form Banboo for MT5 v2.0.2

MT4版
・A-Form 通常版 v1.3.5
・A-Form Banboo for MT4 v1.3.5

■本バージョンでは、上記の他に次のバグ修正を行っています。

・記事の日時指定公開で、A-Formが埋め込まれた記事ページだけ再構築されない。
　run-periodic-tasksでの再構築に対応していなかった問題。
　関連URL: http://groups.google.com/group/mt-a-form/browse_thread/thread/15b6dd94f12f2f17?hl=ja

・[MT4版 Bamboo]DBがPostgreSQLの場合に新規フォーム作成すると
　「error: create aform」と言うダイアログ表示され作成する事ができない。
　関連URL: http://groups.google.com/group/mt-a-form/browse_thread/thread/21af2028b28a931b?hl=ja

■ダウンロード
A-Form ダウンロードページよりお使いの環境にあったパッケージをダウンロードしてください。
https://www.ark-web.jp/movabletype/a-form/download.html

■アップデート方法
解凍した最新版ファイルで、既存のA-Formファイルを上書きアップロードすることでアップデートされます。

　※万が一に備えて、あらかじめ
　　MT_INSTALL_DIRECTORY/plugins/AForm/ ディレクトリ、および
　　MT_INSTALL_DIRECTORY/mt-static/plugins/AForm/ ディレクトリの
　　バックアップを取ってからアップデート作業をなさってください。

　【重要：A-Form用テンプレートを独自カスタマイズしている場合】
　今回のセキュリティ対応に、aform_confirm.tmplの修正が含まれています。
　MT_INSTALL_DIRECTORY/plugins/AForm/tmpl 以下にあるA-Form用テンプレート
　ファイルを独自カスタマイズしている場合は、
　aform_confirm.tmplについて、前バージョンとの差分を独自カスタマイズした
　テンプレートに対して適用して頂く必要がございます。
　
　あらかじめカスタマイズファイルをバックアップしておき、修正適用後の
　aform_confirm.tmplおよび他のカスタマイズファイルのみを再度上書きで
　戻してください。
　
　修正箇所は以下の通りです。

　57行目～63行目付近にある

<mt:if name="type" eq="privacy">
  <mt:loop name="hash_values">
      <input type="hidden" name="aform-field-<$mt:var name="id"$>-<$mt:var name="__key__"$>" value="<$mt:var name="__value__"$>" />
  </mt:loop>
<mt:else>
  <input type="hidden" name="aform-field-<$mt:var name="id"$>" value="<$mt:var name="value"$>" /> 
</mt:if>

　と書いてある部分を探して、
　59行目付近の

<input type="hidden" name="aform-field-<$mt:var name="id"$>-<$mt:var name="__key__"$>" value="<$mt:var name="__value__"$>" />

　　　↓これを、下記のように修正

<input type="hidden" name="aform-field-<$mt:var name="id"$>-<$mt:var name="__key__"$>" value="<$mt:var name="__value__" escape="html"$>" />

　62行目付近の

<input type="hidden" name="aform-field-<$mt:var name="id"$>" value="<$mt:var name="value"$>" />

　　　↓これを、下記のように修正

<input type="hidden" name="aform-field-<$mt:var name="id"$>" value="<$mt:var name="value" escape="html"$>" /> 

　【A-Formエンジンの設置ディレクトリを変更している場合】
　SSL対応するために、A-Formのエンジン（aform_engine.cgiなどの
　A-Form処理プログラム）をデフォルトの設置場所から変更して
　お使いの場合は、移動先のファイルも忘れずにアップデート
　（最新版で上書き）してください。

最後になりましたが、
Googleグループ等における不具合報告, 原因調査へのご協力に深く感謝いたします。
ありがとうございますm(__)m

世の中にアクセシビリティを考慮したウェブサイトをもっと増やすことを目的に行われる「みんなの声で選ぼう！ だれもが使えるウェブコンクール」が、3月26日(金)にいよいよ最終イベント「表彰式＆シンポジウム」を開催します。

だれもが使えるウェブコンクール表彰式＆シンポジウム - みんなの声で選ぼう！ だれもが使えるウェブコンクール
http://daremoga.jp/ceremony/event-0326.html

日本国内には今、アクセシビリティ(障害者や高齢者を含む多様な人がウェブを使えること)に特化したアワードは今年はじまったこの「だれコン」しかありません。
アークウェブは、ウェブ制作会社の本業領域での社会貢献として価値が高いと考え、会社として協賛しています。ぼく自身も「プロモーション統括副委員長」として、公式サイト構築のディレクションや関連イベントの進行ヘルプなどに力を割いてきました。

今回はただ受賞サイトを表彰するだけのイベントではありません。

アークウェブは、2010年3月4日(木)をもってウェブサービス「フォーグッド」の事業を株式会社ヨセミテ様から譲渡していただき、運営を引き継ぐことになりました。

株式会社ヨセミテ様のリリースはこちらです。

フォーグッド事業譲渡のお知らせ｜フォーグッド（4good）
http://4gd.jp/etc/announce

弊社のサイトをご覧になる人は必ずしもフォーグッドというサービスをご存じないと思いますので、簡単にご説明します。

フォーグッド（4good）│イイコトつなげるインターネット
http://4gd.jp/

フォーグッドはSNS(現在のところ招待制)のひとつで、「『社会にイイコト』を支援するグッドアクションプラットフォーム」というタグラインが示すように、環境問題や社会問題など、いわゆる公(おおやけ)の問題に関心をもつ人、ボランティアやNPO活動などをしている人が集うサービスです。

ぼく(中野)自身、ウェブ屋のプロボノ(スキル・ボランティア)に取り組む「WebSigエコ＆ピース(エコピ)」を主宰していることもあり、フォーグッドの試みには一ユーザーとして大きな期待をしてきました。2009年9月には自分のブログにこんなエントリーを書いています。

ソーシャルな人向けSNS「4good(フォーグッド)」：「自分だけが」じゃなく「人も自分も」な人たちがつながれるでっかいインフラになってくれ!
http://nakanohajime.wordpress.com/2009/09/30/4good/

今回、ヨセミテ代表の塚田さんから打診をいただき、サービスを引き継がせていただくことになりました。

アークウェブでは、CSR指針(→ アークウェブのCSR指針)を定めていますが「ウェブ屋ならではの社会貢献」を模索する弊社にとって、とてもよいチャンスをいただいたと思っています。
このような半歩先を行くサービスを立ち上げられたヨセミテの塚田さんには、深く感謝いたします。

今後アークウェブは、フォーグッドを通じてウェブ×エコ、ウェブ×ソーシャルアクションの可能性に取り組み、志ある人たちの強力なインフラになれるよう運営をがんばっていきます。

今後ともフォーグッドをよろしくお願いいたします。

バタバタしていて紹介が遅れましたが、弊社が企画・デザイン・開発をお手伝いした犬オーナーと愛犬のためのマイクロブログ「ファーピース」が、2月1日からオープンしています！

ファーピース あなたと愛犬のミニブログ
http://www.furpeace.com/

世界初、人も愛犬もつぶやくミニブログ『furpeace(ファーピース)』登場ばう
http://japan.zdnet.com/release/story/0,3800075480,10445081,00.htm

ファーピースは、早稲田大学発の学生ベンチャー企業「ファーピース株式会社」様が提供するサービスで、アークウェブは初期のコンセプトづくり、UI設計、デザイン、システム開発(Ruby on Rails)までと丸ごとお手伝いをしました。

ファーピースは、簡単にいうと"愛犬家向けのTwitter(クローン)"です。
(残念ながらぼくは猫好きですが、)愛犬思いのオーナー、ワンちゃんがいる生活を楽しむ人たちがコミュニケーションできるマイクロブログであり、ユーザーの"なりきり発言"によって世界初(!?)、犬がつぶやき、人や犬とのコミュニケーションを楽しむことができるといったユニークな特徴があります。

犬を飼っている人はぜひお試しください！

制作の過程で、犬を愛し、愛犬家を理解している顧客とのアイディア出しの中で沢山の面白い機能が生まれ、ファーピースに詰め込まれました。ここで少し紹介したいと思います。

バタバタしていて紹介が遅れましたが、弊社が企画・デザイン・開発をお手伝いした犬オーナーと愛犬のためのマイクロブログ「ファーピース」が、2月1日からオープンしています！

ファーピース あなたと愛犬のミニブログ
http://www.furpeace.com/

世界初、人も愛犬もつぶやくミニブログ『furpeace(ファーピース)』登場ばう
http://japan.zdnet.com/release/story/0,3800075480,10445081,00.htm

ファーピースは、早稲田大学初の学生ベンチャー企業「ファーピース株式会社」様が提供するサービスで、アークウェブは初期のコンセプトづくり、UI設計、デザイン、システム開発(Ruby on Rails)までと丸ごとお手伝いをしました。

ファーピースは、簡単にいうと"愛犬家向けのTwitter(クローン)"です。
(残念ながらぼくは猫好きですが、)愛犬思いのオーナー、ワンちゃんがいる生活を楽しむ人たちがコミュニケーションできるマイクロブログであり、ユーザーの"なりきり発言"によって世界初(!?)、犬がつぶやき、人や犬とのコミュニケーションを楽しむことができるといったユニークな特徴があります。

犬を飼っている人はぜひお試しください！

制作の過程で、犬を愛し、愛犬家を理解している顧客とのアイディア出しの中で沢山の面白い機能が生まれ、ファーピースに詰め込まれました。ここで少し紹介したいと思います。

そのひとつが、大丸有(だいまるゆう)と呼ばれる、大手町・丸の内・有楽町という日本のビジネスの中枢エリアのエコ情報を発信するポータルサイト「エコッツェリア(ECOZZERIA)」です。

ECOZZERIA エコッツェリア - エコな街、大手町・丸の内・有楽町エリアの環境情報をお届けします
http://www.ecozzeria.jp/

大丸有のエコニュースを発信する「丸の内地球環境新聞」で、YOSHさんの取材記事を読んで、ご紹介を忘れていたことを思い出しました。

ウェブディレクターYOSH氏が教えるECOZZERIAウェブの見どころBEST5！::丸の内地球環境新聞
http://www.ecozzeria.jp/shimbun/news/2010/01/08/yoshecozzeriabest5.html

エコッツェリアは、著名な環境系ニュースサイト「グリーンズ(greenz.jp)」を運営する株式会社ビオピオさんの下でアークウェブが企画(共同)、デザイン、システム開発などサイト構築全般をお手伝いしました。

YOSHさんも紹介されていますが、このサイトにはいくつかのユニークな点があります。

アークウェブでは、ハングリード株式会社が開発している多店舗在庫管理システム『zaiko robot』に対応するZen Cart用モジュールの開発をお手伝いさせていただきました。

「Zen Cart(ゼン・カート)」に対応！多店舗在庫管理システム『zaiko robot』｜ハングリード株式会社
http://www.hunglead.com/news/zen_cartzaiko_robot.html

• 中野 宗：取締役副社長→代表取締役社長
• 山岸次郎：代表取締役社長→取締役相談役

今後ますます、社会的意義のある会社になれるよう努力してまいります。
これからも株式会社アークウェブをよろしくお願いいたします。

Movable Type用プラグイン「A-Form」の上位バージョン「A-Form Bamboo（バンブー）」のリリースに伴い、弊社サイトのMovableTypeソリューションのページをリニューアルしました。

A-Form：MovableTypeにフォーム設置できるMTプラグイン｜Web制作のアークウェブhttp://www.ark-web.jp/movabletype/

A-FormとA-Form Bambooの「機能比較表」や、サイト運営者様向け説明ページ(「サイト運営者様へ」)、Web制作者様向けページ(「Web制作者様へ」)などを追加しております。

ぜひご覧ください。