mixi経由の勉強会に参加して、思ったこと

mixiのとあるコミュニュティに参加している。
そちらのメンバーの方が、初心者向けマッシュアップ勉強会を開催されるということを知り、本日思い切って参加してきた。

勉強会にもオフ会にも参加したことが無かったため、どうなることかと不安だったが・・・。いざ行ってみたら、すごく勉強になったし、タメになった！
参加するにあたり、マッシュアップやAPIについてwebや雑誌で概要を読んできていたのだけれども、いまいち消化しきれていなかった。
しかし、とても分かりやすく噛み砕いた説明のおかげで、すんなり理解することができたし、マッシュアップというものがすごく身近に感じることができた。

初心者の人に対して、分かりやすく説明するというのは、とても大変なことなわけで。
それができる人というのは、その分野に対して精通している人というわけで。
そんな人から説明を受けるというのは、日常生活ではなかなか難しいわけで。

そんな機会と出会える場所として、mixi等のSNSという存在は、やっぱすごいなと思った。
もちろん2chもそんな場所のひとつではあるのだけれども・・・今回みたいな勉強会があったとしても、一人では不安で参加できないと思う。

と、ここまで書いて気づいた。色んな問題が起きていると知っているはずなのに、それでも自分は「顔が見える」というSNSに信頼を置いているんだな。

とはいえ、2chもとても好きなわけで。
mixiを始めたことによって、2chの殺伐とした雰囲気の心地よさに気づいたような気がする。
その容赦無さっぷりに、凹むことも多々あるけども、盛り上がってるときはホント楽しい。
経験したことはないけど、飲み屋でたまたま出会った知らない誰かと意気投合しちゃうっていうのはこんな感じなのかな、と思う。
今日は楽しかったよ～。次にどこかで出会ったときはケンカするかもしれないけども、まあ宜しくな～、みたいな。

だから、しばらくはmixiも2chも楽しんでいくんだろうな。

・・・なんだか長くなってしまった。
今日の勉強会が良かったから、普段より色々考えたのかもしれない。


※これを書いている途中、現在mixiが利用者1000万人キャンペーンをやってることを思い出した。
そういや2chってどうなのかなと思いググッてみた。

「06年10月のネット利用動向、mixiの利用者数が伸び悩み、PV数が微減」
http://www.nikkeibp.co.jp/news/it06q4/518815/

2006年10月時の2chの利用者数に迫ってきているということに驚いた・・・。

ウキウキコーディング

とあるサイトのＣＳＳコーディングのお手伝いが、今週から始まった。

普段は更新作業なので、コーディングができる機会が巡ってくるとワクワクしてくる。
とはいえ、先輩達はページデザインやテンプレートづくりで毎日深夜作業の状態だったため、ワクワクするのは少し不謹慎かもしれない。

個人的にコーディングで一番楽しい時間は、とりあえず本文をHTMLにして、さあどうやってデザインを切っていこうかと考えているときだ。
頭の中では、引き出しの整理のごとく、テキストや画像が定められた位置にきちんと収められ、1枚のページができあがっていく。

イケる！よーし、切っちゃうぞー！

・・・と、ここまでが楽しい。
ここから先は、理想と現実のはざまで・・・というか、技術力不足で苦しむ時間になるわけで。

「うわーん、floatのバカー！IEのバカー！というか私、前回も同じことで悩んでたけど対応策覚えてないよアホーッ！」

・・・そういえば私、よく先生から、引き出しの中が整理されてないと怒られていたっけ。

そんなことをやりつつも、ひととおりのコーディングは終わったので、来週はロールオーバーイメージに対応するための作業。Javascriptのライブラリを使用するとのこと。
頑張るぞー！

Javascriptな6月

社長面談からまもなく1ヶ月。JavascriptとPHPを同時に勉強し始めると混乱しそうな気がしたため、今月はずっとJavascriptの勉強をしていた。

先輩に薦められて、WebクリエイティブのためのDOM Scriptingという本を購入したのだけれども、読んでビックリ。
xhtmlでJavascriptなどのスクリプトを動かすときは、DOMというWeb標準のインターフェースを使って、外部からアクセスするというのだ。
そうだよなあ、せっかくxhtml+CSSにしたのに、xhtmlにJavascriptを直接書いちゃったら意味無いなあ、といまさら気づいた。
買った本は、DOMとはどんなものでどういうふうに使っていくかということをわかりやすく教えてくれていて、私のような初心者が概要を掴むに、ちょうど良かった！

・・・とはいえ、掴んだのは概要だけで、実際どう書いていけば良いかはまったくわからない。
最近良く耳にする、jquery.jsやphototype.jsなどのライブラリの実用サンプルが掲載されていたため、ワクワクしながら取り組みはじめたのだけれども・・・まったくわからない。
コードを書いていくうちに慣れていくさと思って、辞書を見ながら1週間ほど頑張ってみたけれど、まったく身についた気がしない。

ここでようやく気づいた。この本を読むのは早すぎた。
Web標準かどうかは一旦置いといて、まずはJavascriptのリファレンス本を参考に例文をたくさん書きまくるべきなのだ。
そうして慣れたらこの本で、DOM+JavascriptでのWeb標準化、というステップに進んでいくべきなのだ。

というわけで現在は、5年前のJavascriptリファレンス本を辞書代わりに、下記サイトに掲載されているサンプルを真似している。
管理人様いわく、「Web標準化にともなってHTML, CSS, JavaScriptのコードを分離した各種サンプル」とのことで、DOMを利用したサンプルになっている。有難いなあと思う。

■JavaScriptテクニック(「OPEN SPACE」サイト内のコンテンツ)

単純なスペルミスでいちいちつまづき、牛歩のような進み具合なのだけれども（＞＜）
一通り終わるころには明るい明日が待っていると信じて、頑張るぞー。

ゴム版で作ったスタンプ風文字

[:鉛筆２:]ゴム版で作ったスタンプ風文字。

文字を入力したら、スタンプ風に設定したスタイルを適用する。

Illustrator10分間ロゴデザイン―すべて10分以内で完成!」を見ながら作成。

[:赤い旗:]フォント名：忘れてしまいました（＞＜）

アニメ風タイトルロゴ

[:鉛筆２:]アニメ風タイトルロゴ。

文字をアウトライン化したら、スタイライズで角を丸くする。
文字の塗りを無し、線に色を設定したら、コピーを2枚作成。
コピー1を右下に置いたら、元データとコピー1を選択し、ブレンドツール＞ステップ数で任意の数字を入れて実行。立体感をつける、
コピー2を一番上のレイヤーに置き、グラデーションで色をつけたら、描画モードをハードライト、透明度を変更する。

Illustrator10分間ロゴデザイン―すべて10分以内で完成!」を見ながら作成。

[:赤い旗:]フォント名：Arial Black