07.11
Sun
WCAN 2010 Summerに参加しました
カテゴリー： イベント
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について読みたいです。次回も植木さんのセッション楽しみです！
関連タグ：WCAN
( 0 )
( 0 )06.13
Sun
CSS Nite in Omotesando, Vol.2では、Fireworksの応用のセッションが盛りだくさんでした。
表参道 The Gallery「station 5」 で開催され、80人近くの方が参加されたようです。
表参道 The Gallery「station 5」
じゃんけんでCS5のボールペンとFireworkのDVDをいただきました
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> <integer>6000</integer>
非同期保存の変更
trueにすると保存時にエラーがでる確率が減るそうです。
<key>AsynchronousSave</key> <bool>false</bool>
CSS Sprite Extension利用のすゝめ?ゼロから応用まで
CSS Spriteとは
それらの画像を一つにまとめ，１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。
CSS Sprite Extensionについて
湯口 りささんが自作した機能拡張です。以下のURLからダウンロードできます。この機能を使うことで複数の画像をFireworksで簡単にまとめたり、DreamweaverにHTMLやCSSを書き出すことが出来ます！
手書き風デザインを実現する10のレシピ
林 大輔さん
Fireworksを使って様々な手書きの表現を実演していただきました。
紹介していただいた技法
- 鉛筆のような線
- ペンキ
- 文字のにじみ
- 古い紙の質感
- パッチワーク
- 付箋
- パッチワーク
- マスキングテープ
- ちぎれた方眼紙
- かすれた文字
- 文字のランダム配置
林さんはFireworksのテクスチャのFireworks texture galleryというサイトを運営していてします。
ガレリアCSS プロに学ぶスタイルシートの定番デザインという書籍も販売されています。デザインに優れたアイディアが満載になのでCSSを書く人やデザイナーさんにもおすすめです！
04.25
Sun
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が開催されました」の続きを読む
02.14
Sun
新ハイレベルCSS実践講座 名古屋に参加しました
カテゴリー： イベント
新ハイレベルCSS実践講座 名古屋に行ってきました。
講師はサイバーガーデンの益子 貴寛 さんです。６時間に渡るボリュームたっぷりの講座でした。会場では１人１台Windows XPあり、ブラウザはIE6からSafari、Firefoxなどで実際に検証しながらサイトを作って行くことができます。Windows XPがかなり動きが快速でした。（会場のイスもふかふかでした。）スライドのPDFデータが手元にあるため、作業に集中していて聞き逃してしまっても、ついて行くことができます。
「新ハイレベルCSS実践講座 名古屋に参加しました」の続きを読む
関連タグ：サイバーガーデンbiz CSS
02.09
Tue
ブログがiPhoneに対応しました
カテゴリー： デザイン
moruzo.comがiPhoneに対応
iPhone用のテーマ
iPhone用のテーマを作成し、iPhoneからも快適にブログを見る事ができるようになりました。
