tommmmy

tommmmy
学生時代にHTMLを独学で習得。Web制作会社に入社し、サイト構築・制作・運営の一連を経験。その後、パソコンスクールに講師として入社。初心者を対象にWeb・DTPデザインを教える。

こちらの「hands in hands」、つらつらといろいろアウトプットしてきたわけですが、2010年よりLady Beetle Designとして活動していきます。
(といっても何かが劇的に変わるわけではないのですが…)
今後もこの「hands in hands」は何らかの形で続けて行ければと思っております。

今後とも、どうぞよろしくお願いいたします!

CSS Nite in KANSAI, LP1 〜CMS POWER USER'S SUMMIT 2010〜のお申し込みが、本日より開始となりました。

今回は、よくありがちな難案件をその場で解決するべく、その案件事例をもとにパワーユーザーが実際にCMSを組み込んでいく様子を大公開します!

CMS初心者から、ある程度手慣れた方までお楽しみいただけると思います。

案件事例一覧

※案件事例は変更となる場合もあります。ご了承ください。

CSS Nite in KANSAI, LP1公式サイト
お申し込みはこちらから

ずーっと待っていたペンに出会いました!

stylepit.jpg

3色ボールペンとか、シャーペンと切り替えられるペンとかって、色があまり好きじゃなかったり、ペン先が油性の1パターンとかしかなかったりして、いつもイマイチ長続きしなかったのですが、コレぞわたしの希望を全部かなえてくれるペン!

キセカエスタイル、リフィルは全55種

ゲルインクボールペン
油性ボールペンリフィル
シャープリフィル

ゲルインクでこれだけの色が何色か選べてホルダーで変えられるのは、女子的には楽しくてしかたがない。

別にまわしものでも何でもないんですが、ほんとこういうのがほしかったので、うれしい!

STYLEFIT スタイルフィット 公式サイト

wc_cover_97.gif

2009年11月29日に発売された、web creators 1月号にデザインを寄稿しました。

企画・文・スクリプト作成はtiny-studioの田中朋也さん。

jQuery特集で、ビーム光線(違うけど!)をどう表現していくかというところで、スケジュール一覧リストがカレンダーにフォーカスしていく様子を作成しました。

jQuery-Effect-Spectrum

軽く解説しておきます。

jQuery-Effect-Spectrumの導入

上記URLよりダウンロードしたZIPを解凍します。

本体はjquery-effect-spectrum.jsですが、jQueryとjQueryUIもあわせて必要。

さっそくコードに貼り付け、指定をします。

jQuery-Effect-Spectrumのカスタマイズ

実際にカスタマイズしていく。head内のスクリプトをいろいろ変えてみることで、発生源、ターゲット先、ビーム光線の色や太さ、スタイルなどカスタマイズが可能です。


$(document).ready(function(){
  $('h1').click(function(){
	$(this).effect('spectrum',{
	  dest: $('span'),
	  spCss: {
	    borderWidth: '1px',
	    borderStyle: 'solid',
	    borderColor: '#F00'
		}
	});
  });
});

この場合だと、「1pxで赤の実線が、h1をクリックすると、spanにとぶ」ということになります。

基本スタイルを実装したデモはこちら

実際に誌面で紹介されているものはもう少し複雑なものになりますが、場所によって線の色や太さは随時変えられますよっていうサンプルになります。

他にもいろんなjQueryのサンプルが載っていますので、ぜひ参考にしてみてください。

ちなみに…

細々とやっているtommmmyのライフログ、「tommmmyののぞきあな」では、今回は紹介されていませんが、mbMaskedGallery.jsというのを使って、画像に透明マスクをかけています。

元はMTから出力されるただの四角い画像なので、どうにかしてこれをふわふわに自動でできたらなと思っていたところへ力強い味方!と思って実装したわけです。

jquery mb.maskedGallery

が!

めちゃめちゃ重い!

ので、何か代替えを考えています…。

という、余談でした。

ごぶさたしています、tommmmyです。

フリーとなっていつの間にやら半年が過ぎ、なんとか生きています。
いろいろとやりたいことはたくさんあり、少しずつやっていこうと思っているのですが、まったく手のつけられない状態。。。

少しずつでも、と自分にカツを入れるため、エントリーしてみました。
やりたいことリストを掲げてみます。

やりたいことリスト

クリエイティブなことをいろいろとこそこそとやっていってみます。何かできたら、うれしそうに発表するので、大きな目で見てやってください!(笑)

CSS Nite in OSAKA, Vol.17

通算20回目となるCSS Nite in OSAKA, Vol.17 powered by KAGOYA Internet Routingは、スペシャル有料版となります。

CSS Nite in OSAKA, Vol.17 powered by KAGOYA Internet Routing特設サイト

いつになく豪華な顔ぶれ、また以前にも増してCSSの話はありませんが…、どの方も他では聞けないプレミアムなセッションになりそうです。また、初となる芸能関係の方も!

今回、出演されるマンハッタンのお二方(岡田昇三さんよしだゆたかさん)と東條雅樹さんの3人で執筆され、近日出版される「Flash Liteで作る携帯コンテンツ実践教科書」を、会場で先行発売します!!

090628.jpg

7/18に出演のマンハッタン(岡田さん・よしださん)執筆の新刊を会場先行発売!

これからもっと増えるであろうFlash Liteの技術を習得するチャンスですね。

終演後には懇親会も開催します。講師や参加者との交流(というか飲み会…w)もひとつの醍醐味ですよね。

お申し込みは、特設サイトお申し込みフォームより、お願いします(懇親会もこちらです)。

あと…

Vol.14から更新が止まっていますが、Vol.15Vol.16も無事に終演いたしました。

あと、いつの間にかCSS Nite in KYOTO, Vol.1も無事に終わりました。もう、だいぶ前感ありありですが、またレポートします!

CSS Nite in OSAKA, Vol.14

4月も、CSS Nite in OSAKA, Vol.14、アップルストアでの無料版が開催されます!

パノラマ、jQuery、FlashLiteと、最先端のコンテンツが目白押しで今回も楽しみです。

アフターパーティ(懇親会)も行われますので、参加ご希望の方はmixiコミュニティより参加表明をお願いします!

アップルストア心斎橋での無料版となりますので、ふらっとお気軽にお立ち寄りください。

CSS Nite in OSAKA, Vol.13

いよいよ、CSS Nite in OSAKAが、有志での運営になってはじめてのVol.13があと1週間です!

今回は、無料版なのにものすごく豪華で…

ケータイの話から、RIA的なお話になりそうで、とても楽しみにしています。

今回から司会はスイッチの鷹野さんに代わって、秋葉さんとなります。そちらもお楽しみに!

アップルストア心斎橋での無料版となりますので、ふらっとお気軽にお立ち寄りください。

spl1.jpg

ずっと紹介してきたsplaaaash!! Vol.2ですが、無事に終了しました!

今回挑戦した「はじめてなのにいきなりPapervision3D」、そしてみんなでFlashの3Dな街の世界をつくったわけです。

spl3.jpgspl4.jpgspl5.jpgspl6.jpgspl7.jpgspl2.jpg

全体swfはこちらから↓↓
http://www.akibahideki.com/blog/splaaaash_safe/

デザイナーさん向けでしたので、1時間ほど各自のビルのデザインの時間をとり、それぞれPhotoshopやIllustrator、Fireworksなどを使って作り込みました。…とはいえ、みんな思い思いのモノを…宙に浮いていたり、めりこんでいたり、やたらでかかったり…とってもユカイですw

今回やった基礎だけでも、かなりAS3へのとっかかりになったと思います。わたし自身も、次回はカスタムクラスまでできるようにがんばろー。

そして!実はVol.3もすでに半分決定しています。

GoogleSketchUpでPapervision3D!!

またPapervision3Dかよっ!って話ですが…w これでもほんとおもしろいです。

詳細は決まり次第、ユカイ集団splaaaash!! mixiコミュにて告知いたしますよ〜お楽しみに!

前エントリーでもご紹介した、splaaaash!! vol.2ですが、2009年2月22日(日)に開催されます。

しかも無料なのにハンズオン!内容が決定いたしました。詳しくは、主催である秋葉さんのブログにて紹介されています。

splaaaash!! vol.2 みんなでPapervision!!! inデジハリ大阪校

39671166_115.jpg

この、まわりに立っている物体(ビルなのですが)をみんなで3Dで作り、ぐるぐる回し、最終的にすべてを組み込んでいきます。

はじめてなのにいきなりPapervision3Dなんて…

だいじょうぶです。なんとかなります(笑)

楽しみにしといてくださーい!

Papervision3Dでつくる、街!

というのを、splaaaash!! vol.2で計画中です。秋葉さんと打ち合わせをしながら、こんなのはどうか?という話で。

tommmmyビルディング

Scriptはすべて秋葉さん作で、初心者のわたしは、画像を変えて貼り付けてみました。

実はこれ、マウスでぐるぐるまわってますが、ひとつの建物となります。みんながいろいろ好きにデザインしたビルを、街にしていく。その街を自由に歩き回れる。

そんな仮想空間がつくれるかも??

splaaaash_logo2.jpg

IllustratorやPhotoshopのバリバリ使えるWeb/DTPデザイナーさんが、ソコ止まりになってしまわないように、Flash AS3.0をはじめ3DCGソフト、映像などもあわせて、単なる「Web」にとらわれないクリエイティブな集団を目指すべく、ユカイ集団 splaaaash!!の副主催をさせていただいています。主催はマルチクリエイターの秋葉さん

ようは、軽〜い勉強会みたいなもんです。自分ももっといろいろ習得していきたいので、そんな人が集まってもっと高め合えたらな〜なんて思ってます。

次回2月は実はvol.2なのですが、vol.1に参加してない方でも全然OK!

お気軽にご参加ください。⇒ ユカイ集団 splaaaash!!(mixiコミュニティ内)

秋葉さんのブログで、splaaaash!!のロゴを「イラレからSVG形式で保存してPapervision3Dで読み込む」ということで、紹介されています!ソースも公開されているので必見!

ビギナーズ向けに特化して東京版でも好評だった、CSS Niteビギナーズ大阪版へ行ってきました。

教育についてもいろいろ模索をしている中、大変頼もしい内容でした。

090117.jpg
(purprinさんのセッション)

序盤のキホンについては、自分の講義に自信を持てる内容で、安心しました。というより、やっぱりプロの方の講義というのは、なぜか説得力が違う…

場所か…いや、スライドか?

話がそれますが、わたしが講義をするときは、基本のレジュメを確認したらまずそれにそって、というかレジュメをまとめたようなスライドを作ります。時間があるときはもちろん図表などを入れて、視覚的にモチベのあがるものにします。

そして、基本それに従って話をすすめていきます。なので、受けている側としては手元より、前のスクリーンかわたしの顔を見ているほうが多い形になっています。

講師の仕事をする前からCSSNiteに遊びにいっていたので、このようなCSSNite的なスタイルでずっとやっていますが、受ける側としてはレジュメを読むだけなら別にね、わたしがやってる意味がないんだから、何かやっぱり自分じゃないとできないモノを探りつつあります。

ええ、話それましたが、内容については普段使っているとはいえど、大変勉強になりました。

レベルアップしたこと

あと、、個人的にはCSS Resetの話も聞きたかった。でもこれはビギナーズ向けではないのかな?

主催していただいた鷹野さんはじめスピーカーのみなさま、本当にありがとうございました。

Multi-bits 主催、Adobe Creative Suite 4 最新機能紹介セミナーに行ってきました。

VIDEO、FLASH、WEB、DESIGNの4セッション、11:00〜19:30までの長丁場。各アドビシステムズセッションについては、以前参加したShortcut to Brilliant - 最高傑作へのショートカット(@ブリーゼタワー)と同じものの復習(?)、ユーザーセッションについては、FLASHではあの「まつかさコンビ」!WEBとDESIGNではスイッチの鷹野さんということで、非常に興味深いものでした。

090116.jpg
(鷹野さんのセッション)

CS4は実は届いているのですが、ハード面が間に合わず、まだインストールできていない状態。はやくハードを整えてバージョンアップさせたいところです。

で、その後、なんとすごいメンバーの飲み会に同席させていただき、いろいろな昔話やら、フィギュアの話やら、アニメの話やら、楽しませていただきました!

飲み会でのまとめ

RICOHのデジカメ、今の自分のを買うときに、一般的なのにするかRICOHのにするかだいぶ迷ったのですが、そのときはたしかGRを買おうかと迷ってました。

ビックカメラ京都店の担当の人と、RICOHはネガが好きな人にはたまらなくヤバいとか、色加工などもされないからロー画像で出るからヤバいとか、2時間ぐらいさんざん話をしていったん出直したのですが、口コミなんかを見てやっぱり壊れやすいのか…ということで一般的なコンデジにしました。

こう良いと言われるとほしくなる!けど、今の自分のでガマン。

みなさんありがとうございました!楽しかったです。