Commmunity Server

DosabaにCommunity Server 2.1をインストール Part 2

Yuma Shimakawa — Tue, 19 Sep 2006 09:35:00 GMT

DOSABAにCommunity Server 2.1インストールを試みるで失敗していたわけだが、サポートに問い合わせたら予想と違う答えが。。。

で、再インストールを試みたらなぜか成功。

マジメにCommunity Server 2.1を使い始めているのだけど、基本的にはやっぱりdotTextよりもだいぶイイ感じ。Community Server Version 1.0の時は、dotTextの方が良かったと思ったが、今回は、正直、Community Server 2.1に移行を考えている。

FSV ExpressにCommunity Sever 2.1をセットアップ(とDotNetNuke)

Yuma Shimakawa — Wed, 06 Sep 2006 12:22:00 GMT

DOSABAにCommunity Server 2.1インストールを試みる

でDOSABAにインスコできなかったので、FSVのWindows DOTNET レンタルサーバー Express にCommunity Server 2.1をインスコしてみる。

あっさり終了。DOSABA時に起こっていた問題も発生せず。

だが、DotNetNukeは、ｌ逆にDOSABAにはインスコできるが、FSVの方にはインスコできず。

アプリのインスコのRequirementって難しい。。。

DOSABAにCommunity Server 2.1インストールを試みる

Yuma Shimakawa — Tue, 05 Sep 2006 23:19:00 GMT

InstallCommon.sqlで

Message:CREATE PROCEDURE 権限がデータベース 'cat_XXXXX_XX' で拒否されました。

というエラー発生。SQLの権利が足りてないorz.

FTB3.XとIE7

Yuma Shimakawa — Mon, 29 Aug 2005 23:34:00 GMT

FreeTextBox(FTB) 3.xですが、Internet Explorer 7に対応が今のところされていませんのでご注意を。

FTB2.Xはどうもそこのチェックがされていないようで.TextだとIE7問題無いです。逆にCommunity ServerやDotNetNukeだとIE7ではFTBが効かなくなります。

ITmediaにCommunity Serverの記事

Yuma Shimakawa — Thu, 25 Aug 2005 23:03:00 GMT

ITmedia EnterpriseのコミュニティツールにCommunity Serverのインストール手順記事を投稿しました。

http://www.itmedia.co.jp/developer/community/

次はDotNetNukeを取り上げる予定です。

Community Server スキンチュートリアル Part 7

Yuma Shimakawa — Fri, 12 Aug 2005 07:54:00 GMT

Mr. Celarier published a tutorial to develop Community Server skins , Here is translation to Japanese

このCommunity Server スキン作成チュートリアルはStuart Celarierさんが作成したドキュメントを、超ラフ意訳含みで翻訳したものです。オリジナルは、Blog skin tutorial for Community Server: Part 7 – Custom view controls です。

翻訳ここから----------------------------------

パート7 カスタムビューコントロール
パート5・パート6では、表示されるページを構成するブロックであるスキンコントロールを扱いました。次は、ページ全体の構造を修飾する方法をテストしてみます。
Community Serverでは、blogホームページを参照すると、最新の投稿のリストが表示されます。投稿のコメントリンクをクリックすると、投稿と投稿に対するコメントがリストされているページにジャンプします。ブログにカテゴリが設定されている場合、それぞれのカテゴリページで投稿を参照することもできます。つまり、ここでは、たとえば、3種類のビューがCommunity Serverの表示画面として使われているという事になります。それぞれの表示画面を作る方法を習得しましょう。
インストラクション
パート2の要素の追加では、共通の構造を定義した、LayoutTemplate.ascxというカスタムコントロ－ルを作成しました。今まで観てきたとおり、LayoutTemplate.ascx は、<CS:BodyTemplate)という要素を含んでおり、これは、内容が置き換えられ、また、異なったブログページで使われます。view control は、ASP.NETのカスタムコントロールで、それぞれのビューのLayoutTemplate.ascxの中の、<CS:Bodyamplate>の内容で置き換えられます。
%csroot%/Themes/Blogs/default/Views フォルダーに移動します。そこには、View-で始り、.ascxで終わる、いくつかのカスタムコントロールがあります。たとえば、View-Home.ascx はhomeページを定義しており、View-Comments.ascx と View-PostCategory.ascx は、それぞれ、コメントとカテゴリページを定義しています。
Community Serverは、標準スキンコントロールを上書きする仕組みと同様に、標準のビューコントロールを上書きします。Community Serverは、最初にカスタムスキンのフォルダのビューコントロールをチェックし、それが見つからない場合、defaultフォルダのViewコントロールを使います。
%csroot%/Themes/Blogs/Custom フォルダに、Viewというフォルダを作成します。そして、View-Home.ascxというビューコントロールを%csroot%/Themes/Blogs/default/Views フォルダから%csroot%/Themes/Blogs/Custom/Views フォルダにコピーします。
CustomフォルダのView-Home.ascxを開き、以下のとおり修正します。
<%@ Control Language="C#" %>
<%@ Register TagPrefix="Blog"
    Namespace="CommunityServer.Blogs.Controls"
    Assembly="CommunityServer.Blogs" %>
<Blog:LayoutTemplate runat="server">
<InnerTemplate>
    <Blog:EntryListContainer id="RecentPosts" runat="server"/>
</InnerTemplate>
</Blog:LayoutTemplate>
一番外側の<Blog:LayoutTemplate>はLayoutTemplate.ascxコントロールとしてパート2で定義しています。<Blog:LayoutTemplate>要素の内側は、<InnerTemplate>要素として定義されています。LayoutTemplate.ascxの中の<CS;BodyTempalte>要素をリプレースします。??? この場合、<Blog:EntryListContainer>が要素をリプレースになります。
それでは、Community serverに戻り、ホームページ（home）、コメントビュー(Comments)、カテゴリビュー(PostCategory/ArticleCategory)、日付ビュー(Day)、月別ビュー(Month)などを参照してみます。これらそれぞれのビューは、ViewフォルダのViewコントロールで定義されています。それぞれのViewコントロールは、LayoutTemplateの条件で定義されており、viewコントロールは、LayoutTemplateにあるそれぞれのコントロールをリプレースします。LayoutTemplateコントロールは、すべてのコントロールに対して一貫したビューを提供します。
View-Home.ascx の中の<InterTempalte>要素の中に<h3>を追加し保存します。
...
<InnerTemplate>
<h3>Recent Posts</h3>
<Blog:EntryListContainer id="RecentPosts" runat="server"/>
</InnerTemplate>
...
テスト
Blogページに移動し、再読込してみます。”Recent Post”というヘッダがBlogホームページに追加されています。しかし、このヘッダは、コメントページなど他のBlogページには表示されません。

Community Server スキンチュートリアル Part 6

Yuma Shimakawa — Fri, 12 Aug 2005 07:51:00 GMT

Mr. Celarier published a tutorial to develop Community Server skins , Here is translation to Japanese

このCommunity Server スキン作成チュートリアルはStuart Celarierさんが作成したドキュメントを、超ラフ意訳含みで翻訳したものです。オリジナルは、Blog skin tutorial for Community Server: Part 6 – Changing structure with skin controls です。

翻訳ここから----------------------------------

パート6 スキンコントロールを使った構造の変更
前パートのステップでは、カスタマイズされたスキンで標準のスキンを上書きする方法を説明しました。次は、ブログの構造をスキンコントロールを使って変更してみます。
変更する点は、購読リンク(RSS2.0,Atom0.3,Email、contact)をサイドバーから、ヘッダへ移動させます。そして、そのリンクを中黒(・)付きの１行に変更してみます。
インストラクション
Skin-BlogSideBar.ascx を%csroot%/Themes/Blogs/default/Skins フォルダから %csroot%/Themes/Blogs/Custom/Skins フォルダにコピーします。
CustomスキンフォルダにあるSkin-BlogSideBar.ascxを編集します。以下の要素を削除して保存します。
<Blog:Subscriptions runat="server"/>
この部分は購読リンクを作成する要素で、ヘッダに移動します。
次に、Customスキンフォルダの Skin-BlogTitleHeader.ascx を編集します。そして、ページのトップにあるASP.NETディレクティブにカーソルを移動し、このディレクティブに一番最後に、以下のディレクティブを追加します。
<%@ Register TagPrefix="Blog"
    Namespace="CommunityServer.Blogs.Controls"
    Assembly="CommunityServer.Blogs" %>
これはBlogという接頭辞を利用するアセンブリのネームスペースを登録しています。
Sidebar controlから削除した以下の行をheaderコントロールの最下部に追加し、保存します。
<Blog:Subscriptions runat="server"/>
次に、購読リンクのフォーマットを変更します。要素名 Blog:Subscriptions はSkin-Subscription.ascxの中で定義されています。
Skin-Subscriptions.ascx を%csroot%/Themes/Blogs/default/Skins フォルダーから%csroot%/Themes/Blogs/Custom/Skins にコピーします。
CustomスキンフォルダのSkin-Subscriptions.ascx を編集します。<ul>タグの中で<li>によるリストが宣言されているのを確認してください。この構造をこれから変更していきます。
また、最後の”emailLink”と”contactLink”という２つのアイテムもよくみると”emailitem”と”contactitem”というid値が設定されています。それぞれの<li>要素はrunat=”server”の属性をもちます。これらに含まれる要素は、アイテムにとって重要ですが、この要素の2つとの違いは筆者にはわかりません。
このファイルの中身を以下の様に書き換えます。
<%@ Control %>
<%@ Register TagPrefix="CS"
    Namespace="CommunityServer.Controls"
    Assembly="CommunityServer.Controls" %>
<div id="subscriptions">
<asp:HyperLink id="rsslink" runat="server" />
<asp:HyperLink id="atomlink" runat="server" />
<span id="emailitem" runat="server">
    <asp:HyperLink id="emailLink" runat="server" />
</span>
<span id="contactitem" runat="server">
    <asp:HyperLink id="contactLink" runat="server"/>
</span>
</div>
ここでは、一番外側で<div>タグを使って囲みます。これは一意なIDを使ってスタイルを設定するためです。そして、<ul><li>によるリスティングを削除し、<span>要素で後ろ二つの項目(“emailitem” and “contactitem”)をくくります(これが必要なのかどうかよくわかりません)
Custom Styles フォルダーの中style.css を編集し、以下のルールを追加します。
#subscriptions {
font-size: 0.8em;
text-align: right;
margin-top: 1em;
border-top: solid 1px #999;
border-bottom: solid 1px #999;
}

#subscriptions a {
padding-left: 0.75em;
padding-right: 0.75em;
color: #999;
}
テスト
テストblogに移動し再読込します。RSS、Atomなどのリンクが上下に1ピクセルのライン付きで、一行で右寄せで表示されているはずです。

Community Server スキンチュートリアル Part 5

Yuma Shimakawa — Wed, 10 Aug 2005 01:08:00 GMT

Mr. Celarier published a tutorial to develop Community Server skins , Here is translation to Japanese

このCommunity Server スキン作成チュートリアルはStuart Celarierさんが作成したドキュメントを、超ラフ意訳含みで翻訳したものです。オリジナルは、Blog skin tutorial for Community Server: Part 5 – Custom skin controls です。

翻訳ここから----------------------------------

パート5カスタムスキンコントロール
このチュートリアルの最初の方のパート2(要素の追加) では、LayoutTemplate.ascxカスタムコントロールを作成しました。このASP.NETカスタムコントロールには、<Blog:BlogTitleHeader> と <Blog:BlogSideBar> が使われており、それぞれ、ブログのヘッダ部分とサイドバー部分を構成しています。次は、これらのエレメントの構成の理解と、カスタマイズの方法を学習します。
インストラクション
%csroot%/Themes/Blogs/default フォルダに移動します。このフォルダにあるスキンがCommunity Serverで標準的に利用されています。ブログが標準以外のスキン(テーマ)を使うとき、Community Serverは、選択されたスキンの中からスキンのコンポーネントを探します。コンポーネントが存在しない場合、再度標準のスキンの情報を参照します。これは、パート4で紹介した、CSSのコンセプトの「カスケーディング」に似ています。。
Community Serverインストール時に、Marvin2スキンはブログの標準スキンとしてインストールされています。Marvin2スキンは、DefaultやCustomフォルダと同じ階層に存在しています。標準のブログスキンを変更するには、defaultフォルダにあるファイル群をリプレースします。上記の通り、非標準スキンに含まれないコンポーネントなどは、標準スキンを参照することになるため、標準のスキンを変更することは、Community Serverで利用できるすべての非標準スキンに影響を与える可能性があるという事を理解しておかなければなりません。つまり、標準のスキンを変更する事は、新しいスキンを作成するよりも大きな注意が必要です。このチュートリアルでは、シンプルに新しいスキンを作成する事に重点を置きます。.
まず、default の中のSkins に移動します。多くのファイルがこのフォルダにありますがSkin-BlogTitleHeader.ascx と Skin-BlogSideBar.ascx を探します。Skin-という接頭辞よりあとのコントロールの名前が、CustomスキンのLayoutTemplate.ascxで使われている<Blog:BlogTitleHeader> と <Blog:BlogSideBar>の要素を意味します。
次に %csroot%/Themes/Blogs/Custom フォルダに移動し、Skinsフォルダを作成します。
Custom Skins フォルダに以下の内容でSkin-BlogTitleHeader.ascx というファイルを作成します。
<%@ Control Language="C#" %>
<%@ Register TagPrefix="CS"
Namespace="CommunityServer.Controls"
Assembly="CommunityServer.Controls" %>
<%@ Import Namespace="CommunityServer.Components" %>
<div id="maintitle">
<asp:HyperLink id="BlogTitle" runat="server"/>
</div>
<div id="subtitle">
<asp:Literal id="blogSubTitle" runat="server"/>
</div>
Community Server は<asp:HyperLink> の <asp:Literal>を指定・挿入するために id属性の値を使います。スタイリングのために、これらのエレメントは、<div>タグで囲ってあります。
In the Custom Styles フォルダのstyle.cssに次のルールを追加します。
#maintitle {
font-size: 2em;
font-weight: bold;
}

#maintitle a {
color: blue;
}

#subtitle {
font-size: 0.8em;
letter-spacing: 0.2em;
}
これは、今作成したBlogTitleHeaderコントロールのスタイルを決定しています。
次のステップは、カスタムコントールでななく、blog全体の見た目を変更します。以下の通り、既存のbodyのルールを修正します。
body {
margin: 0px;
font-family: segoe ui, gill sans mt, verdana, sans-serif;
}
そして、次の通り、ハイパーリンクのスタイルを追加します。
a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
テスト
テストブログに移動し、再読込します。メインタイトルのハイパーリンクは青で表示され、サブタイトルは、文字間のスペースが広げられています。作成されたBlogTitleHeaderは、標準の設定を上書きし、新しいコントロールでスタイルを上書きしています。
ここまででSkinsフォルダの中のコントロールをカスタマイズする方法を学習してきました。次は、ここまで学習してきた事を利用し、ブログスキンの中の構造を変更してみましょう。

Community Server スキンチュートリアル Part 4

Yuma Shimakawa — Wed, 10 Aug 2005 01:06:00 GMT

Mr. Celarier published a tutorial to develop Community Server skins , Here is translation to Japanese

このCommunity Server スキン作成チュートリアルはStuart Celarierさんが作成したドキュメントを、超ラフ意訳含みで翻訳したものです。オリジナルは、Blog skin tutorial for Community Server: Part 4 - Alternative layout using style です。

翻訳ここから----------------------------------

パート4 スタイルを用いてのレイアウト拡張
前のパートでは、メインコンテンツの左側にサイドバーをレイアウトしました。このレイアウトに加えて、同じ様なデザインのスキンでサイドバーの位置をメインコンテンツの右側に作成したい場合もあります。そして、そのレイアウトはblogのオーナーが自由に選択できると便利です。また、同じレイアウトで色だけ変更した場合もあるかもしれません。Community ServerはCSSのカスケードにより、この機能をサポートしています。
インストラクション
%csroot%/Themes/Blogs/Custom/Style フォルダに、sidebar-right.css という名前のスタイルシート以下のソースコードの内容で作成します。.
#sidebar {
float: right;
}

#main {
float: left;
border-right: solid 2px blue;
border-left: none;
}
このスタイルシートが利用されるとき、Community Serverは、最初にstyle.cssを適用します。そして、その後、sidebar-right.cssをstyle.cssを上書きする形で適用します。CSSでは、一つのセレクタに対して、複数の宣言がされる場合、最後の宣言が使われます。これが、CSSのカスケードの実装の一つです。今回の場合では、sidebar-right.css中の値がstyle.css中の値を上書きします。つまり、sidebar-right.cssはstyle.cssとは異なった内容を宣言しなければなりません。今回の場合では、メインパートのフロートの値が変更され、左サイドに設定されます。また、メインパートの右側にボーダーが追加され、左サイドのボーダーが取り除かれています。

テスト
テストしたいブログにアクセスし、”Manage This Blog”リンクをクリックします。Themeのドロップダウンリストには、Customというエントリーと、Custom –sidebar-rightという表示されていますので、その中からCustom – sidebar-rightを選択します。そして、テストしたいブログに移動し、ページを再読込します。するとCustom- sidebar-rightが適用され、メインコンテンツが左に、サイドバーが右に表示されているはずです。
この仕組みを使って、関連するテーマを複数種類定義する事ができます。たとえば、Community Serverに標準で含まれるMarvin2スキンでは、いくつかのカラーパターンが登録されています。Style フォルダの中のstyle.cssは各スキンの標準スタイル決定しています。他の*.cssファイルは同じスキンファイルのファミリで、最初にstyle.cssが適用され、その後、ファミリメンバーの*.cssが適用されます。
このCSSを用いたレイアウト方法は、LayoutTemplate.ascxでテーブルタグを用いてレイアウトするよりも高い柔軟性を実現できます。

Community Server スキンチュートリアル Part 3

Yuma Shimakawa — Wed, 10 Aug 2005 01:02:00 GMT

Mr. Celarier published a tutorial to develop Community Server skins , Here is translation to Japanese

このCommunity Server スキン作成チュートリアルはStuart Celarierさんが作成したドキュメントを、超ラフ意訳含みで翻訳したものです。オリジナルは、Blog skin tutorial for Community Server: Part 3 - Laying out the structure using style です。

翻訳ここから----------------------------------

パート3 スタイルを使った構造のレイアウト
ここまでで、構造とスタイルを利用した作業を学習しました。それでは、CSS利用し、もう少し凝ったデザインテンプレートを作成していきます。
インストラクション
%csroot%/Themes/Blogs/Custom/Style/style.css を以下の通り置き換えます。
body {
margin: 0px;
}

#header {
padding: 1em;
}

#sidebar {
float: left;
width: 12em;
padding: 1em;
}

#main {
float: right;
padding: 2em;
border-left: solid 2px blue;
}

#footer {
clear: both;
}
body のCSSは、ページ外部にマージンを取らないと明示しています。
#headerは”header”属性部分を内側すべてのパディングを1emに設定しています。
#sidebarは左端から常に12emの幅であり、フローティングであるという事を要素を定義しています。
#main は右寄せのフローティングで、青色の一本線(blue solid)で2ピクセル幅のボーダー線を左側に設定しているという要素を定義しています。.
最後に、#footer フッタは、上記で定義してフローティングの要素をクリアしています。よって、フッタは、サイドバー要素、メイン要素の下に表示されます。

テスト
それでは、blogに移動しページを再読込します。上部ヘッダ、最下部フッタ、左側にサイドバー、残りにメインセクションが表示されているはずです。コンテンツは、マージン無しにページ全体に表示されています。
基本的なスキン拡張して、たとえば、異なったレイアウトや、異なったカラースキーマのスキンの作成を次のステップで行います。