ブログ ｜ moruzo.com http://moruzo.com/blog/ ja Copyright (C) 2009 ブログ ｜ moruzo.com All rights reserved. Sun, 11 Jul 2010 23:52:09 +0900 acms v1.3.0 http://blogs.law.harvard.edu/tech/rss WCAN 2010 Summerに参加しました http://moruzo.com/blog/event/entry-48.html

2010年7月10日 WCAN 2010 Summerが開催されました。

今回の内容はIA、サーバー、アクセビリティの３本立てです！

[SESSION-1] IAなんか怖くない〜中小規模案件で考える情報アーキテクチャの第一歩〜
加川 大志郎さん
[SESSION-2] 業界裏事情もふまえたサーバーの選定法
高畑 哲平さん
[SESSION-3] 改正迫る『JIS X 8341-3:2010』徹底解説　?整いました！　JIS改正、そのココロは？?
植木 真さん

IAについて思ったこと

様々なコンテンツをグルーピングし、より明確にしユーザーが欲しい情報に辿り着けるようにすること。情報が更新されていっても、サイトのデザインや構造が破綻しないように設定すること。 ユーザーに快適おもてなし出来るサイトを作りたいです。

事例で紹介していただいた株式会社 映像システムのサイトのレイアウトがものすごくかっこ良かったです。

サーバーのお話を聞いて思ったこと

WEBを開設するにはサーバーが必要です。 たくさんあるサーバーの中でいろいろな会社のサーバーがあるのですが何を基準にしていいか分かりませんでした。 自分はa-blogが動作確認に入っていたという理由で選んだ覚えがあります。 サーバーがなぜ落ちるのかや、共有サーバーの事情やサポート、値段の理由など興味津々なお話でした。勉強になりました！

アクセビリティのお話について

障害者の人がサイトを見たとき、様々な検証をしてくれるアプリケーションがあることを知りました。 文字の大きさが変えれたり、背景と文字の色がはっきり区別できるコントラストにしたり、デザインを考えるときに大事だと思いました。映像編集スキルはありませんが動画に字幕、音声解説などあると全盲の方でも情報が伝えれるというのはすごいと思います。 デザインもすべてに意味があるといいいますが、マークアップをするときにも適切な意味付けすることが大切だと思いました。 AAAは判定は無理だということが分かりました。 JISについて読みたいです。次回も植木さんのセッション楽しみです！


]]> 管理人 http://moruzo.com/blog/event/entry-48.html#comment http://moruzo.com/blog/event/entry-48.html Sun, 11 Jul 2010 17:07:46 +0900 CSS Nite in Omotesando, Vol.2に参加しました http://moruzo.com/blog/event/entry-46.html

CSS Nite in Omotesando, Vol.2では、Fireworksの応用のセッションが盛りだくさんでした。

表参道 The Gallery「station 5」 で開催され、80人近くの方が参加されたようです。

表参道 The Gallery「station 5」

表参道 The Gallery「station 5」

じゃんけんでCS5のボールペンとFireworkのDVDをいただきましたhappy02

CS5のボールペン

CS5のボールペン

どっちがハイクオリティ？?Photoshop vs Fireworks

とみた ちひろさん

なんとa-blog cmsでスライドを作成していてすごかったです！
Photoshopで制作したデザインをFireworksでも同じ表現が出来るかという内容でした。人がFireworksでデザインをしている所を拝見するのは滅多に出来ないことなのでとても参考になりました。今度、グロー効果を上手く使ってみたいです。
Fireworks CS5のグラデーション反転ボタンは便利ですね！
ナナホシフォントという自作フォントがβ版でダウンロードできるようです！デモ中のFireworksの画面に表示されていたGIFアニメが可愛かったです。

賢く使い分けよう！Webのレイアウトには、やっぱりFireworks

石嶋 未来さん

Fireworksはレイアウトするのに優れているソフトのようです。 Photoshopで制作したデザインをFireworksで開き、中のページを実際に作るところを見ました。

ページパネルの活用

ページの一部のレイヤーを共有する（マスターページの作成）

スタイルパネルの活用

h1やpなどのテキストをスタイルパネルに登録して、情報を書き出せば、複数の人と共有できるので効率アップ！と思いました。

シンボル化の活用

画像や文字の見出しはボタンシンボルに変換すれば、編集したときに子要素も反映されるので、全ページのデザインを直さなくてもよくなるのがすごくいいなぁと思いました。ドキュメントライブラリで管理できます。

Fireworksをちょっと快適にするTips

関口 和真さん

Fireworksの環境設定では設定できないことを直接xmlに記述すれば設定できるようです。

注意

  • Fireworks CS4以降からだそうです。
  • 必ずバックアップをとってから編集してください。
  • Fireworksを終了した状態で編集してください。

ファイルの置き場所（Mac OSX Fireworks CS4の場合）

file:///Users/ユーザ名/Library/Preferences/Adobe Fireworks CS4/ja/Fireworks CS4 Preferences

キャンパスの最大サイズを増やす方法

6000の数字を任意の数値に変更してみてください。（1117行辺り〜）

<key>MaxDocSizeInPixels</key><br />
<integer>6000</integer>

非同期保存の変更

trueにすると保存時にエラーがでる確率が減るそうです。

<key>AsynchronousSave</key><br />
<bool>false</bool>

CSS Sprite Extension利用のすゝめ?ゼロから応用まで

湯口 りささん

CSS Spriteとは

それらの画像を一つにまとめ，１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。

第10回　CSS Spritesでサイトを高速化より

CSS Sprite Extensionについて

湯口 りささんが自作した機能拡張です。以下のURLからダウンロードできます。この機能を使うことで複数の画像をFireworksで簡単にまとめたり、DreamweaverにHTMLやCSSを書き出すことが出来ます！

手書き風デザインを実現する10のレシピ

林 大輔さん

Fireworksを使って様々な手書きの表現を実演していただきました。

紹介していただいた技法

  • 鉛筆のような線
  • ペンキ
  • 文字のにじみ
  • 古い紙の質感
  • パッチワーク
  • 付箋
  • パッチワーク
  • マスキングテープ
  • ちぎれた方眼紙
  • かすれた文字
  • 文字のランダム配置

林さんはFireworksのテクスチャのFireworks texture galleryというサイトを運営していてします。

ガレリアCSS プロに学ぶスタイルシートの定番デザインという書籍も販売されています。デザインに優れたアイディアが満載になのでCSSを書く人やデザイナーさんにもおすすめです！


]]> 管理人 http://moruzo.com/blog/event/entry-46.html#comment http://moruzo.com/blog/event/entry-46.html Sun, 13 Jun 2010 23:22:02 +0900 a-blog cms Power User Training Camp 2010 Springが開催されました http://moruzo.com/blog/event/entry-43.html

2010年4月23日(金)にa-blog cms Power User Training Camp 2010 Springが開催されました！
a-blog cms強化合宿で1泊2日、20名の方が参加してくださいました！

a-blog cms強化合宿とは？

a-blog cmsユーザーや興味のある方が参加しました。

  • a-blog cms ver1.3の新機能の説明や実際にインストールできます
  • モジュールの開発について
  • パワーユーザー同士の情報交換
  • 開発者に意見や要望
  • カスタマイズでつまづいた所

「a-blog cms Power User Training Camp 2010 Springが開催されました」の続きを読む

]]> モルゾ http://moruzo.com/blog/event/entry-43.html#comment http://moruzo.com/blog/event/entry-43.html Sun, 25 Apr 2010 22:25:36 +0900 新ハイレベルCSS実践講座 名古屋に参加しました http://moruzo.com/blog/event/entry-39.html

新ハイレベルCSS実践講座 名古屋に行ってきました。

講師はサイバーガーデンの益子 貴寛 さんです。６時間に渡るボリュームたっぷりの講座でした。会場では１人１台Windows XPあり、ブラウザはIE6からSafari、Firefoxなどで実際に検証しながらサイトを作って行くことができます。Windows XPがかなり動きが快速でした。（会場のイスもふかふかでした。）スライドのPDFデータが手元にあるため、作業に集中していて聞き逃してしまっても、ついて行くことができます。


「新ハイレベルCSS実践講座 名古屋に参加しました」の続きを読む

]]> 管理人 http://moruzo.com/blog/event/entry-39.html#comment http://moruzo.com/blog/event/entry-39.html Sun, 14 Feb 2010 20:03:41 +0900 ブログがiPhoneに対応しました http://moruzo.com/blog/design/entry-38.html

moruzo.comがiPhoneに対応

iPhone用のテーマ

iPhone用のテーマ

iPhone用のテーマを作成し、iPhoneからも快適にブログを見る事ができるようになりました。


「ブログがiPhoneに対応しました」の続きを読む

]]> 管理人 http://moruzo.com/blog/design/entry-38.html#comment http://moruzo.com/blog/design/entry-38.html Tue, 09 Feb 2010 09:46:02 +0900 ペルソナ／シナリオ法について http://moruzo.com/blog/event/entry-36.html

ペルソナ／シナリオ法のワークショップを浅野先生を招いてトライデントコンピュータ専門学校で行いました。


「ペルソナ／シナリオ法について」の続きを読む

]]> モルゾ http://moruzo.com/blog/event/entry-36.html#comment http://moruzo.com/blog/event/entry-36.html Sat, 23 Jan 2010 21:02:18 +0900 2009年を振り返ってみる http://moruzo.com/blog/daily/entry-35.html
  • 卒展をしました
  • 学校を卒業
  • ４月から社会人！
  • 実家から一人暮らしへ
  • a-blog cmsをカスタマイズしました
  • テンプレートをいっぱい作りました
  • 屋久島に行きました
  • Windows Vistaになりました
  • 実家にてモルモット
  • 日本語フォントを購入
  • 日間賀島に行きました

「2009年を振り返ってみる」の続きを読む

]]> 管理人 http://moruzo.com/blog/daily/entry-35.html#comment http://moruzo.com/blog/daily/entry-35.html Wed, 30 Dec 2009 16:29:29 +0900 クリスマスのテンプレート http://moruzo.com/blog/design/entry-34.html

クリスマスのテンプレートのデザインを作りました

後日、マークアップして閲覧できるようにしたいです。ヘッダー部分はツリーのように、サブカラムは煙突、メインカラムはプレゼントのようになっています。

ホワイトクリスマスになっています^^

右下のサンタをクリックすると雪が降り、ホワイトクリスマスの様になりますsnow

もう一度、クリックと雪が止みます。


「クリスマスのテンプレート」の続きを読む

]]> 管理人 http://moruzo.com/blog/design/entry-34.html#comment http://moruzo.com/blog/design/entry-34.html Sat, 26 Dec 2009 19:52:37 +0900 WCAN 2009 Winter http://moruzo.com/blog/event/entry-33.html
WCAN 2009 Winter

WCAN 2009 Winterに行ってきました

2009年12月19日(土) に名古屋国際会議場でWCAN 2009 Winterが開催されましたhappy01当日、雪が降るなどありましたが、100人以上の方が参加しましたsnow（a-blog cms v1.2にしたので絵文字が使えるようになりました^^携帯からも見えますよshine）


「WCAN 2009 Winter」の続きを読む

]]> 管理人 http://moruzo.com/blog/event/entry-33.html#comment http://moruzo.com/blog/event/entry-33.html Sun, 20 Dec 2009 22:40:49 +0900 マークアップ向けのa-blog cms　小技その01 http://moruzo.com/blog/ablogcms/kowaza01.html

すでに公開しているサイトを一部修正したい時に使える小技


「マークアップ向けのa-blog cms　小技その01」の続きを読む

]]> 管理人 http://moruzo.com/blog/ablogcms/kowaza01.html#comment http://moruzo.com/blog/ablogcms/kowaza01.html Sun, 15 Nov 2009 20:06:21 +0900