SlideShare una empresa de Scribd logo
1 de 14
シラサギでのサイト構築での特徴
シラサギとは
・中大規模サイト向けCMS
・Webアプリケーション開発プラットフォーム
・MITライセンスのOSS
シラサギのレイアウト編集画面
ナビゲーションのHTML
パーツ化
パーツ宣言方法は {{ part “ファイル名” }}
他にも本文を埋め込む{{ yiled }}や
ページタイトルを表示する#{page_name}
などの独自タグもあり
固定ページの本文欄
フォルダー
ただのディレクトリという意味合いで
はなく、フォルダーの設定項目である
「フォルダー属性」に応じindex.htmlを
フォルダ直下に自動生成する。
➕フォルダー属性
index.html
カテゴリー/カテゴリーリスト
カテゴリー/ページリスト
イベント/イベントリスト
メールフォーム/フォーム
➕フォルダー属性
レイアウト
パーツ
独自タグ
HTML記述
書き出し
シラサギ公式サイト http://www.ss-proj.org
ご静聴ありがとうございました。

Más contenido relacionado

Destacado

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 

Destacado (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

Notas del editor

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