狠狠撸

concrete5 とアメリカ
Web制作現地レポート
2014/11/17 (月) @ いいオフィス
2014.11.17 (月) アメリカWeb制作現地レポート

本日の目次
● 自己绍介
● concrete5 の生まれた環境、ポートランド
o ポートランドの風潮
● PortlandLabs, Inc. - concrete5 開発元
o エンタープライズ製品紹介
o concrete5 のビジョン
● おまけ：アメリカのコワーキング＆Web 事情

自己绍介

Katz Ueno (上野勝之)
Twitter: @katzueno
ブログ: http://katzueno.com
コンクリートファイブジャパン株式会社
取締役Chief Communciations Officer
http://concrete5.co.jp
名古屋でconcrete5 CMS の普及

2009年- concrete5
日本コミュニティを立ち上げました
concrete5-japan.org

全国各地に普及活動しました
青森?仙台?東京?
千葉?静岡?浜松?
名古屋?京都?大
阪?奈良?広島?福
岡でUGが立ち上がる
詳細は
concrete5-japan.org/community/local/

共著の紹介
concrete5 公式活用ガイドブ
ック
買ってねー
● マイナビ
● 3542円
● 書籍& 電子書籍版

● 1980年三重県四日市市生まれ
● アメリカに留学→映画制作→
雑誌編集→ Web に
● TOEIC 990点
● 多言語に強いです

● 1980年三重県四日市市生まれ
● アメリカに留学→映画制作→
雑誌編集→ Web に
● TOEIC 990点
● 多言語に強いです5時間勉強して一発でゲ
ットしました
(￣ー￣)???

証拠(有効期限は切れてちゃいましたが)

2011年3月11日
東日本大震災の英語で
Ustreamを放送し
3ヶ月で100万PV
米ABC
アルジャジーラ
ワシントン?ポスト
ライフハッカー
ハフィントン?ポスト
中日新聞?東海ウォーカー
などにも掲載
米ABC
中日新聞
アルジャジーラ

2012年～2014年
名古屋のWeb制作会社、エスケイワードにて
多言語サイトを構築

2014.11.17 (土) concrete5 & アメリカの最新Web 事情
concrete5 での構築事例の

WordFes Nagoya 2014
副実行委員長
WordPress 公式プラグイン2本開発
Ustream Status & Twitcasting Status

WordPress 事例

MovableType で構築
海の上の空港様
観光特集英語サイト
& Facebook 運営
2500いいね→

MovableType で構築
海の上の空港様
観光特集英語サイト
& Facebook 運営
2500いいね→
一昨日30,000 いいね達成

多言語EC ショッピングカート
● 香港の多言語ECサイト
o 日本の野菜や肉を売る多言語EC サイト
? ディレクション

他にも様々なCMS の仕事の経験や知識
● Mambot
● Joomla
● EC Cube
● Magento
● OpenPNE

他にも様々なCMS の仕事の経験や知識
● Mambot
● Joomla
● EC Cube
● Magento
● OpenPNE
コンクリートファイブジャパンメンバーは
様々なCMS 使えます！

まず、
今日のセミナーは、
ちょっと嗜好を変えて

技術的な話は
あまりしません

技術的な勉強会
● 下北沢オープンソースカフェ
o 初心者ユーザー会
o コンクリートファイ部
● 千葉コワーキング201
o コンちば勉強会

ローカルユーザーグループ
詳しくは
concrete5-japan.org/community/
※勉強会を主催してくれる人募集中！

さて

10月
アメリカ?ポートランドに
行ってきました。

concrete5 の開発元
アメリカ?ポートランドに
行ってきました。

concrete5 の

ビジョンと
その魅力を紹介

アメリカ?オレゴン州
ポートランド

ポートランドの場所

オレゴン州ポートランド

オレゴン州ポートランド
※ Wikipedia より
- 人口約60万人
- オレゴン州最大の都市
- 雄大な自然に囲まれる
- バラの産地
(The City of Rose)

主要産業

主要産業
※ Wikipedia より
- 製造業(Nike本社Addidas アメリカ本社)
- IT (Intel が15000名を雇用)
- 大きな広告代理店やソフトウエア開発会社多数
- 世界2位の小麦の輸出基地（もちろん日本へも）

主要産業＆特徴
● 地ビールが盛ん
● コーヒー豆もおいしい

その他特徴
● 環境問題関心が高い
● リベラルな思想を持っている人が多い
● Quality of Life (住みよいまちづくりを心がけている)
o 全米で3番目に安全な都市
● カルチャー
o カルチャーが盛ん

カルチャー

カルチャー
● Do it yourself (自分でやる)
● 持続性のある社会づくり

カルチャー
地元にはアーティストの工房がたくさん
http://www.travelportland.com/article/monthly-art-walks-in-portland/

キャッチコピー

Keep Portland Weird

Keep Portland Weird
“ポートランドオカシイままにしよう”

オカシイポートランド
● チェーン店vs 独立
● 保守vs リベラル
● 画一(スタンダード) vs オリジナル

かといって

産業x 文化
融合した
すごく住みやすい街

ちょうど良く
イノベーションしている街
ポートランド
※ あくまでもKatz の個人的な感想です。

ポートランド
文化の例

Design Week Portland
街をあげてのデザインイベント

イベント＆セミナー
やってますが

目玉

オープンハウス

DWP オープンハウス
= 公開見学会
広告代理店?デザイン会社?ベンダー

DWP オープンハウス
触れる機会
就職?転職
製品?サービス

文化と仕事が街に
ちょうどいい
バランス
= ポートランド

そんなポートランドにある会社
PortlandLabs, Inc.

PortlandLabs, Inc.
インタラクティブエージェンシー
● ウェブサイト= concrete5 をベースに開発
● iOS & Android アプリ
受託案件をしている制作会社
自社開発CMS をたまたま無料オープンソースでリリース

PortlandLabs, Inc.
● ウェブサイト= concrete5 を自社専用CMSとして開発
自社開発CMS をたまたま無料オープンソースでリリース

PortlandLabs, Inc.
● ウェブサイト= concrete5 を自社専用CMSとして開発
無料オープンソースでリリースしただけ

Portland Labs, Inc. 創業者
Andrew Embler (CTO) Franz Maruna (CEO)

Portland Labs, Inc. メンバー
Ryan Evan Korvin Robert

PortlandLabs, Inc 事業内容
● 受託案件
o サイト構築(主にconcrete5 )
o iOS & Android アプリの開発
● concrete5 の開発主体
concrete5 は世界のコミュニティも一緒に開発
● concrete5 マーケットプレイスの運営
● プログラム開発
● その他???

PortlandLabs, Inc 最近の事例
http://www.pros.com/

PortlandLabs, Inc 最近の事例
http://www.dcbuilding.com/

concrete5 の歴史

2003年- 最初のConcrete CMS サイト

2003年- 最初のConcrete CMS サイト
● 3ヶ月
● 90名のメンバー
● 秒間1万ヒット

Concrete CMS
(ver 1~4)
PortlandLabs 受託案件
ノウハウ
当時の社名はConcrete CMS, Inc. 。近年、PortlandLabs, Inc に変更

Concrete CMS
(ver 1~4)
PortlandLabs 受託案件
ノウハウ
1ライセンス1万ドル
エンタープライズCMS

そして???

おっきい仕事だけやりたくねー

2008?
オフィス引き払い
スタッフ解雇
concrete5 開発に専念

2008?
スタッフ大半を解雇
concrete5 開発に専念

2008?
Concrete CMS 開発に専念

2008年
concrete5
無料オープンソース化

大学新聞みたいに自由に表現できる
Web の世界を届けたい！

商用CMS 時代のconcrete5
PortlandLabs, Inc.

自社開発CMS を作っている1社
PortlandLabs, Inc.
制作会社
制作会社
制作会社制作会社

オープンソース化
PortlandLabs, Inc.

コミュニティの力を借りて
concrete5 が進化
PortlandLabs, Inc.
世界中のコミュニティーメンバー

コミュニティの力を借りて
concrete5 が進化
オープンソースの恩恵
急PortlandLabs, 成長
Inc.
世界中のコミュニティーメンバー

しかし！

自社開発CMS ベンダーとして
2008?
脱却するための賭け
Concrete CMS 開発に専念

Keep Portland Weird
“ポートランドオカシイままにしよう”
https://www.flickr.com/photos/luckyfly/6886618394/

ビジネスx 文化
融合したのが
concrete5

concrete5 初期
スローガン

Content management is
human rights
コンテンツ管理は人間の権利

オープンソース
x
ポートランドの文化
うまいぐあいに融合
concrete5

PortlandLabs の働き方

PortlandLabs メンバー

PortlandLabs メンバー
● ほぼ全員がイクメン

PortlandLabs の働き方ルール

● 会議にはでる

● 会議にはでる→ 出社時間自由

● オフィスに居ないならIRC オンライン必須

→ オフィスに来る必要なし

→ オフィスに来る必要なし
● 午後5時までにはみんな帰る

● 徹夜対応はサーバー関連

● 徹夜対応はサーバー関連
o 緊急対応
o アップグレード等

PortlandLabs の働き方
とっておきのルール

とある日曜日

ちょっと、
オフィスの野暮用に付き合って

!!!!!

タダでビールが飲める！
しかも醸造所から直接買って新鮮

● 午後3時以降に解禁

● 午後3時以降はどっしにしろ効率悪くなる

● その日の作業のまとめミーティングしよう

● その日の作業のまとめミーティングしよう
● アルコールの力を借りて本音トーク

リア充な会社ですね?

そんなPortlandLabs
ノウハウが詰まった

concrete5
エンタープライズアドオン

● デジタルアセット集中管理
（Centralized Digital Asset Management／CDAM）
● 静的HTML出力（HTML Exporter）
● 多段階ワークフロー（Multi-Step Content Workflow）
● 多言語サイト運用支援（Internationalization）
各個別の1インストール/ライセンスの有償アドオンとなります

CDAM がすごい

デジタルアセット管理

デジタルアセットをconcrete5 で管理

デジタルアセットをconcrete5 で管理
● 製品カタログ
o 商品
o 部品?パーツ管理
o 注文管理
o 値段
o 在庫管理
● ニュース?雑誌記事
● 顧客データ

例：製品管理

例：製品管理
concrete5 上で製品データを管理し???

例：製品管理
● ウェブサイトで公開

例：製品管理
● 紙のカタログを更新(例: InDesign XML)

例：製品管理
● iPad アプリで営業ツール
o 注文システムの追加開発など

例：製品管理
● iPad アプリで営業ツール
o 注文システムの追加開発など
● 多言語に対応

concrete5 CDAM
iPad アプリ活用例
※ iPad アプリは別途カスタム開発

製品情報

メディア(画像やビデオ)

価格表& 注文システム

concrete5 CDAM
複数ニュースサイト＆雑誌
記事一元管理の例

● ニュース記事の管理
○ 複数のブランドウェブサイト
○ 紙(PDF & 雑誌)
● 独自の記事入力システム

※ サイトはリニューアル前のものです

個々の記事
1?複数のブランドサイトへ
重複投稿コントロール
※ サイトはリニューアル前のものです

電子書籍& 紙媒体として出力

管理画面(別途開発)

記事編集画面(別途開発)

公開先指定画面(別途開発)

エンタープライズアドオン詳細
お声がけ& お問合せください

PortlandLabs のビジョン

Content Management is Human Rights

そして

我々コンクリートファイブジャパンも
PortlandLabs パートナーとして
日本でのconcrete5 のサポートを行っていきます

ありがとうございました
コンクリートファイブジャパン株式会社
info@concrete5.co.jp
03-4513-8599

おまけ
Portland のコワーキングに行
ってきた

“Forge”

Leftbank

Los Angeles
Kleverdog

アメリカのWeb 事情

WordPress Meetup
オーガナイザー

まとめ
Web 制作会社が少ない
広告代理店
WordPress 既存テーマカスタマイズが多い

狠狠撸

concrete5 とアメリカ ? Web制作現地レポート

More Related Content

What's hot (20)

Similar to concrete5 とアメリカ ? Web制作現地レポート (8)

More from Katz Ueno (20)

concrete5 とアメリカ ? Web制作現地レポート