SOY CMSの次期バージョンが近日中にベータリリースする、というアナウンスが公式サイトに発表されました。6月の告知どおり、この次期バージョンから、私もSOY CMSの開発チームに参加しています。
SOY CMSの次期バージョンには様々な新機能を盛り込まれますが、ベータテスターの皆さんからのフィードバックをうまく品質向上に役立てたいと思っております。
興味がある方は是非ベータテストに参加してください、どうぞよろしくお願い申し上げます。
ベータテスターへの応募はSOY CMS公式サイトへ
SOY CMSの次期バージョンが近日中にベータリリースする、というアナウンスが公式サイトに発表されました。6月の告知どおり、この次期バージョンから、私もSOY CMSの開発チームに参加しています。
SOY CMSの次期バージョンには様々な新機能を盛り込まれますが、ベータテスターの皆さんからのフィードバックをうまく品質向上に役立てたいと思っております。
興味がある方は是非ベータテストに参加してください、どうぞよろしくお願い申し上げます。
ベータテスターへの応募はSOY CMS公式サイトへ
Adobe CS5が5/28に発売されました。Dreamweaver CS5×SOY CMS Dreamweaverと相性のよいCMS「SOY CMS」
http://www.adobe.com/jp/devnet/dreamweaver/articles/soycms_w_dwcs5.html
執筆にはSOY CMS開発元、日本情報化農業研究所の皆さんにご協力頂きまして書かせて頂きました。古荘さん、戸部さん、担当いただいた編集の皆さん有難う御座いました。
テンプレート同期の部分は一部前の記事を元にさらに書き直しましたが、その他はこの記事用に新たに書き起こしたものです。
スニペットの使い方について簡単にご紹介しておりますので、興味がある方は是非ご覧頂ければと思います。
]]>
世界中の１％の人々へのブログでお馴染みの蒲生さんのご厚意により、ソフトバンククリエイティブ株式会社様よりMovable Type 5実践テクニックをご献本頂きました、有難う御座います。
私も当ブログ等(このブログはMTOS5です)でMT5を利用しておりますので、利用者目線で内容の紹介を少しさせて頂ければと思います。
]]>Chapter 2 自己紹介を作ってみよう
2-1 本書で扱うテーマについて
2-2 テーマについて
2-3 テーマのインストール
2-4 カスタムフィールド
2-5 アクションストリーム
2-6 基本機能で行うSEOカスタマイズ
2-7 WYSIWYGエディタ
2-8 カテゴリの並べ替え
2-9 テーマのエクスポート
2-10 Chapter 2まとめ
Chapter 3 企業案内を作ってみよう
3-1 本書で作るウェブサイトの概要
3-2 事前準備
3-3 テーマのインストール
3-4 カスタムフィールドの設定
3-5 カテゴリ / フォルダの並べ替え
3-6 Google APIの取得と設定
3-7 プラグインの設定
3-8 メールフォームの作成
3-9 テーマのカスタマイズ
3-10 テーマのエクスポートとカスタマイズ
3-11 カスタムフィールドの使い方
3-12 Chapter 3まとめ
Chapter 4 カタログサイトを作ってみよう
4-1 本書で作るウェブサイトの概要
4-2 各種の準備作業
4-3 カスタムフィールドの定義
4-4 各ページの基本構造とテンプレートの関係
4-5 ウェブサイトのメインページのテンプレート
4-6 各テンプレートの主なポイント
4-7 SearchEntriesプラグインの使い方
4-8 検索フォーム / 検索結果表示ページ作成の基本
4-9 検索フォームウィジェットの作成
4-10 検索結果表示テンプレートの作成
4-11 その他の留意事項
4-12 Chapter 4まとめ
Chapter 5 さらにカスタマイズするために
5-1 ダッシュボードウィジェットの基本
5-2 本格的なダッシュボードウィジェットを作る
5-3 管理画面の一般的なカスタマイズ
5-4 ブログIDへの依存をできるだけ避ける
5-5 Chapter 5まとめ
Appendix
A-1 Movable Type 5のインストール
A-2 旧バージョンからのアップグレード
A-3 ローカル環境の作成 (Windows)
A-4 ローカル環境の作成 (Mac)
A-5 ブログのコピー (複製)
A-6 おすすめプラグイン
A-7 Movable Type関連の情報源
(目次を書き起こすだけで疲れてしまいました・・)
本書は大型本:432ページでかなりボリュームがありますが、内容はとても丁寧に、MTをこれから覚えたい人、MT5の新機能を効率的に学びたい方向けに親切なチャプター設計になっています。
特に個人的に感じたことは、各チャプターに登場するサンプルのサイトがとても実戦的で、「MT5案件受けることになりそうだけど、あまり詳しくない」といった方にはとても役立つ内容だと思います。
MT5を使ったサイト構築が学べるChapter 2,3,4もとてもわかりやすいと思いましたが、Chapter 5で登場する管理画面のカスタムやウィジェット制作、ブログIDへの依存の話と、付録のローカル編のインストール編（XAMPP）も丁寧な構成でとても分かりやすかったです。
ビギナーからハイエンドな使い方まで学べるMT本としては外せない一冊になりましたね。MT5本を探されている方には是非お勧めしたいと思います。
2010年2月27日にTKP大阪梅田ビジネスセンターで開催されましたCSS Nite in KANSAI, LP1に出演いたしました。
当日は200名を超える多くの方にご参加頂きました、ご参加頂いた皆様、誠に有難う御座いました。
photo by おかだよういち（s-style-arts）
2010年5月1日更新
大変遅くなりましたが、当日のスライドを公開いたします。すいません、すっかり遅くなってしまいました・・
また、当日複数の方にご希望頂いていたSOY CMSのタグを簡単に挿入できるようにするDreamweaverのスニペットの公開を、開発元の日本情報化農業研究所様と連携し、作成を進めています。スニペットについては改めて本ブログでもご紹介いたします。
2010年5月1日更新
その後、開発元の日本情報化農業研究所のスタッフと共同でDreamweaver用のスニペットを作成しました。SOY CMSの独自タグを簡単にDreamweaver上で記述する事ができます。
こちらについては後日改めて別の記事でご紹介したいと思います。
SOY CMS向けDreamweaver用スニペット
今回のフォローアップはここまでとなります、ご参加頂いた皆様、誠に有難う御座いました！
]]>
2010年1月25日にアップルストア心斎橋にて行われたCSS Nite in KANSAI LP1プレセッションにて、SOY CMSの概要を開発元の代表、古荘さんとお話する機会を頂きました。
この記事では簡単に当日のセッション内容を紹介します。
photo by おかだよういち（s-style-arts）
また、当日はアップルストアでの発表という事もあり、Macにローカルサーバ環境、MAMPを準備してSOY CMSのデモを行いました。これからMacで気軽にSOY CMSを試してみたいという方は、MAMPでSOY CMSを試すという記事も公開しておりますので、よろしければ合わせてご覧ください。
]]> 当日のスライドですが、slideshareにページを若干端折って公開しております。当日はCMSを利用していない利用者向けであった為、概要説明が多くを占めたのですが、後半にSOY CMSとDreamweaverとの連携デモ（テンプレートファイルをDreamweaver等のエディタで制作・編集する）を行いました。
これを簡単にブログ上でご紹介します。
SOY CMSには"テンプレート同期プラグイン"というものがあり、これを利用してDreamweaverと連携してテンプレートを編集します。
"テンプレート同期プラグイン"は標準でSOY CMSに含まれているため、新たにダウンロードを行う必要はありません。
(※右のスライドは古荘さん作成)
SOY CMSのプラグインのタブをクリックし、プラグインページにアクセスします。
デフォルトでは"テンプレート同期プラグイン"は有効になっていないので、アクティブでないプラグインの中にある、"テンプレート同期プラグイン"を選択し、”このプラグインを使用する”をクリックします。
プラグインが有効になったら、プラグインページ内にある、"ファイルに書き出す"をクリックして、テンプレートファイルを静的htmlに出力します。
出力されたhtmlをDreamweraverで開きます。このhtmlを編集し、再度CMSに反映します。ちなみに、こちらのhtml内にDreamweraverのテンプレート機能やライブラリ機能を埋め込んで管理しておけば、CMSのブロック機能以外でも、パーツの共通管理等を行えます。
デフォルトでは編集済みのhtmlにすべてチェックが入っていますので、反映したくないhtmlがあれば、チェックを外します。最後に、"ファイルから読み込む"ボタンを押して、SOY CMSに編集されたテンプレートhtmlを反映します。
※1 本作業前に、念のためはじめに出力した"export"フォルダのバックアップをお勧めします。
※2 テンプレートファイルのバージョン管理機能もあるため間違って編集しても復元する事ができますが、それについては別の機会にご紹介します。
以上が簡単に、SOY CMSのテンプレートファイルをDreamweaverで編集する方法となります。
今後もDreamweaverなど、htmlエディタを使って簡単にSOY CMSのテンプレートを管理する方法については、引き続き本ブログで紹介していく予定です。
Dreamweaver(R)は Adobe Systems Incorporated（アドビ システムズ社）の米国ならびに他の国における商標または登録商標です。
]]>
Google等でも検索してみたのですが、OSXのローカルサーバ環境、"MAMP"上でSOY CMSを動作させる為の紹介サイトが無かったため、簡単にこの記事で紹介いたします。
Mac上にSOY CMSをインストールのはとても簡単で、ローカルサーバ環境の準備を含めて10分程度(※2)で終了します。ご興味がある方はお気軽に試して頂ければと思います。
]]> ※1 Windows環境の方はXAMPP + SOY CMSの導入記事をご参照ください。※2 現在(2010年2月)のMAMPの最新バージョン(1.8.4)ではphpのZip/Archiveクラスが通常インストールでは利用できません。その為、SOY CMSのテンプレートパック機能が利用できません。しかし、とりあえずMacで簡単にSOY CMSを試してみたい、という方にはテンプレートパック機能無しでSOY CMSを試して頂くことをお勧めしたいと思います。
※3 MAMPのバージョンアップにより解決される問題ではありますが、ここではMAMPでZip/Archiveクラスを利用する方法は紹介しません。また、本記事はMAMPのバージョンアップ次第で改訂していく予定です。
それではOSXにローカルサーバ環境を準備し、SOY CMSをインストールする手順をご紹介します。
"Download now"ボタンをクリックしてMAMPをダウンロードします。
MAMPのダウンロード後、dmg内のMAMPフォルダを、OSXの"アプリケーション"フォルダにコピーしてください。
MAMPフォルダをアプリケーションフォルダにコピーした後に、MAMPフォルダ内にある"MAMP"を実行してください。
MAMP実行後、ブラウザが起動し、上記の画面が表示されたなら、MAMPのインストールは終了しています。さて、次はSOY CMSのインストールに進みます。
http://www.soycms.net/product/download
上記URLにアクセスいただき、チェックボックス等はそのままでダウンロードボタンを押してください。今回はインストーラ付きのSQLite版を使ってインストールします。
SOY CMSのzipファイルのダウンロードが完了しましたら、解凍後のインストーラフォルダ”soycms_installer”を、MAMP内のhtdocsフォルダ内にコピーしてください。
htdocsのデフォルトのパスは、"アプリケーション/MAMP/htdocs"になります。
http://localhost:8888/soycms_installer/
上記画面が表示されているなら、インストールを進める事ができます。ウィザードに従って画面を進めてください。
途中、SOY CMSをインストールするディレクトリ名を決めます。デフォルトではcmsフォルダにインストールされます。特に変更する必要がなければそのままインストールしてください。
画面指示に従ってインストーラを進めると、下記のような画面に到着します。
冒頭に説明したとおり、Zip/Archiveクラスが利用できない事によりアラートの表示が出ていますが、このままインストールを続けます。
上記画面のように、インストールが完了します。
インストール完了後、SOY CMSを管理するための管理者ID,パスワードを設定します。
任意のID、パスワードを入力してください。
管理者のID、パスワードの設定が完了後は、次の画面で管理者ID、パスワードでSOY CMSにログインし、SOY CMSが利用できるようになります。
これでインストールは完了となります。 Zip/Archiveクラスが利用できないためサイトの雛形が生成できませんが、SOY CMSがどんなCMSなのかは、管理画面を操作頂く事でより直感的に理解できるかと思います。
ローカルサーバで試した後には、実際にレンタルサーバなどで、フル機能のSOY CMSを試される事をお勧めします。
MAMPとSOY CMSの情報については進展があり次第、本ブログでも随時ご紹介する予定です。
]]>
サイトにアクセスすると英語版が表示される方は、サイト下部にある”Go to Japanese”をクリックしてください。(日本のサービスです)
この手のサービスは海外でいくつか公開(gliffyやcreatelyなど)されておりますが、うまく日本語が通らなかったり(使える所もあります)、そもそもインターフェイスが日本語で無い事から「明日から社内で！」とは行きづらいのが日本人の本音です。
さてCacoo(カクー)のサービスの大まかな解説は他のサイトにお譲りして、このサービスの良い部分や使えるポイント、またはウィークポイントを挙げていこうと思います。
しかし、微妙にWEBアプリっぽい挙動もまざるため、私自身はAdobe系ツールを10数年使っていますが、そういうツール慣れユーザーでも少し混乱します。
illustratorやPowerPointではオブジェクトを作成する際、パネル選択後ドラッグで作成しますが、Cacoo(カクー)の場合は"ステンシル"というツールパネルからドラッグ＆ドロップすることでオブジェクトを作成します。（私自身は情け無い事にここで3、40秒躓きました・・）
ドラッグ＆ドロップでオブジェクトを作成後は、他のツール同様、オブジェクトを選択後、ドラッグで自由にサイズを変更できます。
余談として、ツールパネル（ステンシルとインスペクタ）自体もドラッグして自由に配置する事が出来ますので、私の場合はオブジェクト作成パネルであるステンシルは左側に置いて作業しています。
この画像を見ていただいてハっとわかる人も居ると思いますが、Cacoo(カクー)は整列機能が優れています。オブジェクトの位置をドラッグしていくと、近隣のオブジェクトの位置に合わせてガイドラインが表示され、キレイに吸い付いてくれます。これがあるとサイトマップなど、多数のオブジェクトが並ぶ図もかなり作成しやすいと思います。
実はこの機能はウィークポイントというか、やはりデスクトップアプリよりは使いづらい機能だったのですが、あえて紹介します。(コネクタはこんなやり方でもＯＫな人は使えますので)PowerPointやVisioの感覚とは異なりますので注意してください。(ステンシルの矢印オブジェクトからはコネクタを作成できません。)まず、アプリケーション上部にあるメニューの、"コネクタ"を選択します。
コネクタを選択後、線で結びたいオブジェクト同士をドラッグで結びます。これでコネクタは張られているのですが、標準では直線になってしまいます。直角に折れ曲がったコネクタを張りたい場合は、上記の画像のようにコネクタの真ん中をダブルクリックし、中心点を作成し、中心点を任意の場所にドラッグして直角に折れ曲がったコネクタを作成します。
残念な事に、オブジェクトを移動すると角度ごと変わってしまいます。この機能は既存のデスクトップアプリから比較するとかなり使いづらい点です。あまり試せていませんが、私には他の効率的な方法を見つけることが出来ませんでした。ひょっとすると他に方法があるかもしれませんので、コネクタ機能に満足できない方は調べるなり開発側に問い合わせてみてください。
余談としては、残念ながらFireworksで編集可能なpngではありません。もし、Fireworksで編集可能なpngが生成できるなら、そもそもFireworks自体を脅かしかねない存在になっていたでしょう。Fireworksで編集できるpngのファイルフォーマット自体は通常のpngとは異なるため、本機能の実装は難しいかもしれません。(FireworksのPNG自体がオープンでないかもです、というか多分そうです、この辺り勉強不足なので勉強しておきます。。)
最近だとGoogle Docsでやる、という所もあるでしょう。さて、Cacoo(カクー)やGoogle DocsなどのWEBアプリケーションでワイヤーフレームを作る価値は何処にあるでしょう？
とてもシンプルな利点としては、ライセンスを気にせず、多人数で(場合によってはクライアントを含めて)コラボレーションしながら作成できる所があるでしょう。
それ以外にCacoo(カクー)のようなツールを使うメリットとしては、ワイヤーフレーム制作用のオブジェクトがすでにあるので、ワイヤーの作成はもちろん、修正がとても行いやすい、という点が挙げられます。
他のドローツールのようにウィンドウ幅を変えたり、ボタンの幅を変えるたびに線幅の調整などを行う必要はありません。またPowerPointでは細かな修正・調整が困難な場合があります。個人的には”１画面単位”の、たとえばトップページだけとかの設計を行う上では仕事でも利用できると感じました。
こんな感じで作ってみました。3分ぐらいで適当にです。
やはり、ショートカット(Ctrl+C、Ctrl+V)と整列機能は強力です。あっさり慣れることが出来ました。今後私もトップページ等の設計には使っていこうかなあと思っています。
そのような事を考えると、WEBアプリケーションでワイヤーフレーム制作を完結しようと思うと、Google Docsのようなppt互換のファイルが作成できるWEBアプリケーションがベースにあり、図をダブルクリックするとCacoo(カクー)のようなWEBドローツールが利用できる、という設計が便利ではないかと思います。で、そのままPDFやpptに保存できる感じですね。
将来的にはそのようなサービスを何処かが展開してくれるかと思いますが、まずはCacoo(カクー)でWEB系ドローツールの実力を体感してみてください。
Cacoo(カクー)自体はワイヤー以外に、オフィス図やUML、サイトマップ、企画書用の画像等も作成できます。（むしろそっちがメインですね）
今後もCacoo(カクー)や、他のワイヤー等が作成できるツールについても試してみたいと思います。
]]>
明けましておめでとう御座います。昨年末からはじまったばかりのweb-ketchupですが、本年もどうぞよろしくお願い申し上げます。]]>
しかし不思議な事にブログが国内で普及し、WEBサイトの更新がそんなに難しい事では無い事が周知の事実となった今でも、企業などのWEBサイトの更新ツールの導入は、それなりに大きなハードルであると認知されています。
ハードの問題(サーバ環境)であり、もう一つはソフト(CMSの導入作業)の問題です。どのCMSも、通常の更新業務に取り掛かるまでには沢山の時間とノウハウが必要です。この記事で取り上げるSOY CMSは、上記のソフト面の課題と書いた、面倒なCMS化(CMSの導入作業)に一石を投じる製品になっています。]]>
SOY CMSは2008年に公開された後発のCMSですが、日本国内(株式会社日本情報化農業研究所)で開発されており、オープンソースとして無償で利用できるライセンスで提供されています。 SOY CMSのインストールや利用方法については他のブログでも詳しい解説が掲載されています。当ブログでも今後htmlの組み込み方法などを掲載する予定です。
XAMPPにSOY CMSをインストールしてみた: 世界中の１％の人々へ
1に関しては昨年のdotFesというイベントでも開発元代表の古荘氏が発表されていましたが、CMS組み込み後も、Dreamweaver等を使いながらテンプレートの改修等が出来る点が優れています。現状のブログ型では組み込み後のデザイン修正等はとても困難な作業です。このメンテナンス性の高さだけでも非常に価値があると言えますし、"めんどうなCMS化"に対する一つの答えとなっています。
2に関しては具体例が無いと分かりにくいので、追々サンプルを掲載して解説していこうと思います。よくWEBサイトのCMS化を行う際、すでに運用が行われているWEBサイトの表示ルール等が複雑で、簡単にCMSで実現できない事に遭遇する事があります。そのような難解な表示ルールにも、標準機能だけでCMS化する事が出来ます。
3についてはサンプルデータを示して当ブログに公開する予定ですが、実はCMS化する事で大きくWEBサイトのパフォーマンスが落ちてしまう事は、そんなに珍しい事例ではありません。「CMS化したけど遅くて困る・・」というのはよくある話です。
SOY CMSは基本的に動的生成(ダイナミックパブリッシング)で記事やページを表示しますが、標準状態でも十分高速です。またデフォルトはOFFになっていますが、現在ベータ機能としてキャッシュ機能も搭載されています。標準機能だけで高速に動作するという点は、CMSを選定する上でも重要な要素と言えそうです。
すこし長くなりましたが、今後何本かの記事に分けてSOY CMSの解説を公開する予定です。誤解の無いように改めて書くと、どのCMSにも一長一短があります。すべてSOY CMSが向いている、MTが向いている、という訳ではありません。あくまで各製品の利点を理解し、条件に合わせて製品選定できる事が望ましいように思っています。
MTOSは商用版のMovable Typeと異なり、GPLライセンスにて公開されており、無償で商用利用可能です。 MTOSのダウンロード
Movable Type(以下、MT)は2009年現在も日本国内で人気の高いブログツールですが、現在私たちがブログやCMS等でサイトを構築する場合、MT以外の選択肢で構築する事も珍しくありません。
しかし制作者の間では認知度の高い製品ですので、他の製品をテーマに書く場合においても、MTとの違いをお伝えする事で理解していただきやすい場合も在るかと思います。
今後MTに関してはMTOSのデザインカスタム方法や他のCMSへの移行等について公開していく予定です。
]]>ウェブケチャップの公開の動機はとてもシンプルなもので、他のブログ同様WEB上への情報還元でした。私たちのようなWEB開発/制作会社は日々WEB検索に支えられ、仕事に取り組ませて頂いております。微力ではありますが、WEB制作等の際にお役に立てるような記事が公開できましたらと思います。
それでは、今後ともweb-ketchupをどうぞよろしくお願い申し上げます。
]]>