クロスキューブのコーポレートサイトをconcrete5でリニューアルしました。

クロスキューブのコーポレートサイト
Share on Facebook
LINEで送る
Pocket

先日クロスキューブのコーポレートサイトを暫定ではありますが、リニューアルしました。もちろんconcrete5使ってますw

今年に入って私含めクロスキューブに役員が2人加わったので、クロスキューブで提供できるサービスも増えました。なので以前のコーポレートサイトもconcrete5を使っていたんですが、コンテンツを早急に整理する必要があったため、ついでにデザインも一新してしまおうということでリニューアルに至りました。

配布、販売されてるThemeがやっぱり優秀

上記でも書いたとおりですが、出来る限り早くリリースする必要がありました。ということで、今回はconcrete5公式で販売しているテーマ『Super Mint』を購入して使いました。

concrete5テーマ

このテーマ、Bootstrapベースにカスタマイズして作られたものなんですが、色々とすごいです。

“クロスキューブのコーポレートサイトをconcrete5でリニューアルしました。” の続きを読む

Share on Facebook
LINEで送る
Pocket

執筆したconcrete5公式ガイドブックが地元の本屋に並んでいましたw

concrete5公式ガイドブック
Share on Facebook
LINEで送る
Pocket

concrete5日本語コミュニティの仲間と執筆した、はじめての日本語でのconcrete5の解説本、concrete5公式ガイドブックがマイナビさんより2月14日に発売になりました。

concrete5公式ガイドブック

kindle版も同時出版されており、電子書籍としても購入できます。(紙の本は重いです…)

実は出版の話はずいぶん前から出ておりましたが、それ以前にconcrete5公式サイトの整備など他にやる事が多かったために、後回し後回しになっていました。

いざ執筆!となってからもメンバーが多忙で1年以上かかってしまいました…

そういった中で無事発売日を迎え、店頭に並ぶ日が来たので、実際に並んでいるかどうか?平積みテロでもしに地元、国分寺の書店に見に行ってきました。

紀伊国屋書店国分寺店様、コンクリ本 平積みありがとうございます!!

concrete5公式ガイドブックいやー、ちゃんとありました。
それどころか平積みされてましたよ!

Amazonに並んだ時も感じるところがありましたが、郊外の地元の書店の店頭に実際に並んでいると感慨深いものがありますね。

執筆陣の皆さん、お疲れ様でした!

これからconcrete5を勉強する方へ

僕はコンクリートファイブジャパン株式会社のCTOという肩書きもあるので、主にアーキテクチャー部分など、技術的な部分を担当していますが、この本はインストールから操作方法など、初心者向けの内容からカスタマイズまで広範囲にわたって解説されております。

誌面の都合から完全網羅とまではいきませんが、かなり詳しく書かれており、入門書としては最適なものになったと思っています。

この本が無くてもconcrete5の勉強はできますが、この本があればググる手間をだいぶ省くことができるので、効率良く勉強する事ができると思います。

東京でもconcrete5勉強会やってます。

“執筆したconcrete5公式ガイドブックが地元の本屋に並んでいましたw” の続きを読む

Share on Facebook
LINEで送る
Pocket

Webディレクターだけどconcrete5をインストールしてみる

concrete5インストール直後
Share on Facebook
LINEで送る
Pocket

クロスキューブの山崎です。

今日は改めてconcrete5の最初の導入、いわゆるインストール方法を書いていきます。私はディレクション回りを担当しているので、こういった技術的な話は厳密には畑違いですが、お客様に紹介したり実際案件と進める上で、導入方法から開発回りについても知っておくべき情報だとは思っています。

ということで、開発者の方以外も是非見てもらえればと思いますので、お付き合いください。

concrete5を入れるサーバーは・・・

入れるサーバーですが、選択肢は非常に広く、ニフティさんの提供するc4saについては、ブラウザ上から数クリックで環境が整ったりします。

またKDDIさんが提供するホスティングサービスのcpiでは、レンタルサーバマネージドプランでも、簡単に環境を作れるサービスが提供されていたりしますので、選択肢のひとつとして、考えてもらえればと思います。

ただ今回については、環境構築からインストールまでをご紹介したいというところもあるので、sakuraさんのVPS(CentOS)にインストールしたいと思います

まずはインストールできる環境にセットアップ

まずは準備ということで、ターミナルからsshでログインして、concrete5の日本語公式ページにある動作要件ページを参考に、サーバに必要なものをインストールしていきます。

“Webディレクターだけどconcrete5をインストールしてみる” の続きを読む

Share on Facebook
LINEで送る
Pocket

Designer Contentアドオンで作ったブロックを修正する時の権限の問題

Designer Content デザイナーコンテント
Share on Facebook
LINEで送る
Pocket

concrete5にはDesigner Contentデザイナーコンテント)という素晴らしいアドオンがあります。

concrete5には標準でいくつものブロックタイプが準備されており、Google マップやyoutubeを挿入できる物など、いろんなブロックタイプが準備されています。
このアドオンは、ここにオリジナルの新しいブロックタイプを追加できるというアドオンです。
しかも無料!!!

ただ、残念ながらこのアドオンにもいくつか不便な点があります。

まず、一度作ったブロックは管理画面から修正できない事。
あとapacheのモジュールとしてPHPを動かしている場合、ファイルたディレクトリのオーナーがapacheになってしまい、FTP等で接続して直接ファイルを編集しようとしても権限の問題でできない事がある事です。

Designer Contentでできる事

まず最初に、Designer Contentで具体的にどんな事ができるかをご説明します。

簡単な入力フォーム付きの物しか作れないのですが、サイト全体のHTML構造を崩さずに簡単に入力できるブロックを新しく作る事ができるので、非常に重宝しています。

例えば、

<div class="row">
    <div class="span4"><img alt="xxx" src="xxx.jpg" /></div>
    <div class="span8">
        <h3>タイトル</h3>
        <p>テキストテキストテキストテキスト</p>
    </div>
</div>

の用なHTMLを出力するブロックを作るとします。

管理画面の[ブロック] > [デザイナーコンテント]をクリックし、ブロックタイプの設定画面を開きます。

デザイナーコンテント設定画面

ブロックハンドル、ブロック名、説明文を入力します。

次に「フィールドを選択」の「画像」を選択し、imgタグを囲うHTML等を入力します。

同じ様に「テキスト」「テキストエリア」のフィールドを設定していきます。

デザイナーコンテント フィールド設定

最後に、「ブロックを作成!」ボタンをクリックすると、/blocksにブロックタイプのファイルが生成され、各エリアに置ける様になります。

実際に置く場合の入力画面は、このブロックの場合こうなります。

スクリーンショット 2014-02-12 9.18.59いやー、便利ですね〜。最高です。

これを見つけた時は思わず日本語ファイルをみんなで作ってプルリクエスト送っちゃいました。なので日本語でも使えます。

作ったブロックのパーミッションが…

でも、作ったブロックのviewファイルとかを少し変えたくなった時、apacheモジュールとしてPHPを動かしていると、apacheユーザでブロックが作成されるため編集できない場合があります。

これを解決するためには以下の方法があります。

“Designer Contentアドオンで作ったブロックを修正する時の権限の問題” の続きを読む

Share on Facebook
LINEで送る
Pocket

concrete5本 出版記念ワークショップで金沢に行ってきました!

Share on Facebook
LINEで送る
Pocket

クロスキューブの山崎です。

先日の出版記念セミナーに引き続き、弊社代表の佐々木と株式会社The Mars Knowledgeの代表の石嶋さんと石川県の金沢にあるコワーキングスペース「cafe? IKAGAWA DO」へ行ってきました!

concrete5ワークショップの様子

cafe? IKAGAWA DO」は五十川さんが運営しているコワーキングスペースで、おしゃれなバーカウンターがあったりスーファミが置いてあったりと、すごい居心地のいい空間でした。

でワークショップなんですが、前半は石嶋さんよりTwitter Bootstrapを使ってサイトデザインを作ってみるワークショップ、そして佐々木からはその出来上がったデザインをconcrete5に組み込み、完成という流れです。

なぜTwitter Bootstrap?

ご存じの方も多いかと思いますが、Twitter BootstrapはCSSフレームワークのひとつです。よく使うものがまとまっていたり、非常に便利なものなので、デザイナーの方はもちろん、ディレクターやエンジニアの方もぜひ覚えておきたいツールかと思っています

“concrete5本 出版記念ワークショップで金沢に行ってきました!” の続きを読む

Share on Facebook
LINEで送る
Pocket

『concrete5公式活用ガイドブック』 出版記念セミナーに参加してきました!

concrere5公式ガイドブック 出版記念セミナー
Share on Facebook
LINEで送る
Pocket

XROSS CUBEの山崎です。

近日弊社代表の佐々木も著者として参加している「concrete5公式活用ガイドブック」が出版されるのですが、その出版記念セミナーに参加してきました。

日本初のconcrete5本

参加者には、そのガイドブックがフライングゲットできるという特典付き。

まだまだWEB上にもconcrete5に関連したドキュメントが不足している中、日本初のconcrete5 関係の本です。

早速流し読みしてみましたが、制作・開発から運用まで色々と書いてあるので、気になる方は発売後チェックしてみてください。


concrete5 公式活用ガイドブック

セミナーの感想は・・・

肝心のセミナーですが実際の事例を元に、制作から営業まで様々な視点から話がありましたが、何より印象的なのが「お客さんが勝手に使い方を覚えちゃうCMS」というところですね。

“『concrete5公式活用ガイドブック』 出版記念セミナーに参加してきました!” の続きを読む

Share on Facebook
LINEで送る
Pocket

concrete5の「クリップボードにコピー」がわりと便利

concrete5のクリップボード
Share on Facebook
LINEで送る
Pocket

XROSS CUBEの山崎です。

1月の頭からXROSS CUBEにjoinして、気づいたらもう1ヶ月も立ちましたが、去年末ぐらいから今までガッツリとconcrete5をいじっていて、どんどんconcrete5の素敵さに惹かれていたりします。

で今回なんですが、concrete5の基本的な機能である「クリップボードにコピー」について、すごい便利な機能なので紹介したいと思います。

このワードから「control(command)+c 」的な機能を想像する方が多いんじゃないかなと思いますが、concrete5のクリップボードは、これとはちょっと違って便利です。

どういうことかというと・・・・

“concrete5の「クリップボードにコピー」がわりと便利” の続きを読む

Share on Facebook
LINEで送る
Pocket