wordbench kagawa番外編「いちばんやわらかいconcrete5のはなし」

16
今日から始める いちばんやわらかい concrete5のはなし 2014/05/24 川上 哲生(かわかみてつお) @yadorogizz yadorogi

Upload: tetsuo-kawakami

Post on 11-Jul-2015

680 views

Category:

Internet


2 download

TRANSCRIPT

Page 1: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

今日から始める

いちばんやわらかいconcrete5のはなし

2014/05/24

川上  哲生(かわかみてつお)

@yadorogizz yadorogi

Page 2: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

自己紹介

• 高松市在住

• スマートフォンプログラマ

 (iOS、Androidのネイティブアプリ、Cocos2d-x)

 その他、C/C++/C#/.NET/Objective-C

• Webアプリケーションプログラマ

 Ruby/Java/PHP・・・etc,

ところが、

10日前にWebの仕事を“失業”しました!

お仕事大募集中。

Page 3: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

それはいいとして・・・  (よくない)

Page 4: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

CMS(コンテンツ管理システム)の現状

オープンソースCMSで、WordPressは圧倒的なシェア                

ソース「h3p://w3techs.com/」  

シェア60%!?なんじゃこりゃ  

Page 5: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

なぜ、WordPressなのか

• 情報元が多い  • アップデートが早い  • 安定した技術(Linux+Apache2+MySQL+PHP)  • テーマ、プラグインが豊富  • 利用者が慣れている

多くのメリットがあるのは間違いない

Page 6: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

なぜ、concrete5なのか

• WordPressが苦手とするサイト構成にマッチする  WordPressかダメならHTMLフルスクラッチのような流れ→大変

• 直感的な操作

• 制約があまりない

• ページロードも、そこそこ速い

• 安定した技術(Linux+Apache2+MySQL+PHP)

WordPressのデメリットは、concrete5でどうにかなる!  (ことが多い)

Page 7: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

WordPressの苦手

WordPressは、階層構造が決まっている

このルールを守りつつ・・・

Page 8: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

WordPressの苦手

WordPressは、画面要素も決まっている

どうにかしよう、そう!Concrete5で!

仕事ならオリジナルテーマは必須

大体の流れは、

デフォルトテーマを変えて、ワイヤーフレームから、オリジナルテーマに改造する。

ちょうど良い、プラグインが無ければ、

「カスタムフィールド」などを使ってphp修正(いきなりプログラマの領域)。

<?php echo “むつかしいぜWordPress”; ?>

Page 9: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

WordPressのジレンマ

WordPressを感じさせないテーマを

修正量が多く、コーダーとプログラマーが死んでしまう。

フルカスタマイズする。

修正量が多く、コーダーとプログラマーが死んでしまう。

WordPressの既存テーマを小変更する。

どこかで見たページになってしまう。

Page 10: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

どこかで見たページの怖さ

プログラマーが管理画面や業務用のWebページを作るとき、「Twitter  BootStrap」を使って手っ取り早く

デザインすることがあります。

結果、誰が何を作っても見た目が

Twitterになってしまいました…。/(^o^)\  Oh!  My!

Page 11: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

concrete5の導入

公式ページ(  http://concrete5-japan.org/  )から

最新版をダウンロードして、

公開フォルダ用にFTPでコピーするだけ。

自分の使っているサーバー(ヘテムル/heteml)では、

PHPが動作しているので、

PHPに実行権限を与える.htaccessファイルの

設置であっさり動いた。

データベース名・ID/PASSは別途必要です。

Page 12: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

concrete5の特徴

もともとWordで文章が作れる人なら操作できるような、

簡単なものを目指して作られた。

簡単な操作は、Wordというより、

あのホームページビルダーに近いです。

Concrete5にもテーマはあります。

ただし、<body>や<div>と、CSSでレイアウトしたようなシンプルなもので、

WordPressのようなサイドバーとか、ウィジェットとか

区別されません。

記事をサイドバーに移動したり、ヘッダーに

新しいブロックを挿入したり、かなり自由です。

ブロック=画面の要素のことです。

Page 13: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

concrete5を触ってみよう

実機でデモ

ブロックの追加、編集、移動

スライドショーの追加

GoogleMapの追加

YouTubeの追加

皆さんも  Let’s Try!

Page 14: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

concrete5を触ってみよう

「concrete5」を検索してみて下さい。

かなり注目されているのが分かります。

ついに、日本語の公式本も発売されました。

来てます!Concrete5旋風

concrete5  公式活用ガイドブック 単行本(ソフトカバー):  336ページ 出版社: マイナビ (2014/2/14)  ISBN-­‐10:  4839943842  ISBN-­‐13:  978-­‐4839943844

Page 15: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

まとめ

まだまだ、実績の無い

concrete5をさわったり、

かなり厳しい条件のスマートフォンアプリを

作っていたら10日前に“失業”しました。

お仕事大募集中です。

(Webデザインは出来ません)

それでは、良いconcrete5ライフを!

Page 16: WordBench Kagawa番外編「いちばんやわらかいconcrete5のはなし」

ご清聴ありがとうございました。