Webデザイン(検定サイト)

ペットフードマイスター検定協会
近頃ビジネス向けのサイトを作っていなかったので、今日は1日で1ページデザインができるか試してみることにしました。 この半年でどれだけ速く操作ができて、何ができていないか再点検です。 ネタは、なんとなく、ペットがいいかなぁ~?ベジタブルマイスターもいいなぁ~? なんて想っていた時に、「そうだ、2つを混ぜ合わせよう」という事で、実在しない検定サイトにしてみました。(ありそうでなさそうな) テーマカラーはペディグリーチャムです。やっぱりトップブリーダーが推奨してますから。 Fireworksで仕上げていますが、写真はPhotoshopで抜いてから持ってきています。 たぶんPhotoshopオンリーでは1日でここまでは作れないと思います。 それだけ学校でFireworksに慣れちゃったからなぁ。今度はまとまった時間でこれ組んでみたいです。それまでどんどん作っていきますよ^^。

月曜日。

1件大事なメールをする 自分のサイトの制作 電子書籍だったらPDFでiphoneとかPCで見れるなぁと思ったんだけど、 インプレスのは形式が決まっていて、オライリーはPDFなんだけど、オライリー先生はハードコアなんだよなぁ。。。早くオンラインで本が沢山読めるようになって、肩が痛くなるほどの本の持ち歩きから開放されたい。

Wordbench川崎勉強会。

日曜日は川崎でした。 主にOSCの準備の話と、後半はGPLについてと、プラグインの管理画面を作ろうという主に中級向けの内容。 GPL関連はLinuxでごにょごにょ作っていたので大体は把握してたかな。 CCの使い方はなるほど参考になりました。どっかに一覧あったような・・・ プラグイン管理画面ってあると便利なんですよね。 これが外部JS取り付けとかのメンドクサさとか、よくわかんないような人でも、 フォルダに入れれば、あとはGUIで設定できちゃうよ、ってすごい楽だから。 やっぱりここが大事かなぁ。 でも、たまに管理画面からだと、一定の値しか指定できなかったり苗苗なので、 configでいじりたくなる衝動にかられますがねw 個人的にはプラグインを作るってのはプロのグラマーではないので厳しいですが、 例のエスパーニョなプラグインの日本語版とかなら作りたいなぁと思うのです。 ・・・ただしあの英語は厳しいのよね。。。 んで恒例の打ち上げでやばいくらい海鮮を頂きました。うまかった! 起業の話面白かったですね。あと参加の高校生にはやっているiphoneアプリを聞いたら、bumpというプロフィール交換大会になり、iphoneぶつけあいっこ。 そいえば、ポーケンもなんか持ってみたいですねぇ。 焼肉も気になる・・・(じゅる) ごちそーさまでした。

ここから先毎日更新を目標に。

毎日書く→ネタがないとかけない→ネタになるようなことを毎日やるんだ って覚悟が必要だな、この先。 学生という肩書きがなくなり、学校に行かなくなると同時にダれてくるのは明らかなので、 自分を律するために、これを続けようと思う。 先日のエントリーの山は、とあるメーリスにあげていたのだが、あまり周りが、私もこういうの作ったの~といった反応が無くて、もぉこうなったら、外に出るしかないなぁと思った所存。 ブログを続けるのは空き時間でできるので。まぁ毎日は難しいかもしれませんが、頑張ってみます。 なんでmixiの雑記、バナナ不動産ブログの方は薄めかもです。ツイッターは未だにフォローのタイミングとか逃してて、 どうコミュニケーションをとっていいのかがわからなくて困りんこです。 さて、明日はWordbench川崎にぶっこんできます。ってか焼肉楽しみ☆

html5の集い@googleオフィスにて。

html5
そうなんですよ~グーグルのオフィス行ってきたんですよぉ。 じぇんじぇんディベロッパーじゃぁないですけど。 でも、なんかhtml5のデモを見てなんだか楽しい将来をもっと知りたい訳です。 ツイッター実況はこの辺で。 前半は白石さんのWebアプリ開発のターン。 難しい中身だったんだけど、ローカルDB機能とかのデモがふむふむ。 safariの開発のところにデータベースってあるよって、実際 select * from databese でローカルのDB結果が ずさって出るあたりに、うひょーだったよ♪ 正直後半のWeb workersのあたりは難しくていまひとつわかりませんでしたよ、、、 んでもAlexing Flameworkを作りました!ってところがうひょーうひょーだったよ♪ スライドはこちら。 http://www.slideshare.net/shumpei/offline-html5-3days-2109674 後半は、羽田野さんのCanvasチュートリアル。帰ったら何か作れるようなおさらいですよーって前ふりで。 http://html5.jp/ のサイトの方です。 canvasはこの辺で。 http://www.html5.jp/canvas/index.html そうか、JSだな。JS。 私でも丸とか線ならかけそうだぞ(w いや、もうちょっと頑張れよって突込みが入りそうですが。 だだだだってマンデルブロ集合ですよ。私もあれを拡大して楽しむような変態ではありませんw んな感じでhtml5 tech talk楽しかったでーす☆なんかサイト作ってみたいです☆ *ボキャブラリーが貧相なため、とりあえずうひょーって言っておけばなんとかなると思っている *プロのグラマーには近づけそうもない貧相なオツムで申し訳ない って今はデザイナー属性だもんねっ

9/29 Intios4セミナー@銀座apple store

行ってまいりました。 こびとのくつ(株)の代表と矢部さんによる繊細なphotoshopでのマスキングが披露されました。 今月のブレーンにも載るそうなのでチェックしたいと思います。 あの広告のあのシズル感は、あんな風につくられているんですね。 そして、元を損なわず、元を作り変えず、生かして引き立たせるレタッチャーの仕事は、 ちゃちゃっとやっつけて仕事をしがちなWEB屋には到底及びません~>< でも、 「クリエイティブの真髄ってこういうことなんだよな・・・」 「パスをとる、マスクをする」この基本動作をきちんとまずは確実にマスターしておこうと思いました。 近頃Photoshopさんとばかりお近づきです。たまにFireworksさんがぐれてるかもしれません(w

9/17 CSS Nite in Ginza, Vol.39(Photoshop特集)

そうだ、この日もPhotoshop特集ということで。 画像補正のパートの他に、カメラワークについて、RAWデータの取り扱いについて、あとはカラーメネジメントについて色々てんこ盛りでした。 当日の様子はスライドはこちらから。 http://cssnite.jp/ginza/vol39/ #うちのはコンパクトカメラだからRAWデータって扱ったことがまだ無いです。 #カメラのことは兄に聞いてみよう。 #Photoshopと別にCamera Raw CS4で色を整える使い方は試してます。使い勝手良いです。 #キャリブレーションが上手にできない><; そもそものノートPCがそろそろ末期っ! #appleストア行き過ぎwそろそろMAC買っちゃいそう~買っちゃいそう~

DTP Booster 006(Photoshop特集)

あれ、今月3回あるの?Photoshopなお勉強。 主催の鷹野さんには、この週cssniteが2回あったので、通産3回お会いしちゃった事に^^; サイトはこちら http://www.dtp-booster.com/vol06/ まめこさんのザッツ合成な画像ワークは楽しかったです。 豊胸が、ゆがみツールのこれでできるんだぁと知った後、独り自習室で履歴書を加工したのはここだけの秘密ですw 胸の谷間はエアブラシで描くしかないのかなぁ? モデルさんが元々かわいいので、変身させなくても十分かわいいよ~っ! こういう時に、森三中の大島さんが松島奈々子ぐらいかわったりした方が絶対面白いのにな。 (って無茶すぎ?・・・需要はあるよ・・・) と自分を人柱にしてごにょごにょごにょごにょ。 結果、本人と確認できない履歴書写真のできあがり~☆ ・・・つかえねー、まじつかえねーwwwww 藤本さんのウェディング写真、すてきでした。 鳩ブラシ、星ブラシでふわぁ~~っと、私もゼクシィしたいですw そしてアキバ館が一番安い!と力説のダイヤル式のソフトスイッチは、マニアックでつぼでした。 夜景はちゃっとできたのですが、マスクの取り回しが上手にいかなくて悶絶し、本を買ってきました。10年使えますかぁ。ふふふふふ♪ http://www.amazon.co.jp/gp/product/479735397X #たしか10年前のPhotoshopは4とか5とかで、福澤諭吉のお札がはためく経済不況みたいな合成を学生の時に作って喜んでいた・・・w

矢野りんさんの出版記念イベント@appleストア

矢野りんさんの出版記念イベントを聞いて来ました。 りん様、金髪でかわゆい。あんなママになりたいです。萌えもえ。 そういえばWeb研のイベントが昨日あったんですよね? http://yanorin.blogspot.com/ 帰りに書籍も買ってきたのですが、講演でもいい話を色々聞けたのでおすそわけ。 https://www.wgn.co.jp/store/dat/3141/ ・イラレのCS3からのカラー設定機能を使いこなそう。 ハーモニールールを使うか否かで成果物が違うよ ・フォトショも機能増えすぎて学生が付いていけないとアメリカでもアドビを問題視。  でもいまっぽいボタンとかをさくっと作れるので(レイヤーのエフェクト効果とかね)、 CS4の新しい機能とか、1冊本を手にとってみると、表現が増えますよ ・角丸の話で5分以上とか(すごいぞ角丸w)CSSやappleのサイトも絡めて ・ビジュアルデザインとか直感とかの話とか ・mixiは見た目が良かったから人気出た(2004年当時のものを見せられても現在と大差なし。一方のgreeは><) ・最低、慣れと秩序 がデザインに必要(なれ・・・何かに似ている、悪くない、わかりやすい。 秩序・・・バランス、そろってる、一貫性) ・時間をかけずにレイアウトをする手順  ファーストビュー 980×580 →グリッドをきる(12カラム例) →わいやーふれーむにそって切る(黄金比は 1:1.1618で画像フィールドを切ったり) →色づけ(カラースキームで隣接+補色)  とここまでを30分でやる(!) →そうすることで試行錯誤の時間が取れる →あとIAの人が作ったワイヤーフレームにビジュアルがひきづられなくても良い ・最後に「傷つかない技術」という本の話。自信をもつこと。笑ってデザインしよう。 あ、ハーモニールール・・・そうだった。 かなり機械的に色を振るって、私には勇気がいるのだが、ブレないというか、 確固たる信念を持ったカラールールって大事ですね。 カラールールが崩壊すると、サイトがみるみる残念になっていくので、ハーモニールールは導入していきたいと思います。 最後のがビジネスセミナーみたいで、良い事言ってるよ!って会場のお客さんも「うんうん」言ってました。スライドの手書きのスマイリーマークがかわゆかった☆ そんなりんさんは、Andoroidの会にぶっこんでいるそうで、私もぶっこんでこようと思いましたです。

CSS Nite LP, Disk 7「IAスペシャル」(LP7)

そうか、IAのメモは紙とiphoneの中か・・・。 半日かけてしっかり聞いてたのですが、結構後半は難しかったぁ。でも課題含めしっかり勉強してまいりましたぞ。 http://lp7.cssnite.jp/ IAってなんで必要なの?ってお客さんに説明したりお金を取るのって難しいとか、 でもプロジェクトが破綻しないように、手戻りがないようにすること=利益に直結 ってあたりは、 なるほどでした。 そしてプレゼンスタイルも非常にお勉強になりました。 私はがっちがちになって前向いてしゃべれない、プレゼン下手っぴなので、 あんなふうにしゃべれるようになりたいな・・・その前に人前でプレゼンする機会なんて、 そんなにない訳なんですが。。。

海津ヨシノリの画像処理テクニック講座 Vol. 38

9月1発目のPhotoshop講座は、イラストレータからパスを持ってきて、フォトショで効果をつけて 画像を作っていくといった内容でした。 あれ、あのあと自宅で試したのですが、手際が悪いのか全然できてない><; ショートカットはメモしたはずなのですが・・・もいっかい試してみますっ! 太い○を重ねたり、格子模様の写真の組み合わせなどを、テクスチャ画像とあわせて 60年代風とかテクノ風ってのを作ってました。今っぽい感じも出てて、あれは年賀状ネタでもいいかなぁ??

まつばらあつしさんの「はじめてつくるアニメーション」

毎回Flashアニメーションを簡単に紹介してくれる銀座アップルのデモ講座なのですが、 この回は嗜好を変えて、プレゼンテーション制作でした。 前半keynoteの宣伝みたいになっていて、keynoteすげーなぁ、これswfとかppt形式で動作する状態で書き出せたら、もうこれで良くね?っていう雰囲気でした。使ったこと無いからいつも指くわえてみてるだけなんですよね、keynoteさんは。なんというツンな奴。 後半はFlashにも実はプレゼンテーションのプリセットがあって簡単!という部分と、 お客さんのWebサイトの商品説明Flashなんかだと、営業さんの販促ツールになったり、展示会のプレゼンになったり、DVDに焼かれて配布されたり、それ以外での使用も想定して制作することが多いという話に、なんとなく納得しました。 化粧品のしみとかメラニンとか、なんかよくわからんサーバの紹介とか、ネクタイの結び方とか、 コンテンツはそれぞれでした。まつばら先生は元々はイラストレーターの方ですが、Flashさばきがこなれてるなぁと、さすがはプロです。

明日クリエーターズオーディションでます。

表題どおりです。 半年間通学したデジタルハリウッドの卒業制作が、企業様の前で発表できる機会をいただくことになりました。 それに先立って、サイトを仮オープンしました。 デザイナーズゲストハウス情報 バナナ不動産 banana.miccweb.net/  本オープンは是非独自ドメインで、他にも数社の物件情報を集めてリリースしたいです。 まだやりたいこといっぱいあるよーあるよーありすぎて困ります。 ご協力頂いた、オークハウスの皆様、wordpressユーザー会様、mapの位置情報をごにょごにょするJSかいてくれたよっしー、そして皆様ありがとうございました!!こんな私は幸せ者です。30年生きてて一番幸せな学業生活だったかもしれません。 私は気付けばその昔は臆病者でして・・・何か失敗したら恥ずかしいとか大変なんじゃないかと。 でも、プレゼンは一回きりだし、失敗したらしたで、そのあとの話のネタにできるから、いいんじゃないかな?と思い、 元気ににこやかに頑張ろうかと思います。 とりあえずパックしながらプレゼンの練習します。

UNIQLOCK+UNIQLO CALENDAR

ユニクロいいですねぇ。 必然がなくてもそこに見に行きたい。

きんぎょ

クリックすると餌をあげられるので、金魚がよってきます。 http://abowman.com/google-modules/ が作者です。なんか色々つくってますね。

フエキ糊のキャラが可愛すぎ

近頃ドラッグストアにある、糊ケースに入ったUVクリーム。 私が幼稚園のときは、どうぶつ糊じゃなくて、黄色のふたに水色のビンだった気がします。あと緑のかえるちゃんのケースとか。 ブログパーツまで出てるんですね。おみくじですか。引きますか。 フエキくんだらけで何の会社だかわかんないサイト。劇萌え。 http://www.fueki.jp/index.html 一応フエキ糊以外もちゃんと作ってます。墨汁とか。でもアイコンとかフエキくんです。 http://www.fueki.co.jp/

wp carousel の顛末。。。

around1
↑Lightbox動いてる?のテスト。サムネイルをクリックするとふわっとでかくなる(はず)。 とりあえず、page.phpにコードを埋め込んで、4まいのURLをadd more contentに追加して、 postは読まないにしたら、とりあえずついたっぽい。 付属のCSSをいじれば見た目をかえることもできるようだ。 各ページごとのテーマにそれぞれのページ分のコードを埋め込む。。。 CSSを調整(なしでもいいのだが) さらにLightbox2がうごかないとちょっと・・・ なんでハードル高すぎだなぁ・・・案としてはGJなんだけど、ちょっとまた整理してみます。 でも設置はOkなんで、まぁ満足^^ 今度日本語にしてみますー

WP carouselのテスト。

Carousel
うまくいかない~~>< http://wordpress.org/extend/plugins/wp-carousel/ http://sumolari.com/plugins-temas/wp-carousel/ エスパニョールなもので日本語にするとあやしい。。。 まずこれの英語が正しく理解できないってのが痛いな・・・ #取り付けられた暁にはちゃんと日本語のチュートリアルを書きますわ。Help!

そう時間もないのだがカルーセルが付かない。

jcarouselとかjcarouselliteをチュートリアルとか雑誌の付録を読みながら設定してみたんだが、 どうやら、jQueryが他のものと干渉してるのか、うまく動いていないっぽい。 時間もあまりないので、ここはプラグイン的に解決してしまったほうがよさそうだ。 ということで探したら、wp carousel という類似物があったので、これにしよう。 インストールは・・・OK。 でもね、ここのチュートリアルがエスパニョールでかかれてて、英語→日本語すると面白くなってしまう。。。 英語だとそこそこ読めるんだが、長文でなんかわけわかんない・・・ もうねぇ、しょっぱすぎだよぉ~~~ 土日は他にやるところあるし、来週はFlashつくんないとならんのだよ;; 明日中にこやつをやっつけたいっ!

砂のQRコードは読めるのか?

なんかちょっと面白そうです。ビーチをきれいにしてかつ皆で実験なんて感じで、いいイベントですね。全国あちこちのビーチにQRコードができたらちょっと面白いかも(ミステリーサークルみたいで) あと、氷でも作れますよね?色をつけるか、ライトの加減で。 ぜひ冬には雪祭り会場でもお見かけしたいです。 はてなとか、greeとか、雪祭りでないかなぁ。 あ、フォクすけの雪像ってあったかな?まじ萌えなので、ボランティアしたっすw (自宅前でやる人でそうなw)

腱鞘炎。

あと制作完了日まで2週間となり、ここのところ毎日パソコンの前です。 とはいい、会社でもずっとパソコンの前、なので常に座った姿勢。 ついには、右腕が腱鞘炎になってきました。 今は腕と肩にサロンパスもどきを貼り、腰にはアンメルツを塗りぬり。 臭くたって仕方ありません。 昨日はマッサージに行ったのですが、はじめに若い女性の方が担当され・・・ 指が細くて、痛いだけで、ほぐれる気配なし、、、全く気持ちよくない。。。 なのでお願いして前回やってもらった先生(ふとっちょ系、手がでかいので、面で押してくれるととてーもパラダイス)に強くやってもらう。 本当なら最後までがまんするんだけど、さすがにこのコリをどうにかしないと、パソコンが出来ないので、、、ってどこまでやるんですかね?? さぁ、がんばるぞぉ。