DBCJ Drupal Business Consortium Japan

Drupal on Bluemix& Drupal 最新動向

日本アイビーエム株式会社　オープンソースエバンジェリストDrupal ビジネスコンソーシアム理事

小薗井　康志

本日のアジェンダ• 自己紹介• Drupal との出会い• Drupal とは？なぜ Drupal か？• Bluemix で Drupal サイトを作成してみよう！• 最新 Drupal 8 リリースはもうすぐ！

小薗井　康志　（おそのい）

流しのエンジニア

自称　流しのエンジニアTwitter : osnoi

なぜかサミットの前にアクシデント

が… .. @ 富士スピードウェイ

Drupal との出会い• 2007 年　オープンドリーム社を設立

• 当初は Ruby on Rails を専門にビジネスをしていました。• 構築案件、教育案件と比較的順調にいってました。

• Drupal との出会い• LinuxFoundation のお仕事でサイト管理も担当しました。• サイトが xoops から Drupal に移行しました。• Drupal ユーザーになってしまいました。

• 2008 年　リーマンショック• サイト構築案件、予算に限りがある案件が増えてきました。• Drupal でやってみようか？　　

勉強会も始めました。コミュニティーの始まり

意外といけるね！　 Meego.jp, Moblin.jp などのコミュニティーサイトの運営

なぜ Drupal か• データが主役のＣＭＳ，自由にコン

テンツを作成、表示可能• 高い拡張性、豊富なモジュール• 多言語サイトの構築が可能• 非常に盛んなコミュニティー活動と

世界中に広がるエコシステム

レゴブロックのようにビジネスロジックを組み立てることが可能！ＣＭＳというよりも Web アプリケーションプラットフォーム

データが主役のＣＭＳ，自由にコンテンツを作成、表示可能CCK & Views

CCK: DB テーブル、フィールドの作成

Vews: 条件に合わせ SQL を作成、結果を表示

ＳＱＬ文などの知識がなくてもデータベースを操作しコンテンツをさまざまな条件によって自由に表可することが可能。またデータベースを他のシステムと Module で連携させることも簡単に

SugerCRM, Sales force, Excel, Open office……

高い拡張性、豊富なモジュール

その他の主な Module 例• Open stack Object storage, CDN• Share this, social login, social share• SharePoint, Excel, • Google Analytics, Omniture• Webform ( アンケート）• Sales force, SugerCRM, CRM core• Ubercart, Shopping cart• SAP, ERP, workflow

https://www.drupal.org/project/project_module

SOR, SOEビジネス変革につながる新しい個客接点システム

Systems of Record Systems of Engagement

利用目的 企業の活動記録確実なビジネス遂行 お客様との絆を強める

ユーザー システム利用者( 特定可能 )

システム利用者、お客様、モノ( 不特定多数 )

システム開発のアプローチ

事前の要件定義が可能ウォーターフォール型

市場動向、顧客の反応に合わせクイックかつ頻繁な更新が必要アジャイル型、 DevOps

従来型の業務システム 新しい個客接点システム

ERP

CRM

HRSCM

Drupal サイト 大規模事例

NASA アメリカ航空宇宙局 　　 site:http://www.nasa.gov/

大規模＆強固なセキュリティ事例米国　ホワイトハウス

　　 site:http://www.whitehouse.gov/

Drupal サイト

大規模事例 日本国内インプレス社 Think IT

　　 site:http://thinkit.co.jp/ 約 27,100 件

Drupal サイト

多言語対応　事例Pinterest Business １６ヶ国語対応済 ※ Login時

設定 　　 https://business.pinterest.com/en

Drupal サイト

海外事例 インテル社 ソフトウェア開発者向けサイト

　　 https://software.intel.com/en-us/

Drupal サイト

海外事例 レッドハット社 企業トップサイト

　　 http://www.redhat.com/en/

Drupal サイト

海外事例 　オープンデータの推進イギリス政府 OpenData サイト

　　 http://data.gov.uk/

Drupal サイト

IBM SoftLayer 　　 http://www.softlayer.com/, http://www.softlayer.jp

Drupal 構築サイト

さて、早速作ってみましょう。Drupal on Bluemix• Drupal をダウンロード• Bluemix にログイン PHP ランタイムを作成• MySQL サービスを追加• Cf ツールで Drupal を Bluemix にアップロード

Drupal をダウンロード• http://Drupal.orgからDrupal をダウンロードＰＣの任意の場所にダウン

ロード、解凍してください。たとえば　 c:\temp\docroot\drupal

Bluemix にログイン PHP ランタイムを作成• アプリの名前は任意で付けてください

MySQL サービスを追加• 連携するアプリの名前は先ほどつけたものを選択してください。

データベースアクセスの情報をメモしておいてください• 作成した PHP アプリの環境変数をクリックすると出てきます。

２つほどファイルを追加ください先ほどダウンロードで指定した (c:\tmp\docroot) ディレクトリ下に composer.json と

いうファイルと .bp-config というフォルダを作り、 .bp-config の下に options.json というファイルを、それぞれ以下の内容で追加します

 Composer.json{}  Options.json{ "PHP_EXTENSIONS": [ "bz2", "zlib", "curl", "mcrypt", "mbstring", "mysql",

"pdo", "pdo_mysql", "gd" ]}

options.json では PHP に追加する拡張モジュールを指定しています。 Drupal に必要な mbstring, mysql, gd などを追加しています。

ディレクトリーはこんな感じです。C:\temp\docroot \.bp-config option.json があります。 \drupal 最初にダウンロードした Drupal があります。 composer.json

Cf ツールで Drupal を Bluemix にアップロードしてください> cd c:\tmp\docroot（ドキュメントルートに移動）> cf login -a https://api.ng.bluemix.net（ Bluemix のユーザー ID とパスワードを聞かれるので入力する）> cf push osonoi-drupal（作成時に指定したアプリケーション名を指定してプッシュ）

サイトにアクセスしてください。Drupal のセットアップ画面になります。

先ほど保存していただいた PHP アプリの環境変数はこちらで使用します。

“name”

“username”

“password”3307

IP アドレス

完成です！サイトアドミの情報などを入れてください。 Drupal の初期画面が出てきて

サイト構築が始められます。

ハンズオン開催予定です。以下のサイトで告知します。ぜひご参加ください。dooekeeperhttps://bmxug.doorkeeper.jp/

Face book Blumix ユーザー会https://www.facebook.com/groups/895001757218603/

Twitter: osonoi

Drupal 概要　および Drupal 8 最新情報

Drupal とは？ 創始者 Dries Buytaert (写真はWikipedia より）

Most Influential People In Open Source: Mind Touch (Dries以外に Larry Augustin, Jim Whitehurst等 ) http://www.mindtouch.com/blog/2009/10/27/most-influential-people-in-open-source 2001 年にオープンソースプロジェクト化

Community Drupal.org 1,015,000 ユーザー 31,000 開発者 年に２回の国際会議 (DrupalCon) ヨーロッパ、北米で交互に開催 2014 年６月のオースチン（テキサス

州）では 3,700人が参加 その他 DrupalCamp などが各国で開催

Overview オープンソースＣＭＳ、　ウェブアプリケーションフレームワークとも呼ばれる。 コンテンツの作成、管理といった CMS の基本機能だけではなく洗練されたプログラムインター

フェースも提供。また中核となる Core モジュールに加え、 (Contribution) モジュールやテーマによりさまざまな機能、デザインを拡張することができる。

プログラミング言語：ＰＨＰ 対応ＯＳ：Windows, Mac OS, Linux , Free BSD 　　などのクロスプラットフォーム ライセンス：　ＧＰＬ２ 公式サイト：　 drupal.org

Drupal アーキテクチャー

Drupal

Contribution Module(20000近くの公式Module)

Theme( サイトのデザンを担う )

Module

Theme

Core

Views ebform https://www.drupal.org/project/

project_module

https://www.drupal.org/project/project_theme

Views ebform

Theme (Example)

Corporate Clean Marinelli Danland

Business

BlueMasters Andromeda Acquia Marina

Distribution

Core Module

Contribution Module

Theme

Core Module

Contribution Module

Theme

Core Module

Contribution Module

Theme

Drupal History Drupal 1 ２００１年１月１５日 Drupal 2 ２００１年３月１５日 Drupal 3 ２００１年９月１５日 Drupal 4 ２００２年６月１６日 Drupal 5 ２００７年１月１５日 Drupal 6 ２００８年２月１３日 Drupal 7 ２０１１年１月　５日 最新バージョン　 7.39, ２０１5年 9 月 1日 Drupal 8 2014(?) 　現在 開発バージョン　 8.0.0 beta 14

S 正式版リリース間近

！

Drupal 8 critical issue per week• 確実に減ってます。

今月末の DRUPALCON 、期待しましょう

Drupal 8 Introduction Mobile in its DNA Multilingual Capabilities New Configuration Management Accessibility Integration A Better User Experience Built-in Web Services Effortless Authoring Fun and Fast Theming Views, out of the Box Field Power Better Markup with HTML 5 Industry Standard Approach

https://www.drupal.org/drupal-8.0

Mobile in its DNA モバイルもサポートしていますではなく最初にモバイルありきという考え方です。あらかじめ組み込まれたテーマは Responsive なテーマです。管理者用ツールバーも最初からモバイル対応です。

Multilingual Capabilities あらかじめ組み込まれたＵＩによりメニューなどを翻訳 Views の Language filtering, Block visibility によるページ作成 翻訳コミュニティの翻訳を自動で取り入れて最新に

New Configuration Managementファイルシステムをベースとした設定管理システム設定をファイルとしてデータとは分離されているので変更の履歴を効率よく記録、バージョン管理などが簡単になります

Managing configuration in Drupal 8https://www.drupal.org/documentation/administer/config

Accessibility WAI-ARIA やセマンティック html5 などアクセシビリティを向上するためのテクノロジーをサポートしております。

WAI-ARIA とは、 Web Accessibility Initiative-Accessible Rich Internet Applications の略で、 W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。

日立のユニバーサルデザインより： http://www.hitachi.co.jp/universaldesign/ria/ajax/wai-aria/index.html

セマンティクウェブ：W3C のティム・バーナーズ＝リーによって提唱された、ウェブページの意味を扱うことを可能とする標準やツール群の開発によってワールド・ワイド・ウェブ [1] の利便性を向上させるプロジェクト。セマンティック・ウェブの目的はウェブページの閲覧という行為に、データの交換の側面に加えて意味の疎通を付け加えることにある。

Wikipedia より： http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96

Build-in Web Services Drupal8 で Web サービスを展開できます HAL を実装しておりコンテンツを JSON, XML として公開できます Views で作成したリストでサービスを提供することも可能です

Effortless Authoring その場その場で簡単に編集 セキュリティーを強化した WYSISYG (CKEditor が標準） ドラフトの管理が簡単に

Others Fun and Fast Theming 柔軟で性能のいいセキュアな PHP テンプレート、 Twig を採用 (Drupal8 では Sympony をベースにしています） Views 長い間たくさんのサイトで使われてきた Views がコアモデュールに入り

ました さらにインテグレートされました。 フロントページ、 Listing block などカスタマイズが簡単にできます。 自分好みの管理ページ、フィルター、アクションを作成することができま

す。

試してみましょう！ 1. Drupal 8 をサイトからダウンロード https://www.drupal.org/node/2311847 2. ディレクトリー、ファイルの作成 ( 以下詳しくは Install.txt を参照 ) 3. サーバーへファイルをアップ 4. データベースを作成 5. ブラウザから初期設定 6. サイト構築完了

ちょっとお試し（ベータ版もすでに用意されてます） Simplytest.me http://simplytest.me/

ありがとうございました！