Information

Vol.3 & Vol.4 のアーカイブ

CSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」スライド&音声公開

img-vol4-report-008
写真/鍋坂樹伸(サン・スタジオ)

2010年7月31日、高松市生涯学習センターまなびCANで開催しCSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」のスライドと音声をシェアします。

アドビからDreamweaverビギナーズへのメッセージ~Web制作環境を支援するAdobe Creative Suite 5~
西村 真里子さん(アドビ システムズ 株式会社

西村 真理子

Dreamweaverの最初の一歩(環境設定とサイト定義)&ソースコード編集のキホン&CSS編集
鷹野 雅弘さん(株式会社スイッチ

鷹野 雅弘

デザインビューを使いこなそう!
神森 勉さん(株式会社アンカーテクノロジー

神森 勉

Dreamweaverテンプレートをマスターして楽々サイト構築
丸山 章さん

丸山 章

DreamweaverとMSOfficeとの連携
山田 恵理子さん(株式会社ゴーフィールド

山田 恵理子

Dreamweaver×Jimdoで簡単サイト制作
高畑 哲平さん(株式会社KDDIウェブコミュニケーションズ

高畑哲平

Dreamweaverで作業効率向上Tips
筒井 志信さん(Webridge Kagawa

筒井 志信

CSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」 開催レポート
http://cssnite.webridge-kagawa.com/blog/?p=633

CSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」 開催レポート

2010年7月31日(土)に開催されたCSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」は、高松市生涯学習センターまなびCANにて約80名の方にご来場いただき、ご協力をいただきまして、無事終了しました!本当にありがとうございました!心より御礼申し上げます。

当日の午前中は、Dreamweaverを触ったことがない、セッションについていけるかどうか自信のない方のために、CSS Nite主宰の鷹野雅弘さんのご厚意により補講を開催。「Dreamweaver超ビギナー」に向けて「Dreamweaverを用いたWebサイト制作」についてご紹介しました。

img-vol4-report-001

補講終了後、講師と実行委員が全員集まって会場設営。机やいすの運搬、音声や映像の確認、配付資料の配置や参加者へのプレゼントの開封作業などを行いました。また、今回は快晴の真夏日だったのもあり、講師・実行委員の何人かが浴衣に変身。12:30に開場し、当時まだ発売されていなかったサブテキスト「効率的なサイト制作のためのDreamweaverの教科書」(2010/8/10発売)とともに、みなさまをお出迎えしました。

img-vol4-report-002

13:00にいよいよ開演。まずは鷹野 雅弘さん(株式会社スイッチ)と、鍋坂 理恵さん(フォトアンドデザイン サン・サン)によるオープニングトーク。さっそく定番の、参加者全員でのじゃんけんでプレゼントの抽選会を行いました。ご当選された方はおめでとうございます!また、プレゼント協賛いただいた企業のみなさま、まことにありがとうございました!

img-vol4-report-003

そして待ちに待ったセッション開始。トップバッターを務めるのは、西村 真里子さん(アドビ システムズ 株式会社)による「アドビからDreamweaverビギナーズへのメッセージ ~Web制作環境を支援するAdobe Creative Suite 5~」。数あるAdobe製品のなかでのDreamweaverの位置づけ、開発者のメッセージ、トリビアをご紹介いただきました。また、Photoshop CS5の新機能「コンテンツに応じた塗り」や「パペットワープ」についてもおまけでご紹介いただき、あまりのすごさに会場も騒然としました。

続いて、鷹野 雅弘さん(株式会社スイッチ)による「Dreamweaverの最初の一歩(環境設定とサイト定義)」。Dreamweaverを快適に使うのに欠かせない、ワークスペース・キーボードショートカット・コードフォーマット・サイト定義などの環境設定の方法をご紹介いただきました。Dreamweaverについて不満に感じることのほとんどは、環境設定を変更することで解決することが分かりました。

img-vol4-report-004

休憩を挟んで、神森 勉さん(株式会社アンカーテクノロジー)による「デザインビューを使いこなそう!」。Dreamweaverのデザインビューをあますことなく活用するにあたって、必要な心構えやポイント・トリプルクリックやキーボードショートカットの使いこなしをご紹介いただき、実際にデモしていただきました。デザインビューにあまり良い印象を持っていなかった方も、このセッションで見直したのではないでしょうか?

その後は、再び鷹野 雅弘さん(株式会社スイッチ)による「ソースコード編集のキホン」。Dreamwaverのソースコードビューでソースコードをガリガリ書くにあたって押さえておきたい機能と使い方・キーボードショートカット、拡張機能をご紹介いただきました。最近の講演で紹介された方法も採り上げていただき、あらためてDreamweaverの奥深さを認識します。

img-vol4-report-005

再度の休憩後は、引き続き、鷹野 雅弘さん(株式会社スイッチ)による「CSS編集」。DreamweaverでCSSを編集していく際におさえておきたいDreamweaver特有の挙動や機能を、CSSの基礎知識とともに学びました。CSSファイルを直接編集する方法、デザインビューからCSSを設定する方法、またCS5から導入されたCSSインスペクトについてもご紹介いただきました

その後は、丸山 章さんによる「Dreamweaverテンプレートをマスターして楽々サイト構築」。Dreamweaverで効率よくサイトを制作するにあたって欠かせない機能、Dreamweaverテンプレートについて概要から各機能までご紹介いただきました。コードで書かないと使えない機能もあるとのことで奥の深さが分かります。デモを交えながら何ができるのか教えていただき、使いこなしてみたくなるセッションでした。

img-vol4-report-006

続いて、15分のセッションを3連発。まずは山田 恵理子さん(株式会社ゴーフィールド)による「DreamweaverとMSOfficeとの連携」。5/29に開催された「Dreamweaver Town Meeting in Tokyo」で講演したテーマを高松でも披露していただきました。Excelで計算式を作ったり、Wordでスタイルを設定して、それをDreamweaverと連携させることで圧倒的に作業時間を短縮できることを教えていただきました。

次に高畑 哲平さん(株式会社KDDIウェブコミュニケーションズ)による「Dreamweaver×Jimdoで簡単サイト制作」。前回のCSS Nite in TAKAMATSU, Vol.2、Vol.3でもご紹介いただいた「Jimdo」ですが、今回はDreamweaverとの連携についてデモを交えながらご紹介いただきました。Dreamweaverで制作したサイトが、わずか数分でカンタンに「Jimdo」に移行できる様子に、会場一同驚きました。クライアント・制作者・閲覧者のバランスが崩れないようなサイト制作を心がけたいものです。

最後は筒井 志信さん(Webridge Kagawa)による「Dreamweaverで作業効率向上Tips」。Dreamweaverで制作効率をもっともっと向上させるスニペット機能と、拡張機能についてご紹介いただきました。一見地味なスニペット機能の使いどころや、公開されているさまざまな拡張機能を使うと「ウルトラ加速」することが分かりました。

img-vol4-report-007

以上、大きなトラブルもなく無事に全プログラムを終えることができました。ご登壇いただきました講師のみなさま、お忙しい中でのスライド作成や貴重なノウハウの提供など本当にありがとうございました!

img-vol4-report-008

そのあとは会場近くの居酒屋にて懇親会を開催し、東京からお越しの鷹野さん・西村さん・高畑さん・神森さん、島根からお越しの丸山さん、地元香川からの参加者と登壇者、岡山、愛媛、高知など近隣の県よりお越しいただいた参加者を交え、楽しい濃密な時間を過ごしました。引き続きこれらの活動を通してWeb制作業界を活性化させていきます!

最後に参加者の皆様方、あらためてCSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」に参加いただき、本当にありがとうございました!アンケート回答へのご協力にも感謝しております。次回以降の運営に役立ててまいります。今後とも、CSS Nite in TAKAMATSUおよび、Webridge Kagawaをよろしくお願い申し上げます。

写真/鍋坂樹伸(サン・スタジオ)


CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」無事終了しました!

CSS Niteビギナーズ HTML+CSS編

7月31(土)、CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」、高松市生涯学習センターまなびCANにて約80名の方にご来場いただき、ご協力をいただきまして、無事終了いたしました!心より御礼申し上げます。本当にありがとうございます!

ご参加いただいたみなさまには、今回のイベントに関する情報をフォローアップメールで随時お送りしますので楽しみにお待ちくださいませ。また、ぜひブログなどで今回のイベントの様子やご意見ご感想をレポートしていただき、この記事にトラックバックくださいますと幸いです。

これからのCSS Nite in TAKAMATSU、Webridge(ウェブリッジ) Kagawaにご期待ください!

次のブログにて取り上げていただきました。ありがとうございます。

twitterでの発言(ハッシュタグ #cssnitetkmt4) はこちらにまとめていただきました。


(プレゼント協賛)「オーサムクリエイト」様から『オリジナルポストカード』をご提供いただきました!

ポップアート販売サイト「awesome! creators Shop」を運営されているオーサムクリエイト様から 「awesome! creators Shop×CSSNite オリジナルポストカード」をプレゼント協賛いただきました!

asm003 asm012

ポストカードは、イベント当日アンケートにお答え頂いた方向けのプレゼントとさせていただきます。ぜひ、お帰りの際にお受け取りください!

オーサムクリエイト


CSS Nite ビギナーズ Dreamweaver編「補講」のお知らせ

Dreamweaverは触ったことが無いけど…ついていけるかちょっと自信が無い… とお悩みの方に朗報です。

東京から来ていただく CSS Nite主宰の鷹野雅弘さんのご厚意により、「Dreamweaver超ビギナー」に向けて補講を開催いたします。
開催は本編開催日の午前中!超ビギナーの方は補講を受けて本編への理解を深めてください。

◎定員:20人
◎費用:無料(本編参加者に限る)
◎日時:2010年7月31日(土)10:00-11:00(最大延長:11:30)
◎会場:高松市生涯学習センター まなびCAN OA実習室(開場:9:45)
〒760-0040 高松市片原町11番地1 ※本編は同施設内の別室で開催します。

※補講の参加は本編「CSS Nite ビギナーズ Dreamweaver編」参加者に限ります。
※内容は「Dreamweaverを用いたWebサイト制作の超初心者向け」を想定しています。

事前お申込みの方には2010年7月9日 16:30頃に送信した「カウントダウンメール#001」にお申込みURLを案内させて頂いております。ご確認ください。


CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」開催レポート

2010年6月26日(土)に開催されたCSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」は、おかげさまでたくさんの方にご来場いただき、ご協力をいただきまして、無事終了いたしました!本当にありがとうございました!心より御礼申し上げます。

img-vol4-report-001
当日、実行委員は開場30分前に集合し、会場設営・準備を進めました。机やいすの運搬、音声や映像の確認、配付資料の配置や参加者へのプレゼントの開封作業など。東京からお越しいただいた登壇者の力添えもあり、緊張しつつも円滑に作業が終わりました!そして、12:30に開場。今回はセット割、早割を設けていて受付の混雑が予想されましたが、ご来場いただいたみなさまのおかげで、混雑することもありませんでした。

img-vol4-report-002
13:00にいよいよ開演。まずは益子 貴寛さん(株式会社サイバーガーデン)と、山田 恵理子さん(株式会社ゴーフィールド)によるオープニングトーク。さっそく参加者全員でのじゃんけんでプレゼントの抽選会を行いました。ご当選された方はおめでとうございます!また、プレゼント協賛いただいた企業のみなさま、まことにありがとうございました!

img-vol4-report-003
そして待ちに待ったセッション開始。トップバッターを務めるのは、山田 恵理子さん(株式会社ゴーフィールド)による「XHTML+CSSのワークフロー」。XHTMLによる文章構造の最適化やCSSレイアウトの必要性、XHTML+CSSを学ぶにあたっての勉強方法についてお話しいただきました。

続いて、多田 吉臣さん(有限会社ヘルツ)による「押さえておきたいXHTMLのキホン10」。XHTMLの基本について10個のポイントに分けて、XHTMLの書き方や要素についてひとつひとつ解説、後工程のことを如何に考えて取り組むか、お話していただきました。

img-vol4-report-004
休憩を挟んで、益子 貴寛さん(株式会社サイバーガーデン)による「マークアップ選びのコツ」。あるサイトを題材に、そのサイトのマークアップがどうなっているか、どのようにマークアップするのがいいのか、実際のワークショップも行い、マークアップ(要素)選びで迷いがちなポイントや、適切に判断するコツを解説していただきました。

その後は、筒井 志信さん(Webridge Kagawa)による「CSSのキホン」。CSSの基本を6つのテーマに分けて、セレクタやプロパティの役割、ボックスモデルの概念、CSSプロパティの覚え方などを中心にお話しいただきました。

img-vol4-report-005
休憩に入り、山本良子さん(KDDIウェブコミュニケーションズ)によるオープンマイク「既存のサイトから簡単にJimdoへ移植」。パソコンを触れる人であれば編集可能なように設計されているCMS「Jimdo」についてご紹介いただき、わずか数分というあっという間な時間で静的なサイトを「Jimdo」に移植する様子をデモしていただきました。

その後は、小林 信次さん(株式会社まぼろし)による「これだけはおさえておきたい、CSSレイアウトの基本」。CSSでレイアウトするにあたって避けては通れない「HTMLの要素をCSSで動かす方法」について、「margin」「float」「position」プロパティを中心に図解やデモを交えながら、仕組みや実例についてじっくり解説していただきました。

img-vol4-report-006
続いて、植田 圭嗣さん(ライジング)による「CSSデザインの実用テクニック」。同じく、CSSでレイアウトするにあたって避けては通れない「HTMLの要素をCSSで装飾する方法」について、「display」「background」プロパティの使い方を中心に、CSSレイアウトの醍醐味が詰まった「ナビゲーション」の実装を通して解説していただきました。

その後は休憩を挟んで、鍋坂 理恵さん(フォトアンドデザイン サン・サン)による「CSSデザインのブラウザ調整」。CSSレイアウトを行うにあたって躓きがちなブラウザ間のレイアウト調整について、Internet Explorer 6のよくあるトラブルと対応方法を中心にご紹介いただきました。

img-vol4-report-007
続いて、西畑 一馬さん(to-R)による「JavaScriptライブラリとjQuery」。プログラムゆえ難しそうな印象を抱いてしまいがちですが、Webデザイナー、コーダーでも避けては通れなくなってきたスキルJavascriptについて、「JavaScriptライブラリ」や「jQuery」などの、ノンプログラマーでもJavaScriptが簡単に取り扱える仕組みや使い方についてご紹介いただきました。ユーザーの操作に対してインタラクションを返すといった「使いやすさ」をデザインするため、HTML+CSSの次の表現の手段としてJavaScriptを学んでいって、とお話いただきました。

最後は、益子 貴寛さん(株式会社サイバーガーデン)による「HTML5とCSS3」。現在のWeb制作ではどんどん必須のスキルになってきている「HTML5」と「CSS3」を通して、業界の最新情報や、積極的に新しい技術をつかうWebデザイン「Progressive Enhancement」という考え方など、これからの技術や規格に対して、どのように取り組んでいけばよいか、お話しいただきました。

在のWeb制作では「HTML5」と「CSS3」が
どんどん必須のスキル

img-vol4-report-008

タイムテーブルにやや遅れがあったものの、大きなトラブルもなく無事に全プログラムを終えることができました。ご登壇いただきました講師のみなさま、お忙しい中でのスライド作成や貴重なノウハウの提供など本当にありがとうございました!

そのあとは会場近くの居酒屋にて懇親会を開催し、東京からお越しの益子さん・小林さん・西畑さんと、地元香川からの参加者と登壇者、岡山、愛媛、高知など近隣の県よりお越しいただいた参加者を交え、楽しい濃密な時間を過ごしました。引き続きこれらの活動を通してWeb制作業界を活性化させていきたいです!

最後に参加者の皆様方、あらためてCSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」に参加いただき、本当にありがとうございました!アンケート回答へのご協力にも感謝しております。満足度の高い反響とともにさまざまなご指摘もいただいています。真摯に受け止め、次回以降の運営に役立ててまいります。

次回7月31日(土)開催 CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」 にもぜひご期待ください。ビギナーズと銘打っていますが、数々の実績や著書を持つDreamweaverを知り尽くした猛者たちが集まりましたので、すでにプロとして活躍されているみなさまにも役に立つ内容になると思います。「HTML+CSS編」に参加されなかった、都合が合わず参加できなかった方も、ぜひ参加をご検討ください!みなさまと情報交換や技術を磨いていけることがわれわれの願いでもあり、香川県および中四国のWeb制作業界を盛り上げていくことと考えております。

今後とも、CSS Nite in TAKAMATSUおよび、Webridge Kagawaをよろしくお願い申し上げます。

写真/鍋坂樹伸(サン・スタジオ)

※(おまけ)東京からお越しいただいた益子さん、小林さん、西畑さんに香川に滞在中の様子をブログに取り上げていただきました。

益子さん

小林さん

西畑さん


CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」タイムテーブルを公開しました

7月31日(土)開催、CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」のタイムテーブルを公開しました。

セミナー形式で、Dreamweaverの基本操作から実用事例まで、キホンから応用まで幅広く、じっくり学んでいただく構成になっています。また、近日発売予定の連動書籍『効率的なサイト作成のためのDreamweaverの教科書』を用意しているので復習にも安心です(参加費に含めています)。

これからWeb制作業界へ就職・転職を目指す方はもちろん、一般企業でWebサイトの更新を担当されている方にも、強くオススメしたい内容になっています!現在プロとして活躍されているみなさんには、ご自身の習得度合いを再確認していただくよい機会です。さらなるスキルアップや作業の効率化にお役立てください!

開始 セッション 時間 出演者
12:30 開場
13:00 開演・オープニング
13:05 アドビからDreamweaverビギナーズへのメッセージ
~Web制作環境を支援するAdobe Creative Suite 5~
30分 西村 真理子
アドビ システムズ 株式会社
13:35 Dreamweaverの最初の一歩(環境設定とサイト定義) 20分 鷹野 雅弘
株式会社スイッチ
13:55 休憩
14:05 ソースコード編集のキホン 30分 鷹野 雅弘
株式会社スイッチ
14:35 CSS編集 30分 鷹野 雅弘
株式会社スイッチ
15:05 休憩
15:15 デザインビューを使いこなそう! 40分 神森 勉
株式会社アンカーテクノロジー
15:55 休憩
16:05 Dreamweaverテンプレートをマスターして楽々サイト構築 40分 丸山 章
16:45 休憩
16:55 DreamweaverとMSOfficeとの連携 15分 山田 恵理子
株式会社ゴーフィールド
17:10 Dreamweaver×Jimdoで簡単サイト制作 15分 高畑 哲平
株式会社KDDIウェブコミュニケーションズ
17:25 Dreamweaverで作業効率向上Tips 15分 筒井 志信
Webridge Kagawa
17:40 エンディング
18:00 終了・アンケート回収
18:30 懇親会

※タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します
※後半になるにつれて応用的な内容になっていきますので、予習されるとよりいっそう理解が深まると思います
※登壇者はDWを知り尽くした猛者ぞろいですので、ぜひ、いろんな質問を準備してご来場ください!

残席も少なくなってきましたので、参加を検討されている方は、お早めにお申し込みください!

CSS Niteビギナーズ HTML+CSS編-2010年6月26日 Dreamweaver編-2010年7月31日 お申し込みはこちら


CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」のお忘れ物

6月26日 CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」の懇親会会場でのお忘れ物、ハンカチをお預かりしています。心あたりの方は「お問い合わせ」よりご連絡ください。

IMG_6807


CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」無事終了しました!

CSS Niteビギナーズ HTML+CSS編

6月26日(土)、CSS Nite in TAKAMATSU, Vol.3「CSS Niteビギナーズ HTML+CSS編」、高松市生涯学習センターまなびCANにて約80名の方にご来場いただき、ご協力をいただきまして、無事終了いたしました!心より御礼申し上げます。本当にありがとうございました!

ご参加いただいたみなさまには、今回のイベントに関する情報をフォローアップメールで随時お送りしますので楽しみにお待ちくださいませ。また、ぜひブログなどで今回のイベントの様子やご意見ご感想をレポートしていただき、この記事にトラックバックくださいますと幸いです。

7/31に続編 CSS Nite in TAKAMATSU, Vol.4「CSS Nite ビギナーズ Dreamweaver編」も開催いたしますので、すでに参加申し込みされている方は楽しみにお待ちください。また、今回参加されなかった、できなかった方はぜひ参加をご検討いただけると幸いです!詳細はまたこのブログやTwitterなどで告知してまいります。これからのCSS Nite in TAKAMATSU、Webridge(ウェブリッジ) Kagawaにご期待ください!

次のブログにて取り上げていただきました。ありがとうございます。

twitterでの発言(ハッシュタグ #cssnitetkmt3) はこちらにまとめました。


(ご協賛)「アドビ システムズ 株式会社」様にご協賛いただきました!

多くのクリエイターの期待を集め2010年5月28日にCreative Suite 5 を発売されたばかりの「アドビ システムズ 株式会社」様にご協賛いただきました。
ありがとうございます!

アドビ システムズ 株式会社