2月
25
ウェブかける × Dreamweaver (XDもあるよ!)
機能たっぷりな、最新版Dreamweaver。使えばどうHappyになれるのか?を検証します。
イベントの説明
ウェブかける × 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の強力な機能を学んで、今日から使いこなしていきましょう。
タイムテーブル
時間 | 内容 | 担当(時間) |
---|---|---|
12:30 | 開場/受付 | (30分) |
13:00 | 開演/オープニング | (10分) |
13:10 | 「Bootstrapありきで作る、カンプからコーディングまで」 | 森 和恵(80分+休憩) |
14:45 | 「SassやGitを用いて、コードやデータの管理や効率化」 | たにぐちまこと(80分+休憩) |
16:20 | 感想戦/質疑応答/エンディング | (40分) |
・ ・ ・
登壇者
森和恵(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時より開演です。
・ ・ ・
主催/
主催:ウェブかける
会場提供:中央会計株式会社
・ ・ ・
発表者
資料 資料をもっと見る/編集する
資料が投稿されると、最新の3件が表示されます。