ウェブかける × Dreamweaver (XDもあるよ！)

ウェブかける × Dreamweaver (XDもあるよ！)

テーマを決めて、じっくりと学びに取り組む「ウェブ×（ウェブかける）」。

記念すべき1回目のテーマは、「Dreamweaver」です。

バージョンアップして、ウェブ制作の時流に合わせた機能が盛り込まれたDreamweaver。

まるっと全部入りの多機能だからこそ、テキストエディターにはない良さがたくさんあると感じています。

今回は、イマドキのウェブ制作ワークフローに合わせて、Dreamweaverらしい使い方を紹介します。

• 昔、Dreamweaverを使ってたひと
• Dreamweaverっていいらしいと聞いてるけど、なんやかんやで踏み出せないひと
• ウェブを作る工程で「コーディングするの嫌い」なひと

に、ぜひご覧いただきたい内容となっています。

機能たっぷりな、最新版Dreamweaver。使えばどうHappyになれるのか？を検証します。

・ ・ ・

前半は、「Bootstrapありきで作る、カンプからコーディングまで」

森和恵（r360studio）

Adobe XDで作ったカンプをDreamweaverでコーディングするまでの流れを追います。

コーディングの手間を簡略化するために《Bootstrap》ありきで組み上げます。

Adobe XDは、画面設計に特化したアプリケーションです。アプリの動きが軽快で、簡単に使えるため、Adobeユーザーの間で人気が急上昇しています。今回は、このソフトで作ったウェブデザインを用います。

Bootstrapは、ウェブのフレームワークです。HTMLとCSSとJavascriptで構成されたウェブページを構築するための土台となります。これを使うことで、ウェブの構築がスピーディに行えます。

Bootstrapのページ組みと親和性が高い Dreamweaverとウェブのデザイン作成に使われることが増えつつある Adobe XD をうまく連携し、サイト制作を進めるコツをお話しします。

カンプができている状態から、コーディングをいかに楽して進めるか？を追求します。

・ ・ ・

後半は、「SassやGitを用いて、コードやデータの管理や効率化」

たにぐちまこと（H2O space）

長くサイトを運営していくと、スパゲッティのように複雑になるCSSのコード。Sassを用いてCSSをコーディングすれば、効率よく管理が楽になります。

また、サイト運営を続けるとファイルがどんどん増えます。古いデータはゴミのように残ってるのに、必要なデータは間違えて消してしまった……なんてことがないように、データ管理を可視化して楽にしてくれるのがGitです。

Dreamweaverは、CCになって大きくパワーアップし、現代の Web制作にはなくてはならない Git管理と、Sassのコンパイルができるようになりました。

このあたりの技術について「使ってみたいけど、Dreamweaverが対応していないから使っていなかった」という方や、わざわざ別のソフトを使っていた方などは、ぜひ新しい Dreamweaverの強力な機能を学んで、今日から使いこなしていきましょう。

タイムテーブル

・ ・ ・

登壇者

森和恵（r360studio）

r360studioで活動するウェブ系インストラクター。

「むずかしいことでも、わかりやすく伝える」をモットー に楽しく学べるセミナーを開催。

今後は、eラーニングや電子書籍の形式で、ウェブ制作を学ぶための教育コンテンツにも注力中。

昨年登壇した Adobe MAX 2017のセッションをYoutubeにて配信中。

【PSDカンプからBootstrapページを世界最速コーディング】
《 https://www.youtube.com/playlist?list=PL7LtdGFp5DwQtJmKNEfOSejrjMynmh5L4 》

・ ・ ・

たにぐちまこと（H2O space）

「ちゃんとWeb」をコーポレートテーマに、Webサイトを「ちゃんと」作ることを目指したWeb制作会社。

大学や教育機関、NPOの皆様を中心に、WordPressを利用したサイト制作や、kintoneを利用した業務改善のお手伝いや JavaScriptによる高度なカスタマイズ開発をしています。

また、CSS Niteや WordCampでの講演や著書などを通じ、クリエイターの育成にも力を入れている。主な著書に『マンガでマスタープログラミング教室』（ポプラ社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。

・ ・ ・

かならずお読みください

当日必要な持ち物や連絡事項をこちらに記載します。

※これから当日までに、最新情報を以下に追記していきます。参加当日にも、かならずご確認ください。

• 参加費用 3,000円 (※お釣りがでないようお願いします。※領収書を発行します。）
• 受付番号（※Connpass発行の受付票に記載されています。）
• 筆記用具など
• ノートパソコン持ち込みが可能です。（電源が十分にないので、十分に充電してからご来場ください。）

・ ・ ・

会場のご案内

中央会計セミナールームで開催します。

大雅ビル(大阪市中央区備後町3-6-2)の3階会場までお越しください。

12時30分より会場、13時より開演です。

・ ・ ・

主催／

主催：ウェブかける

会場提供：中央会計株式会社

・ ・ ・