CSS Nite back2basic #8「Fireworks」に行ってきた

デザイン, 日記 No Comments »

CSS Nite back2basic #8「Fireworks」に行ってきました。
講師は山口有由希さん。

出席者は制作とかデザイナの方が多かったんだろうな。スーツ姿はゼロだったし、女子率50%くらいだったし、技術系の勉強会とはちょっと雰囲気違いました。始まった直後にワークショップがあったのですが、「某航空会社の集客率(搭乗率)を上げ、売り上げをアップさせるためのバナー広告デザインを考えよう」というもので、なかなかパッとイメージができなかったのですよ。「うわぁ、制作の方々はこういうオーダーと日々格闘しているのだよなぁ」となんとも当たり前なことに改めて気付かされたりもして。

山口さんは個人で「Fireworksマニア」というサイトを持っていて、よく参考にさせてもらっているのですが、非デザイナなぼくでさえ「これなら自分でもできそう」というアイデアを紹介してくれるんですよ。今回のデモでもそんなTipsが満載で、非常に参考になりました。開発者同士だと「ペアプログラミング」がありますが、デザインにおいても、実際にアプリを操作してデザインを作り上げていくところを見るのはいろいろと勉強になりますねー。これからもFireworks使っていろいろデザインしたいと思います。

執筆された本にサインいただきました。ありがとうございましたっ

Fireworks CS5/4/3 (速習デザイン)

著者/訳者:山口 有由希

出版社:技術評論社( 2011-12-07 )

定価:¥ 2,814

Amazon価格:¥ 2,814

大型本 ( 248 ページ )

ISBN-10 : 4774149454

ISBN-13 : 9784774149455


「エンジニアのためのアイコン作成勉強会」をやりました

デザイン, 日記 No Comments »

エンジニアのためのアイコン作成勉強会」をやりました。
参加いただいた皆さん、ありがとうございました。

海外から来日して活躍されているCookpadの方や、通販サイトを作られている方、個人でiPhoneやAndroidアプリを作られている方など、いろんな方々が集まった会になり、とても嬉しく思いました。

Keep
•準備を進める中で、自分の頭の中を少しは整理できた
•参加された方がどんな部分で詰まっているか知ることができた

Problem
•ゴールの定義が曖昧だったかもしれない
•実例が少なかった
•自社の会議室でやったのだが、前の会議が長引いて参加者をお待たせしてしまった

Try
•需要がありそうなら懲りずにまた開催してみる
•そのときには操作デモをもう少し増やしてみる

使用したスライドをアップしておきます。(背景などを少し変えました)


【補足:スライドに引用させていだいたもの】
ペーパースーパーマリオ – nintendo.co.jp
icloudのアイコンに隠れた美しさの法則。 – DESIGN ARCHIVE
色のいろいろー色彩調和 – キレイのためのカラー情報京都より

NUboardがいい感じ

レビュー, 日記 No Comments »

欧文印刷社の「NUboard」は紙製のホワイトボードがリングノートになっている製品です。


欧文印刷社 NUboard

Read the rest of this entry »

Amazon EC2でKanonを使う(CentOS5版)

Trac No Comments »

Kanonは、プロジェクト管理のための総合ソリューションです。チケット(Trac)、バージョン管理(Git,Subversion,Mercurial,Bazaar)、CI(Jenkins)の3つの機能を統合して提供しています。
Kanon LABより)

さて、Amazon EC2でKanonを使う方法については、こちらのサイトで虎塚さんがUbuntu版を公開してくださってますが、個人的によく使ってるのがCentOSなので、このエントリではCentOS5でKanonをセットアップする手順をご紹介。

Read the rest of this entry »

複数のコンテンツ項目を自動的にスライド表示する

JavaScript No Comments »

たとえば、Twitterのタイムラインを自分のブログなどに表示するとき、Twitterから公式に提供されているウィジェットを使えばほぼ問題無いのだけど、表示する発言に何らかのフィルタをかける等、TwitterのAPIを使って処理した結果を、動きを付けてスライド表示させたい、という場合。

こちらのサイトで紹介されているように、「Simple jQuery Spy Effect」というJSがあるので、基本的にはこれを使うとよいです。

ただ、このスクリプトにはちょっと難点があって、1つの項目を表示する欄の高さが一定になっています。基準となるのは、先頭の項目の表示高さです。
Twitterのつぶやきの長さは一定ではないので、表示に必要な高さも一定ではないのですが、スクリプトをそのまま使うと、2つめ以降の表示が途中で切れたり、余白ができたりしてちょっとカッコ悪いです。

ということで、ちょっと修正して、欄の高さを可変にしてみました。
Read the rest of this entry »

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS ログイン