CSS Niteの最近のブログ記事
CSS Nite in SENDAIから派生した勉強会、dachas（ダッチャス）。
HTML5とCSSを使うにあたって
最近よく話題に上がる「HTML5とCSS」。
web制作をしているとCSS3を使いたくなる場面が多々でてくるので、
そろそろ本格的にお勉強しないとなぁと思っております。
使おうかなぁと思うものの、「プロジェクト」となると
HTML5とCSSの「スキルの共有」ができないのが現状。
人に説明できるくらいになれるように益子さんのお話をじっくり聞いて勉強します！
ユーザーのニーズ
今回は「アクセスマップ（地図）」を用いたワークショップ。
地図で思い出した出来事があります。
前回のdachasのあとみんなで仙グルを使って懇親会会場探し。
地図便利！しかも写真でお腹が空いている私の食欲を増進！
サクっと会場を決めて、念願の厚焼き玉子をいただきました。
「ニーズに合ったコンテンツってこれだ。」と考えさせられました。
今の私の課題はユーザーのニーズをどのように把握してお客様に説明するか。
お客様の考える理想のコンテンツとユーザーの求めるコンテンツの
差異を埋めるための分析・調査がスムーズに行えるようになりたいですね。
脈絡なくツラツラと書きましたが、私はこんなことを踏まえてdachasに参加します。
同じようなことを考えている人がいいたらお気軽にお声がけください。
それでは、みなさんの参加をお待ちしています☆
2010年第1弾はdachasのロング・バージョンとして「dachas x CSS Nite」を開催します。------------------------------------------------ ↓ Aki's Think ↓ ------------------------------------------------
益子さん、鷹野さんをお迎えし、「HTML5とCSS3」と「コンテンツを考えるワークショップ」の2セッションを予定しています。
詳細・お申込はdachas Webサイトをご覧ください。
HTML5とCSSを使うにあたって
最近よく話題に上がる「HTML5とCSS」。web制作をしているとCSS3を使いたくなる場面が多々でてくるので、
そろそろ本格的にお勉強しないとなぁと思っております。
使おうかなぁと思うものの、「プロジェクト」となると
HTML5とCSSの「スキルの共有」ができないのが現状。
人に説明できるくらいになれるように益子さんのお話をじっくり聞いて勉強します！
ユーザーのニーズ
今回は「アクセスマップ（地図）」を用いたワークショップ。地図で思い出した出来事があります。
前回のdachasのあとみんなで仙グルを使って懇親会会場探し。
地図便利！しかも写真でお腹が空いている私の食欲を増進！
サクっと会場を決めて、念願の厚焼き玉子をいただきました。
「ニーズに合ったコンテンツってこれだ。」と考えさせられました。
今の私の課題はユーザーのニーズをどのように把握してお客様に説明するか。
お客様の考える理想のコンテンツとユーザーの求めるコンテンツの
差異を埋めるための分析・調査がスムーズに行えるようになりたいですね。
脈絡なくツラツラと書きましたが、私はこんなことを踏まえてdachasに参加します。
同じようなことを考えている人がいいたらお気軽にお声がけください。
それでは、みなさんの参加をお待ちしています☆
東京、大阪、仙台、沖縄に続き福島でも開催されました。
今回は「基礎を学ぶ」という目線ではなく「基礎を教えるために学ぶ」という目線を持ってセミナーに参加しました。が、それ以上に参考になることはたくさんありました！
1.話すテンポとスライドの切替テンポ
鷹野さんのスライドの動きと話すテンポがとても心地よいと感じました。
懇親会でも話になりましたが、片手にマイクを持ちながら行われるスムーズなデモは自然すぎて凄さが見えない程です。
2.用語の説明
益子さんがタグや単語の意味をさらりと解説してくれるのがとても助かります。
がじろうさんの体に見立てたborder、padding、margineの説明は分かりやすかったですw
なかなか理解できずに悩んでいる方にはもってこい！
こういう「例え」ってとても大事ですね。
5．掛け合いのよさ
ストアハウスの大和田さんと田平さんの掛け合いで行われたセッションは分かりやすさが増すように感じました。ポイントとなる部分を質問形式にすればインパクトが強くなる、親近感が湧くとう利点がありました。
また、デモを行う場合はタイプミスとかを指摘できるから間違いが減っていいと思います。
2.作業効率化・平準化
鷹野さんの「XHTML+CSSキホンのワークフロー 」のセッション（Dreamweaverのデモ）では作業の効率化、平準化を考えさせられる内容でした。小さいことの積み重ねが大事だと感じるデモでした。
大阪ではDreamweaverのことをドリームと呼ぶ人が多いらしい！？
4.対 ユーザー
「ブラウザごとの調整テクニック」ではターゲットブラウザをどう選ぶかとうのがとても参考になりました。
WIN×WINな仕事をするための説得力が詰まっていました。
5.タグ
h1タグは2回使える！知りませんでした。
様々、吸収することができました。
福島のスピーカーのみなさん、実行委員のみなさん、大変にお疲れさまでした！
そして、素早いフォローメールありがとうございました。
見習うべきところはたくさんあります。
私も日々精進していきます！ということで、まずはブログを更新してみました。
今回は「基礎を学ぶ」という目線ではなく「基礎を教えるために学ぶ」という目線を持ってセミナーに参加しました。が、それ以上に参考になることはたくさんありました！
1.話すテンポとスライドの切替テンポ
鷹野さんのスライドの動きと話すテンポがとても心地よいと感じました。
懇親会でも話になりましたが、片手にマイクを持ちながら行われるスムーズなデモは自然すぎて凄さが見えない程です。
2.用語の説明
益子さんがタグや単語の意味をさらりと解説してくれるのがとても助かります。
がじろうさんの体に見立てたborder、padding、margineの説明は分かりやすかったですw
なかなか理解できずに悩んでいる方にはもってこい！
こういう「例え」ってとても大事ですね。
5．掛け合いのよさ
ストアハウスの大和田さんと田平さんの掛け合いで行われたセッションは分かりやすさが増すように感じました。ポイントとなる部分を質問形式にすればインパクトが強くなる、親近感が湧くとう利点がありました。
また、デモを行う場合はタイプミスとかを指摘できるから間違いが減っていいと思います。
2.作業効率化・平準化
鷹野さんの「XHTML+CSSキホンのワークフロー 」のセッション（Dreamweaverのデモ）では作業の効率化、平準化を考えさせられる内容でした。小さいことの積み重ねが大事だと感じるデモでした。
大阪ではDreamweaverのことをドリームと呼ぶ人が多いらしい！？
4.対 ユーザー
「ブラウザごとの調整テクニック」ではターゲットブラウザをどう選ぶかとうのがとても参考になりました。
WIN×WINな仕事をするための説得力が詰まっていました。
5.タグ
h1タグは2回使える！知りませんでした。
様々、吸収することができました。
福島のスピーカーのみなさん、実行委員のみなさん、大変にお疲れさまでした！
そして、素早いフォローメールありがとうございました。
見習うべきところはたくさんあります。
私も日々精進していきます！ということで、まずはブログを更新してみました。
8月22日（土）に開催されるCSS Nite in SENDAI, Vol.4。
私が一番注目しているのはパネルディスカッション。
出演者全員と三菱電機株式会社の粕谷 俊彦さんがパネリストとして参加します。
「今後のWebはどう変化していくのか」というテーマで進められます。
クライアントからwebがどう目に映っているかが聞けそうでワクワクしてます♪
制作者とクライアントのギャップをいかに埋めるかはよく課題となります。
webをいかに活用していくかが想像できないクライアントは沢山いるのではないでしょうか。
今回のパネルディスカッションは制作実績や事例を求めてくるクライアントへ話せる内容になればいぃなぁ～と期待しています。
皆さんも聞きたいことがあればご質問・ご意見をお気軽にください。
今後のwebを一緒に考えましょう！
私が一番注目しているのはパネルディスカッション。
出演者全員と三菱電機株式会社の粕谷 俊彦さんがパネリストとして参加します。
「今後のWebはどう変化していくのか」というテーマで進められます。
クライアントからwebがどう目に映っているかが聞けそうでワクワクしてます♪
制作者とクライアントのギャップをいかに埋めるかはよく課題となります。
webをいかに活用していくかが想像できないクライアントは沢山いるのではないでしょうか。
今回のパネルディスカッションは制作実績や事例を求めてくるクライアントへ話せる内容になればいぃなぁ～と期待しています。
皆さんも聞きたいことがあればご質問・ご意見をお気軽にください。
今後のwebを一緒に考えましょう！
CSS Nite in SENDAI, Vol.4の詳細が公開されました。
日時：2009年8月22日土曜日
場所：エル・パーク仙台 スタジオホール
講師陣は5名です！
申込み開始してます！お早めにどうぞ。
日時：2009年8月22日土曜日
場所：エル・パーク仙台 スタジオホール
講師陣は5名です！
- 阿部 淳也（株式会社ワンパク（1PAC. INC.））
- 兎内 淳一（株式会社ディー・エム・ピー）
- 長崎 智宏（wowlab）
- やまもと かずみち（有限会社アップルップル）
- 鷹野 雅弘（株式会社スイッチ）
申込み開始してます！お早めにどうぞ。
CSS Nite LP, Disk 6「CMSリベンジ編」に参加しました。
それぞれ、感じたことのメモをちょろっと書きます。
決めてはSOY App(SOY Inquiry, SOY Mail, SOY Board)。
未だに要望がなくならない掲示板をつけていただいたのはとっても有難いです。
メールフォームの作成＆設置も簡単そうで、複数のフォームがある場合にInwuiryでサクッとフォームを完成させてしまいたいですね。
SOYのタグを入れながらもプレビューしつつ制作ができるのも魅力の一つですね！
予算的にもCMSの規模的にも大規模案件に導入するのがいいようです。
更新画面の文書構造がはっきりしているので、パソコンに不慣れな人も簡単に使えるのではないかと思います。
やりたいことが直感的にできそうですね。
鷹野さんからもお話があったタグを書くのがめんどうなので雛型がほしいという部分を満たしてもらえると使いたい気持ちがアップしそうです。
CGIを触ったことがある人はパラメタの指定で絞込みができたりするので見慣れたソースでやりたいことができそうです。
多言語サイトの構築や携帯サイトの構築にも使えます。
他のCMSとは少し違ったシステム屋さんよりなウリがあるので、うちの会社とかは使う機会が出てきそうなCMSです。
今MTを利用しているお客様がバージョンアップする時に導入を検討してみようかと思います。
こうやってCMSを並べて一気に見てみるとそれぞれのよさや使いどころが見えてきました。
今後、一つのCMSに凝り固まらないで臨機応変にCMSを選択していくスキルを身に付けていこうかなぁと感じたセミナーでした。
まずは触ってみることですよね☆頑張って時間作らねばぁ～！
それぞれ、感じたことのメモをちょろっと書きます。
SOY CMS
次の小規模案件で使います。決めてはSOY App(SOY Inquiry, SOY Mail, SOY Board)。
未だに要望がなくならない掲示板をつけていただいたのはとっても有難いです。
メールフォームの作成＆設置も簡単そうで、複数のフォームがある場合にInwuiryでサクッとフォームを完成させてしまいたいですね。
SOYのタグを入れながらもプレビューしつつ制作ができるのも魅力の一つですね！
WebRelease 2
システマチックなことをやるときはいいのかな？と感じました。予算的にもCMSの規模的にも大規模案件に導入するのがいいようです。
a-blog cms
検索可能なカスタムフィールドが使いやすそう。更新画面の文書構造がはっきりしているので、パソコンに不慣れな人も簡単に使えるのではないかと思います。
やりたいことが直感的にできそうですね。
CMS Designer
xslのタグを使ってテンプレートが制作できるのが汎用性があっていいです。鷹野さんからもお話があったタグを書くのがめんどうなので雛型がほしいという部分を満たしてもらえると使いたい気持ちがアップしそうです。
CGIを触ったことがある人はパラメタの指定で絞込みができたりするので見慣れたソースでやりたいことができそうです。
RCMS
データの関連付けが様々な案件で役立ちそうです。多言語サイトの構築や携帯サイトの構築にも使えます。
他のCMSとは少し違ったシステム屋さんよりなウリがあるので、うちの会社とかは使う機会が出てきそうなCMSです。
bingo! CMS
プレゼンの「倍速」のデモがインパクト強かったです！wDTPライクなCMSというコンセプトが使いやすさを生んでるのかな？まずは使ってみます。Jimdo
「オンラインwebサイトビルダー」だそうです。どうしてもホームページビルダーから抜け出せないお客様に提案してみたいです。Power CMS for MT
複数ファイルアップロードーとアクセス解析は今まで欲しかったです。今MTを利用しているお客様がバージョンアップする時に導入を検討してみようかと思います。
こうやってCMSを並べて一気に見てみるとそれぞれのよさや使いどころが見えてきました。
今後、一つのCMSに凝り固まらないで臨機応変にCMSを選択していくスキルを身に付けていこうかなぁと感じたセミナーでした。
まずは触ってみることですよね☆頑張って時間作らねばぁ～！
CSS Nite in FUKUSHIMAで憧れの矢野りんさんに出会った～。
最高です。幸せです。緊張しましたっ！
いろんな話聞いてくれて、励ましてもらいました☆
すきだぁー！
今まで以上にリスペクトします！
photo by Yu Sato
最高です。幸せです。緊張しましたっ！
いろんな話聞いてくれて、励ましてもらいました☆
すきだぁー！
今まで以上にリスペクトします！
photo by Yu Sato
昨日（いや、もう一昨日だ。）、CSS Nite in FUKUSHIMA, Vol.2に行ってきました。
テーマはデザイン。
デザインに関しては知識が少ない私にとって、
すごく有益な情報が満載のセミナーでした。
忘れないうちに感想をメモ☆
1．春だ一番! 海外Webデザイントレンド2009 Spring/Summer
（原 一浩さん／Design Wedge / 株式会社エフエックスビイ / 空飛ぶ株式会社）
トレンドがわかることによって、
どのようなデザインを提案したらいいかが見えてきました。
流行にながされるということではなく、
時代にあったデザインのサイトを提供するのがベターなんだなぁと感じました。
２．バランスのよいレイアウトを実現する「色テク」いろいろ
（矢野 りんさん／デザイナー・ライター）
色に関する知識が無い私にもとてもわかりやすかったです。
実際に運用されている３つのサイトを用いたデザインセラピー（サイトをよりよく改善する案を紹介してくださいました。）では、ちょっとしたことが大切なんだと気づきました。
３．ワイヤーフレーム／カンプ／プロトタイプ制作を加速するFireworks
（鷹野 雅弘さん／株式会社スイッチ 代表取締役 ／ CSS Nite 主宰）
現在行っている事の確認、新たな発見、ツールの活用術など、
制作のスピードをアップさせるコツがたくさん詰まっていました。
４．ライブラリを活用した、Webコンテンツのドレスアップ
（國分 亨さん／dreamseeker）
ますます色々なJavaScriptライブラリを活用したくなりました。
Dreamweaverの機能を活用すると作業の効率化が図れると思いました。
知らないサイトが紹介されていたので、参考にさせていただきます。
いっぱい勉強ができて、情報を得られて大満足！
企業のweb担当者の方にもオススメな内容でした。
講師の皆様、福島の実行委員の皆様、ありがとうございました☆
テーマはデザイン。
デザインに関しては知識が少ない私にとって、
すごく有益な情報が満載のセミナーでした。
忘れないうちに感想をメモ☆
1．春だ一番! 海外Webデザイントレンド2009 Spring/Summer
（原 一浩さん／Design Wedge / 株式会社エフエックスビイ / 空飛ぶ株式会社）
トレンドがわかることによって、
どのようなデザインを提案したらいいかが見えてきました。
流行にながされるということではなく、
時代にあったデザインのサイトを提供するのがベターなんだなぁと感じました。
２．バランスのよいレイアウトを実現する「色テク」いろいろ
（矢野 りんさん／デザイナー・ライター）
色に関する知識が無い私にもとてもわかりやすかったです。
実際に運用されている３つのサイトを用いたデザインセラピー（サイトをよりよく改善する案を紹介してくださいました。）では、ちょっとしたことが大切なんだと気づきました。
３．ワイヤーフレーム／カンプ／プロトタイプ制作を加速するFireworks
（鷹野 雅弘さん／株式会社スイッチ 代表取締役 ／ CSS Nite 主宰）
現在行っている事の確認、新たな発見、ツールの活用術など、
制作のスピードをアップさせるコツがたくさん詰まっていました。
４．ライブラリを活用した、Webコンテンツのドレスアップ
（國分 亨さん／dreamseeker）
ますます色々なJavaScriptライブラリを活用したくなりました。
Dreamweaverの機能を活用すると作業の効率化が図れると思いました。
知らないサイトが紹介されていたので、参考にさせていただきます。
いっぱい勉強ができて、情報を得られて大満足！
企業のweb担当者の方にもオススメな内容でした。
講師の皆様、福島の実行委員の皆様、ありがとうございました☆
昨日「CSS Niteビギナーズ仙台版」が無事に終了しました！
前日はFrog's Design(フロッグスデザイン)の庄司さんのお店、awesome! クリエイターズショップをお借りしてリハをしました。
鷹野さんも前日入りして参加してくださり、たくさんアドバイスをいただきました♪
そして昨日、みなさんのご協力のおかげで無事に「CSS Niteビギナーズ仙台版」を終了させることができましたぁ！
大変にありがとうございます！
今回、「JavaScriptライブラリとCSS」のセッションを担当させていただいたことでたくさんのことを得ることが出来ました。
その中でも「たくさんの方に支えていただいてるなぁ〜」と感じられたことが一番幸せです☆
当日が近づくにつれて増えてくる激励の言葉やメールに何度励まされたかわかりません。
当日は忙しい中にも関わらず鷹野さん、益子さんは優しく質問に答えてくださったり、アドバイスをしてくれました。
1年前までは手の届かないであろう存在だと思っていたお二人と同じ舞台に立てて、大変光栄です！
お褒めの言葉までいただいてしまいましたっ♪♪♪♪♪
ここまでできたのは実行委員のみんなと会社のみんなのおかげ。
高め合える仲間と優しく見守ってくれてる先輩たちがいたからこそ、お褒めの言葉をいただけるくらいの力を発揮できたんだなとつくづく感じた初の大舞台でした。
私にとっての初舞台がCSS Niteであったことに心から感謝しています。
そしてそして、ご来場いただいた皆様！
ありがとうございました☆
懇親会やその後の二次会などにもたくさんの方に参加していただき、たくさんの方とお話しすることができて更にモチベーションが高まりました！
これからも仙台を盛り上げるために委員長を先頭に頑張っていきますので、どうぞ宜しく☆
明日からは担当したセッション「JavaScriptライブラリとCSS」の小ネタをちょこちょこ掲載していきます。
