このエントリーをはてなブックマークに追加

2月

25

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

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

ハッシュタグ :#r360study
募集内容

参加枠

3000円(会場払い)

先着順
29/31

イベントの説明

ウェブかける × 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件が表示されます。

フィード

r360studio 森和恵

r360studio 森和恵 さんが ウェブかける × Dreamweaver (XDもあるよ!) を公開しました。

2018/01/15 18:24

ウェブかける × Dreamweaver (XDもあるよ!) を公開しました!

グループ

r360study

ウェブサイト制作の技術を学ぶイベントや勉強会を開催しています。

イベント数 1回

メンバー数 51人

終了

2018/02/25(日)

13:00
17:00

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

募集期間
2018/01/15(月) 15:00 〜
2018/02/24(土) 23:00

会場

中央会計セミナールーム

大阪市中央区備後町3-6-2 (大雅ビル3階)

参加者(29人)

MutsukoOta

MutsukoOta

ウェブかける × Dreamweaver (XDもあるよ!)に参加を申し込みました!

mi_kichi

mi_kichi

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

eguchi_juri

eguchi_juri

ウェブかける × Dreamweaver (XDもあるよ!)に参加を申し込みました!

RyoEndo

RyoEndo

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

NaokiHirota

NaokiHirota

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

S.H

S.H

ウェブかける × Dreamweaver (XDもあるよ!)に参加を申し込みました!

まつえり

まつえり

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

shom

shom

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

YukiItou

YukiItou

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

YasuhiroShiotani

YasuhiroShiotani

ウェブかける × Dreamweaver (XDもあるよ!) に参加を申し込みました!

参加者一覧(29人)

キャンセルした人(5人)