TheDesignium

Designium»Blog»Tag - "WordPress"Return

blog home

  • 「WordPress」のタグキーワードで表示しています
  • これ以上前のページはありません
  • これ以上次のページはありません
  • 「WordPress」タグのエントリー一覧
  • サイト構築のための正しいCMS選択Scroll
  • WordPressとFlashの連携Scroll
  • DSN wants moreScroll
  • WebアプリのセキュリティScroll
  • CMSで迷ったらまずはWordPressScroll
  • ブログメニュー
  • カテゴリー+タグ一覧へScroll
  • コメント&トラックバック一覧へScroll

サイト構築のための正しいCMS選択

2009.10.26 - CMS

・ デザイニウムで使用しているCMS機能比較表

最近のサイト構築のプロジェクトでは、クライアント側での更新システムの導入＝CMSの導入は必須になってきています。一時はCMSやブログツールも群雄割拠という趣で、様々なCSMがオープンソース・商用問わず発表されていましたが、そろそろ有力な候補が絞り込まれてきています。

弊社で主に使用しているCMSは「WordPress」と「Movable Type」で、先日担当させていただいた会津大学オフィシャルサイトの構築には「Joomla!」を使用しました。前述の2つはブログ構築のツールとしては2大巨頭と言える定番ですが、定番であるがゆえサポートや拡張機能も豊富で信頼性も高く、お勧めできるシステムです。

WPはオープンソースなのでフリーで使用できプラグインも豊富で、また使い勝手が非常によいため一番よく使います。MTは商用サイトでの使用にはライセンス料が必要ですが、システムとしての信頼度と構築の自由度は全CMS含めてもトップクラスですので、やはりこれも採用頻度が高いです。さらに最近ではオープンソース版も登場しているので、さらに採用する機会は増えそうです。

Joomla!はWPやMTよりもやや規模が大きめのサイト向けのCMSで、競合には「Xoops」や「Drupal」がありますが、インターフェースの使いやすさ、拡張機能の豊富さなどを検討した結果Joomla!を採用しました。中規模以上向けのCMSにはクセのあるものも多いですが、Joomla!はその中ではわりとスマートに使えるものではないでしょうか。特に多彩な拡張機能には会津大サイト構築中もかなり助けられました。

このような感じでデザイニウムで使用している各CMSについて、機能・特徴などを一覧にしてまとめてみました（別ウィンドウで開きます）。運用や構築の際に気になる一通りの情報を網羅しているつもりです。ご参考になれば幸いです。

この他にも、非常にグラフィカルなUIを持ったCMS「Concrete5」やECサイト専用のCSM「EC-Cube」など気になっているCMSはありますし、これらも機会があればプロジェクトで採用していきたいと考えています。意見・感想などまとまったら表に追加していきたいと思います。

link: http://www.thedesignium.com/blog/cms/2037
autor: sakuma comment: 0件
tags: , ,

WordPressとFlashの連携

2009.10.22 - スキル

横山です。今回はwevy(PC)で利用したデータ連携の方法を紹介します。連係の流れは、FlashからWordPressへデータを送信し、その結果をXMLで取得し表示となっています。

wevyのムービーに関するデータは[日記のタイトル]を「ムービーのタイトル」、[日記の本文]を「ムービーの詳細」と言うルールを決めて保存しています。「カテゴリ」や「タグ」はそのまま利用し、カスタムフィールドにより「ムービーの固有ID」や「公開日」、「デザイナー名」などの項目を追加しています。
Flashから送られてくるデータに対応するムービーの一覧をXMLで表示すると言うケースを解説します。

【WordPressでのXML出力】
１、XML用のテンプレート（xml.php）をサーバーのへアップロードします。デフォルトのテーマを使っている時の場所は”wp-content/themes/default”になります。
２、管理画面の「外観」→「編集」にて xml Page Template (xml.php)を確認してください。
３、「ページ」→「新規追加」からページを作成し、テンプレートをxmlに変更してください。ページ本文は必要ありません。

sample source

sample source

>Template Name: xml
WordPressはファイル名ではなくここで名前としています。
もう一つ作る際は変更するのを忘れずにお願いします。

参考：「5ive」-WordPressでFlash用に複数のxmlを出力する方法-

【Flashでの送受信】
これに関しましては、ピッタリなものが提供されていました。この場でお礼とさせていただきます。
参考：「Joomla!」-Actionscript3.0でPOST＆XMLの取得-

【Flashでの表示】
上のリンクのサンプルのように(xml = e.currentTarget.getXML())XMLを取得します。各タグを個別に使う場合は、 「xml.elements(”movie_id”).length();」や「xml.movie_name[0]」のように書くことができます。

 

 

link: http://www.thedesignium.com/blog/skill/1931
autor: yoko comment: 0件
tags: , ,

DSN wants more

2009.05.27 - スキル, デザイン/アート

及川です。今日はjavascriptとwordpressを使ったマルチカラムのサンプルをご紹介したいと思います。

オフィシャルサイトはひとつのアイデアを元につくられたコンセプトモデルであり、また会社の顔ということで使い勝手や構築なども考慮しながら、あれやこれやとトライ＆エラーの繰り返しでノウハウやデータが取れる貴重な役割を持った場となっています。Flashはとりあえず使わない！というのもひとつのテーマとしてあがっていますが、今回はその中でも、もうひとつのアイデアを元に作成したコンセプトモデルの紹介です。

LINK: マルチカラム DSN version
※推奨環境はsafariでの閲覧です（IEでは構築が遅いです
※マウススクロールで切り替わります

個人的にはこれからの注目はマルチカラムじゃないのかなと思っています。一覧性を保ちつつ、設計によっては紙媒体並みの表現力と画面幅に依存しないで使える(いまはワイド画面も多いため)という期待を込めての考えです。すでにFireFoxやSafariではCSS3のモジュールを使った機能は実装されていますが、あまり見かけない現状もあって今回実験的に作成してみました。このあまり見かけないという原因は、画面サイズと文章量によって高さなどが不特定になり、場合によっては左カラムの終わりまでスクロールしたあと、右カラム、つまり画面上まで戻って見る必要があるということがひとつの原因となっています。これを自動的に画面サイズから高さを割り出し、均一に割り振るのが今回のサンプルです。

またProgressive Enhancementという考えも出てきていますが個人的にはjavascriptを使うことによって、各ブラウザでも対応した形を取ることもできるんじゃないかと考えています。もちろん同じ見た目を維持する必要があった場合の処置ですが、この辺の考えを「デザインする人」ことcouldの長谷川さんのところでアンケートを取っている模様です。結果が気になるところでもありますし、皆さんもアンケートにお応えしてみてはいかがでしょうか。

いまのボクの周りには秦さんやしげさんを中心に貴重な意見をもらえる環境がそろってきていますが、やはりユーザーの声はもっと聞きたいですし、またここから発展したものがでてきたらうれしい限りです。今後こういったサンプルはスクリプトの軽い解説を含めてまとめたものをコラムなどにして公開できたらと思っています。honeyee.comやnuan+で採用されないかなぁ。

link: http://www.thedesignium.com/blog/design-art/1480
autor: oikawa comment: 0件
tags: , , ,

Webアプリのセキュリティ

2009.04.14 - CMS, スキル, デザイン/アート

初めまして横山です。来年度入社予定です。

さて、今回はWebアプリケーションにおけるセキュリティの話です。コミュニケーションツールとしては掲示板・Blog・SNSなどがありますが、不特定多数のユーザーが書き込み可能という点においてはどれも共通しています。ユーザーのメールアドレスが登録されている場合も安心ではありません。セキュリティ対策を行わなかった場合、「他のユーザーになりすまして書き込み」、「データベースに保存されているデータを消去」、「認証すりぬけ」などの被害が予想されます。

一から開発する場合、セキュリティ対策はかなり時間のかかるものとなってしまいます。フレームワークを利用すればよいのかもしれませんが、独自仕様を習得する必要があります。そこで利用したいのがオープンソースです。Blogの場WordPressやMovable Type、SNSの場合OpenPNEが代表されます。ソースが公開されているので、セキュリティ対策がしてあります。必ずしも完璧ではありませんが、問題があった場合に開発側が対策パッチをリリースしてくれます。後はパスワード管理、フォルダのパーミッションくらいに気をつけるくらいでしょうか。サーバーを独自で持っている場合は、それのセキュリティ対策も重要ですが。

OpenPNEは、どの攻撃方法に対応しているのか公開しています。>>OpenPNEセキュリティ対策 攻撃方法自体はこれだけではありませんが、この対策をしていれば残りの方法でも攻撃できません。ただしユーザーの利用に制限が出てしまいます。現在も日記を書く際にHTMLタグでの装飾はできません。これの対策としてBBコードを採用し、簡単な装飾が可能になっています。BBコードはもちろん安全ですが、WYSIWYGエディタは採用されていないようですので、結果を想像しながら装飾しなければなりません。(一応FCK Editorに変更すればBBコードの一部でWYSIWYG編集ができ、プラグインで対応するコードを増やす事もできるようです。)「セキュリティ」と「ユーザーの自由度」のバランスは難しいものですね。

link: http://www.thedesignium.com/blog/design-art/1294
autor: yoko comment: 0件
tags: , , ,

CMSで迷ったらまずはWordPress

2009.01.23 - CMS

はじめまして。デザイニウムの及川です。

自分のところでは浅井君のユーザービリティとは対極的に、TrickyでFreakyなJavascriptを使ったサンプルを紹介していきます。またWordPressの話題も含めテーマ作成方法なども投稿をしていく予定です。

とりあえず今回はWordPress（以下WP）の紹介です。

WPはMySQLとPHPを利用したオープンソースのCMSです。日本ではCMSとしてMovableType（以下MT）が有名ですが、Google Trendで見る限りWPも徐々に注目されつつある傾向のようです。でも海外に比べるとまだまだな感じでしょうか？この傾向として国内のメディアでWordPressがあまり取り上げられていなかったことと、MTのライセンス化に伴いオープンソース万歳の海外ユーザーが流れたことが背景にあると思います。

企業サイトなどを考慮した場合ベンダーが付いているMTを選ぶか、オープンソースで無料のWPを選ぶか迷うところかもしれませんが、個人的なブログでしたらまずはWordPressを使ってもらうことをお勧めしたいと思います。

またWPはversion2.7になってから使い勝手が向上しているのもポイントです。特にクイック編集機能は優秀で、各記事の項目を偏移なしで変更することができます。これで逐一ページを変えることなく済むようになりました。他にはユーザーテストを実施した結果を元に作成された管理画面や、Google Gearsにも対応していてオフライン操作もできるようになっています。

CMSで迷ったらまずはWordPressから。ではまた。

Link: WordPress

link: http://www.thedesignium.com/blog/cms/376
autor: oikawa comment: 0件
tags:

  • 2010.1.20
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak：
    お返事が遅くなってしまい大変申し訳ございません。ご丁寧な回答...
  • 2009.11.26
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    ミズタニキリン：
    下記(A)、(B)より80～90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite...
  • 2009.11.24
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak：
    (2)FlashLite2.0での開発がオススメについて質問させてください。mixi...
  • 2009.10.10
    :
    ミズタニキリンのよくある質問Link
    ミズタニキリン：
    ごめんなさい。ゴーキのミズタニではないです。ゴーキってゴーキ 美術研究所のことですよね？はちゃめちゃな妹は確かゴーキに行...
  • 2009.10.6
    :
    ミズタニキリンのよくある質問Link
    キョン：
    ひょっとしてひょっとするとゴーキのミズタニさんですか？ 間違ってたらごめんなさい。
  • 2009.12.10
    :
    センサー講座 Spe.001 Wiimote WhiteboardLink
    お金と知識のない学生が努力と根性で作ったもの
    from アナリハ
    この前の１０月・１１月に定期的にプレゼンをする事になった。...
  • 2009.10.27
    :
    11/7 CSS Nite in 新潟 開催!Link
    ブログで紹介いただきました。
    from CSS Nite in NIIGATA
    デザイニウムブログ
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）
    越後妻有アートトリエンナーレ...
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）
    越後妻有アートトリエンナーレ...
  • 2009.6.25
    :
    若手向けの勉強会企画してみました。Link
    [勉強会]みちのくIT会議ってのが福島であったようだ。
    from 笑う角でずっこける。
    まぁ、タイトルでまとまってしまったけど…。 初めて聞く名前だったので情報を集めてみた。...