Download to read offline
osc 2017 kyoto シラサギでのサイト構築での特徴
- 1.
- 2.
- 3.
- 4.
- 5. パーツ宣言方法は {{ part“ファイル名” }} 他にも本文を埋め込む{{ yiled }}や ページタイトルを表示する#{page_name} などの独自タグもあり
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
Editor's Notes
- #2 ・今回は、シラサギでのサイト構築での特徴についてお話ししたいと思います。
- #3 シラサギをご存じない方もいらっしゃると思いますので、シラサギとは何かというところから 「シラサギ」は、Ruby、Ruby on Rails、MongoDBで動作する中・大規模サイト向けCMSです。 また、ここまでCMSと紹介していますが、コアの設計がSNSとなっているので、Webアプリケーション開発プラットフォームとしての利用も可能です。 現状はCMS、グループウェア2つのアプリケーションを同一システム内で利用可能です。 MITライセンスのオープンソースのため、誰でも無償でご利用になれます。
- #4 では本題のサイト構築時の特徴についてお知らせしたいと思います。 こちらがシラサギのレイアウト編集画面です。 シラサギのHTMLの記述は、独自タグやパーツと呼ばれる概念が存在します。 今回まずこちらから説明したいと思います。
- #5 まず、パーツはヘッダーやナビなどのコンテンツをパーツとして部品化して管理することができます。 パーツ化することでコンテンツ部分それぞれを切りわけることができ、サイト作成時に管理が楽になります。 また、パーツによってはパンくずリストなどの１つの機能として働く、コンテンツを作成することもできます。 他にも、ループ表現などもプログラムを書かなくても、パーツで作成できます。 次はこちらの作成したパーツをまとめるレイアウトについて説明します。
- #6 では、先ほどのレイアウト編集画面を使用して説明します。 シラサギでは、レイアウトで作成したパーツを呼び出すことができます。 WordpressではPHPを記述することによって外部からHTMLファイルなどを呼び出しますが、 シラサギは、独自記述やパーツなどの宣言がそれぞれありプログラムを記述しなくても、 簡単に呼び出すことができます。 もちろんレイアウト内でもHTMLの記述はできます。 レイアウトを複数作成する際に、ヘッダーやフッターなど、どの階層でも共通のパーツを再利用することで、楽にコード管理を行えます。 また独自記述として本文を埋め込む{{ yiled }}やタイトルを記述する#{page_name}などのタグがあります。 シラサギで使用できる独自記述に関しては、レイアウト編集時のヘルプで確認できますので、シラサギの知識があまりなくても作成することができます。 しかし、レイアウトを作成しただけでは、画面は作成されません。 シラサギで画面を作成するには、ページに作成したレイアウトを割り当てる必要があります。 次に、ページについて説明したいと思います。
- #7 ページは本文を作成する際に使用します。 シラサギでは、ウイジグエディタを採用しており、ワードライクな記述が可能となっております。 また本文欄もHTMLでの編集が可能となっております。 こちらのページにレイアウト選択項目がありますので、割り当てることによって本文とレイアウトの HTML内容がセットになったページが作成されます。 レイアウトは、レイアウトで独自タグで埋め込んだ{{ yiled }}で表示されます。
- #8 次に、シラサギではフォルダーにもレイアウトを割り当てる部分がありますのでそちらもご説明します。 シラサギでは、フォルダーは、ただのディレクトリの意味合いだけでなく、 フォルダー属性というもので様々な画面を自動生成することができます。 フォルダー作成時にフォルダー属性を付与することができます。 フォルダー属性は、プラグインのような役割を果たしており、プログラムを 記述しなくてもループの表現や、メールフォームの作成などもすることができます。 作成したフォルダーの中にもパーツやレイアウト、ページの作成をすることができます。 でこれだけではわからないのでフォルダー属性で生成される公開画面を一部紹介したいと思います。
- #9 例えばフォルダー属性としてはこのようなフォルダー属性があります。 カテゴリー/カテゴリーリストの属性を選択した場合、その配下にあるカテゴリー属性のフォルダー一覧が表示されます。
- #10 他にも、フォルダー内のページ一覧を表示するページリストというものがあり、
- #11 イベントカレンダーを表示するイベントリストや
- #12 メールフォームなどもフォルダー属性によって簡単に作成することができます。
- #13 で今回の内容をまとめると 作成したレイアウトのhtml内容と、フォルダー属性によってページを自動で生成します。 主にページを作成する際は、パーツを作成し、画面に合わせたレイアウトをパーツと独自記述により作成、 またフォルダーや固定ページを作成してページの画面を作成していきます。
- #14 今回の内容だけでは、サイト構築での一部しかお伝えできていませんが、 シラサギの最新情報などを随時シラサギの公式サイトに掲載しております。 また、定期的にシラサギハンズオンを開催しております。 次は、8月31日に奈良で開催する予定となっております。 シラサギの構築方法についてもっと詳しく知りたい方は、是非お越しください。 またこの後13:00から弊社の野原からシラサギについてのセミナーを４階のAV会議室で実施しますので、 ぜひお越しください。
- #15 ご静聴ありがとうございました。