Aggregator

注文や予約など顧客が起こすアクションに関連したリンクをローカルビジネスのナレッジパネルに掲載することができるようになった。

- Googleマイビジネスに新機能――予約やメニューへのリンクをローカルナレッジパネルに追加可能に -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップを公開します。

• （1）温故知新：DreamweaverとWeb制作シーンの20年を振り返る
• （2）Dreamweaverのコードエディター機能を進化させたBrackets
• （3）Dreamweaverで高速・楽々マークアップ
• （4）忘れがち、実は使えていない Dreamweaverの便利機能
• （5）いまどきのPhotoshopとDreamweaverとの連携
• （6）チームで使える！ ワークフローに効くDreamweaver+Bootstrap
• （7）DreamweaverでSassを使うための勘所
• （8）Dreamweaverに追加予定の機能と開発チームへの機能要望の出し方

関連リンク

• CSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」 - Togetterまとめ

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、森 和恵さん（r360studio）の『忘れがち、実は使えていない Dreamweaverの便利機能』セッションのスライドなどを公開します。

• スライド（PDF）
• サンプルファイル
• 音声
• 動画

メッセージとフォローアップ

４番目のセッションでお話しした、森和恵です。
ご参加くださったみなさま、長丁場のイベント本当におつかれさまでした。

「知らなかった機能がたくさんありました！ドリ使ってみます」と感想をいただけて、嬉しかったです。
大好きなDreamweaverの話をする機会をいただきありがとうございました。

フォローアップ動画を下記リンクよりご覧いただけます。時間的な制約がないので、かなりじっくりとお話していますので、合わせてぜひご覧ください。

★大阪版でのフォローアップ動画（新しい検索／置換・メディアクエリーバー・コードテーマのカスタマイズ）は、現在準備中です。
公開したらリンクを追記しますが、いち早く知らせて欲しい方は、当方Twitterにて。@r360studio へのフォローをお待ちしております。

では、また、どこかでお会いできますことを楽しみに。

【お知らせ／告知】

• メールマガジン『もりかずのウェブデジを語ろう！』の事前登録を受け付けています。
  ５月24日にプレマガジンを発行予定です。おまけ動画やプレゼント企画を考えています。

【ご質問への回答】

Q： ライブビュー、デザインビュー。どっちを使えばいいのか？

操作の内容や好みの問題もあるかと思います。が、CSS3などで組まれたページを正確に表示できるのは、ライブビューです。今後は、ライブビューがDreamweaverとしてのメイン機能になるのでは？と個人的には考えています。今後のライブビューのバージョンアップに期待しています（デザインビューとライブビューが統合すべきだと思います）。

Q：「justify-content」の発音が…

東京版でも、ご指摘いただいてまして…。癖がとれてなかったようです。「ジャスティファイ」と頭でわかってはいるものの…
そして、何度も練習したのですが、口が回らずでした。精進します。ご指摘ありがとうございます。

Q：特殊文字の検索／置換はどのようにしてますか？

特殊文字とは、© のような「HTML特殊文字」のことでしょうか？
でしたら、HTMLのソースコードとして入力する文字列で検索すれば、ヒットします。たとえば、「©」なら「©」で検索してみてください。
こちら、後日公開するフォローアップ動画に入れておきますね。
ちなみに、特殊文字をDreamweaverで挿入するには、［挿入］－［HTML］－［文字］－…のメニューから行います。

Q ：テンプレートから作ったファイルのコードはどうなっているのでしょう？HTMLにコメントがあったと思いますが……

Dreamweaver内で、共通コードを管理するために専用のコードが存在するのは、テンプレートやライブラリの機能を使うためにはいたしかたのないことです。（この専用コードは、単なるHTMLコメントですので、ブラウザへの表示に影響したりはしません…が、コードに見えてしまうのが気になるというお話ですよね）

第三者に納品する前に、必要があればテンプレートやライブラリを外してしまうことも可能です。フォローアップ動画（https://www.youtube.com/watch?v=UAdOvOz5cNc）の各項目の最後に、「適用したテンプレートやライブラリを無効にする」方法を加えましたのでご覧になってみてください。

Q ：テンプレートは、開いていないファイルも更新されますか？

はい。デモの時は、言葉足らずでしたね。失礼しました。開いてる／開いてないにかかわらず、サイト内にあるテンプレートが適用されているファイルはすべて更新されます。私の経験では、2000ファイルぐらいあっても、きちんと動いていました（CS6バージョン時）。

Q ：ライブラリ・テンプレートの利点・欠点について

一番の利点は、一度仕込んでしまえば、追加・更新などのデータ操作が簡単なことです。
Dreamweaverの操作を少し学べば、誰もが操作できると思います。
CMSソフトを使わずに、みんなで管理をする環境としては、提案しやすい環境だと考えています。

欠点としては、操作にあたる全員がDreamweaverを使わないとならないところです。
例えば、違うエディターで共通部分を編集してしまったら、せっかくの一元管理が崩れてしまいますよね。
（もし、そうなったら、テンプレートやライブラリを更新すれば、編集する前の状況に戻せますが…編集した部分は消えてしまいます。）
全員のルール決めをきちんとしておくことが大切です。

Q ：コードのカラーの変更ができなくなっているんだけど…

現在のバージョンでは、コードテーマのカラーを変更するのにlessファイルを編集するようになっています。［編集］－［環境設定］－［インターフェース］の「コードテーマ」で設定を行います。わたしのデモでは、この方法でオリジナルにカスタマイズしたコードカラーで操作をしていました。
後日公開するフォローアップ動画でご紹介しますね。

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、轟 啓介さん（アドビ システムズ）の『Dreamweaverに追加予定の機能と開発チームへの機能要望の出し方』セッションのスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージとフォローアップ

最後のセッションでDreamweaverの今後と機能要望についてお話したアドビの轟です。

Dreamweaverは昨年10月の2017年版リリースで多くの機能追加やUIのモダン化を行い、新たなステージに向かおうとしています。セッションでご紹介した現在開発中の新機能「Gitサポート」は、BootstrapやSass/LESS対応に続き、モダンワークフローをDeamweaverで実現させるために不可欠だと思います。その他にも「この機能があったら！」という声がたくさんあることを開発チームも理解しています。

昨年設置した「UserVoice」というオープンフォーラムはどなたでも自由に機能要望やバグ報告、そしてそれら投稿に対する投票（Vote）ができるようになっています。ぜひ、UserVoiceとSNSを使った「ヤシドリ作戦」も駆使して、みなさんの声を届けてみて下さい！

セッション内で紹介したリンク

• Dreamweaver 20周年記念キャンペーン
• Google Trend - Subversion と Gitの比較
• サルでもわかるGit入門
• "郵便局メソッド" / デザイナーがGitを大好きになった5つの理由
• Dreamweaver UserVoice
  • ヤシドリ作戦「Extractをオフラインで使いたい」

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、さんの『DreamweaverでSassを使うための勘所』セッションのスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージとフォローアップ

『DreamweaverでSassを使うための勘所』を担当したたにぐちです。

私からは、Dreamweaverが新しくサポートした Sassのコンパイル、Bourbonについてを紹介しました。

Sassや Bourbonのことを知らないと、なかなかその便利さは理解できないかも知れず、ピンと来なかった方もいるかも知れませんが、是非これを機会に学習を初めてみていただけると幸いです。CSSコーディングがグッと楽になるかも知れません。

Sassを学習するなら、少し古めの書籍ですが、こちらなどがお勧めです。

Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 https://www.amazon.co.jp/dp/B00FMLD7UC/

環境設定などの章などは、Dreamweaverが準備してくれているので、すぐに Sass自体の学習を始めることができるでしょう。

質問への回答

いただいたご質問に回答します。

・リニューアル案件でもSCSSは使えますか？

使えます。SCSSは、通常の CSSと完全に互換性を保っていて、今ある「.css」の拡張子のファイルを「.scss」に変えるだけで使い始めることができます。そこから、追加するプロパティだけを SCSS書式にする事もできるので、是非活用してみてください。

・Emmetと Sassは共存できますか？

できます。SCSSは、プロパティの書式などが CSSと同じなので、Emmetを使った略語で展開していただくことができます。

・Bourbonと Bootstrapは使い分けるもの？

そうですね、両方を組み合わせて使うというケースはなさそうで、例えば新規でサイトを作りたいと言うときは Bootstrap、既存のサイトをレスポンシブWebデザインにしたいという場合は Bourbonと言った使い分けや、好みでクラス名を自由につけたいという方は Bourbonを採用するなど、選択すると良いでしょう。

もちろん、どちらも利用しないと言うケースもあります。便利さを知って、その便利さが発揮できそうなものに使っていただくと良いでしょう。

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、松田 直樹さん（まぼろし）の『チームで使える！ ワークフローに効くDreamweaver+Bootstrap』セッションのスライドなどを公開します。

• スライド（PDF）
• サンプルファイル1
• サンプルファイル2
• 音声
• 動画

メッセージとフォローアップ

Bootstrapセッションを担当しました、株式会社まぼろしの松田です。
ご参加いただきました皆さま、長丁場、大変お疲れ様でした。

Bootstrapを利用してのワイヤフレーム作成の提案、および、DremaweaverのBootstrap機能のデモを行いました。
Bootstrap自体はやはりコードのみの「CSSフレームワーク」ですので、コーダー・エンジニアを本業としてない方には馴染みが薄いかもしれません。
ただ、DreamweaverのBootstrap機能は本当に感覚的操作ができますから、デモでもご紹介したようにコードを書くことなくレスポンシブな複雑レイアウトを素早く実現することができます。ぜひ、ライブビューと挿入パネルから触れてみてください。
現時点では本実装には向かない機能ながらも、ここまで簡単にグリッドレイアウトを行えるのは魅力です。

ディレクター・デザイナーの方はぜひこのワイヤーフレームづくりを試してみてください。コーダー・エンジニアの方は周囲にこの手法を提案してみてください。
ワイヤーフレームの設計時点で「Bootstrapをどう使えばこのレイアウトが実現できるか」が考慮されていることは、デザインや実装への引き渡しをスムースにしてくれることでしょう。

DreamweaverもBootstrapもツールであり、手段です。すべての機能を把握しておく必要はありませんから、触ってみて便利な部分、自分の業務に合う機能だけでも使ってみてはいかがでしょうか。

今回のセッションでデモを行ったファイル一式、また、実際にワイヤーフレームとして作ったHTMLも用意いたしましたの参考にしてみてください。

以上、ありがとうございました！

セッション内で紹介したリンク

• 企業のWeb担当者に聞いてみた17の質問・サマリーレポート ? レスポンシブ採用企業は全体の8割 [2014 下半期] | Adobe Creative Station
• Official Google Webmaster Central Blog: Mobile-first Indexing
• DreamweaverとBootstrapで作るレスポンシブページ 第1回 「Jumbotronを使ったヒーローエリアのレイアウト」 | Adobe Creative Station
• ruedap/emma.css: Emma.css { emmet-like utility classes }
• funcssion - The atomic CSS library

アンケート等でいただいた質問への回答

Bootstrapの「jumbotron」などのclassがどのようなクラスなのか、など説明している資料はありますか？

Bootstrapのコンポーネントを調べるには、やはり公式ドキュメントを読むことが一番です。英語サイトではありますが、サンプルコードを追っていくだけでも十分理解できるかと思います。

http://getbootstrap.com/css/

DWでは、Bootstrap Sassは使えないのでしょうか？

Sassセッションでもお伝えしましたが、自前でファイルを設置すれば問題なく使用できますし、Sass版を取り入れてもライブビューでのBootstrapの機能はそのまま使用できます。BootstrapのSassファイルを自前で設置する方法は以下サイトにて詳しく解説されていますので参考にしてみてください。

https://blogs.adobe.com/creativestation/web-dreamweaver-workflow-sass-and-liveview

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、北村 崇さん（TIMING DESIGN）、浅野 桜さん（タガス）の『いまどきのデザインアプリとDreamweaverとの連携』セッションのスライドなどを公開します。

• スライド（PDF、45ページ、14.2MB）
• デモデータ（PSD+html）
• 北村ライブラリ（SNS）
• 浅野ライブラリ（オレンジ住建）
• 音声
• 動画

メッセージとフォローアップ（浅野さん）

東京版から大阪版の2ヶ月の間にもアップデートがあるなど、Dreamweaverは日々進化しています。

終演後のやりとりやアンケートで、フルカンプを作成する必要があるのか？Photoshopで作成する必要があるのか？という話も出ましたが、コーディングや更新で困らないデータを目指すのは、どのようなワークフローやアプリでも共通の考え方だと思います。

そういった「心がけ」を実現する手段として、日々進化するアプリの新機能を知っておくというのは大事なことだなと思いました。大阪、また来たいです！

メッセージとフォローアップ（北村さん）

コメント北村

懇親会でもご質問をいただきましたが、何もDreamweaverで全てやる必要もないですし、実際に私も他のエディターと併用していますので、Dreamweaverが得意なことを知って、他のエディターとうまく使い分けることができれば、それがみんなの幸せにつながっていくのではないかと思います。

今回はデザイナー目線でできることをベースにお話をさせていただきましたが、「チームやクライアント、ユーザーなど周りのことを考える」と言うのは制作する上では誰にとっても大事なことだと思います。もしもこれまでデザイナーとコーダーとが話す機会がなかったのであれば、ぜひコミュニケーションをとって、さらに良いデザインを目指してください！かく言う私もまだまだですので頑張ります。ご参加ありがとうございました！

質問と回答

Q.CCライブラリは異なるCCIDでも使用できますか？

A.あらかじめ「共有」しておけば使用可能です。異なるIDが作成した（共有している）ライブラリには変更を加えられない点に注意してください。

Q.大きいデータがExtractパネルで表示されない・表示されにくいのですが......。（※終演後にもらいました）

A.残念ながら、アートボードやスマートオブジェクトを多用しているデータはそのような傾向があります。この点はアップデートを待ちたいところです。オフラインで使えればそのようなことも減るのかもしれません。“ヤシドリ作戦”に1票よろしくおねがいします！

Q.最後の手順について詳細を知りたい

A.最後のデモは、アドビで紹介されているワークフローを元に、簡潔なカタチへ変更してご紹介しました。手順の詳細はURLを参照してください。- レスポンシブWeb制作を効率化（Webデザイン編）

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、生明 義秀さん（AZMDesign）、たにぐちまことさんの『Dreamweaverで高速・楽々マークアップ』セッションのスライドなどを公開します。

• スライド（PDF）
• サンプルファイル
• 音声
• 動画

メッセージとフォローアップ

セッション『Dreamweaverで高速・楽々マークアップ』を担当しました、生明義秀（AZMDesign）です。ご参加いただきました皆さまに、改めて感謝申し上げます。

実は、大阪でこのようなセミナーイベントに参加するのは、今回が初めての経験でした。不慣れな私に気さくに接していただき、大阪ならではの暖かさに感激している次第です。

セッションの冒頭で「デザインビューを今でも使っている方」に挙手をいただきましたが、東京と同様、とても少ない人数でした。しかしながら皆さまのアンケートを拝見すると、「目からウロコ」「呆気にとられた」「デザインビューでコーディングしたくなった」というお言葉が多数あり、頑張った甲斐があったと喜んでおります（5段階の○をふるところに「花丸」で3つとも5番にふってくださった方や、「めっちゃ」と追記してくださった方もいて、とても嬉しかったです）。

内容も盛り沢山で、東京版ではお話しできなかったことも加味したこともあり、解説が早く、皆さまにご負担をかけました。どうか、このフォローアップでお渡しするデモファイルや動画などで再確認をいただけましたら、幸いです。

そして、東京版に続いてまたしても、「ドリームウェーバー」と発音してしまい、これには私の滑舌と訛りの問題であろうかと絶望を感じており、業界・講師仲間も呆れているかと思います。もしや東京訛りではなかろうか、などと苦しい詭弁も申し上げる余地はございません。改めまして、「ドリームウィーバー」でございます。この場で訂正とお詫び申し上げます。

アンケートに、「また大阪へ来て」という嬉しいお言葉ありました。ぜひ、参じたいと思います。皆さまと、またお会いできますことを。

アンケート等でいただいた質問への回答

Q. テーブルタグをコーディングするときはEmmetでせこせこ書いていたのですが、考えてみればものすごく非効率だなと思いました…。Dreamweaverに移行しようか、試験に悩みます。→ 移行します!!

A. テーブル要素の編集において、現在でもDreamweaverのデザインビューの採用が最強かと思います。移行、大賛成です。

Q. デザインビューへのインポートで、コピー元のアプリを変えると上手くいく → 具体例が欲しい。

A. 例えば、このような事例を一つ紹介します(デモファイルの「Demo 4 データインポート」へサンプルファイルを格納しました)。私が今回のデモで利用したスプレッドシートのファイルは、Excelの.xlsでしが、それをMac版のExcelとNumbersでそれぞれ開き、Dreamweaverのデザインビューにペースト・インポートすると、結果が異なります。Excelからのコピーではcol要素が入ってしまうもののtd要素などは綺麗に取り込めたり（excel1.html）、Numbersからではtbody要素がきちんと入っていますが各td要素にvalign属性やalign属性が入ってしまっていたりします（numbers1.html）。また、ペーストスペシャルで「構造と完全な書式（ボールド、イタリック、スタイル）付きテキスト」を選択してペーストすると、Excelではhead要素内のstyle要素にCSSがまとまって記載されていますが（excel2.html）、Numbersでは各td要素内のstyle属性にCSSが記載されてしまうといった具合です（numbers2.html）。

また、アプリケーションの問題の他に、ファイルそのものの「作り」の問題も大きいことがあります。コピーをする前に、余分な設定などを削除したり、複雑な構成をシンプルにしたりなどの下ごしらえをするのもいいでしょう。

事例は無数にあり、あげたらきりがありませんが、インポート・HTML化という作業が必要になった際に、その都度、いろいろと試していただければよろしいでしょう。何はともあれ、コピーペーストしてみる → ペーストスペシャルでペーストし直してみる →異なるソフトウェアからコピーしてみる → さらにペーストスペシャルでペーストし直してみる → 元ファイルを違うフォーマットにしてみる → 様々なソフトウェアで開いてコピーしてみる… という感じで、粘って試してみてください。

Q. Windowsのショートカットも言って欲しい。

A. 大変失礼しました。ショートカットキーにおいて、macOSの「command」キーは、Windowsの「Ctrl」キーに該当します。

Q. フォームやリストの部分を、もう一度して欲しい。

A. 早くて伝わりづらかったかと思います。失礼しました。フォーム要素はすべて、「挿入パネル」を使って設置するのが楽です。「挿入パネル」では、フォーム要素に関してのみ、「コードビュー」と「デザインビュー」では結果が異なります。具体的には、「デザインビュー」へ「挿入パネル」からフォーム要素を設置すると、name属性やid属性、さらにはlabel要素やfor属性などが「おまけ」で用意されるのです。ついては、「デザインビュー」で贅沢にフォーム要素を用意して、それを「コードビュー」で過不足を編集・複製してフォームのページを制作する、というのが私もよく行うお勧めの作業方法です。

リスト要素の階層化は、デザインビューの編集画面内で階層を変えたい要素の中にカーソルを入れ、そのまま「tab」キーを押せば階層が深まります。もちろん、並列する複数のリスト要素を選択して、同時に階層化をすることも可能です。逆に戻すのは、shiftキーを押しながら「tab」キーを押せばよいのですが、li要素の終了タグの前に、余分な改行が発生してしまうので、それをコードビューで修正する必要が生じます。

Q. Atom以外のMarkdown（マークダウン）の仕方はあるのでしょうか。

A. Atomはウィキペディアにも“本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたもの”とあるように、どのようなテキストエディタでも記述することができます。私がMarkdownを記述する際にAtomを採用する理由は、デフォルトでMarkdownのプレビュー機能が搭載されているためです。「markdown atom」で検索いただくと、AtomでMarkdownを記述する際の方法や便利な機能を紹介しているwebサイトを多数見つけることができるでしょう。

Q. ごみタグの処理など、便利な方法はありますか？

A. はい。すぐに思いつくのは、メニューバーの「ツール」の中にある「HTMLのクリーンアップ」や「Word HTMLのクリーンアップ（MS Wordからのインポート処理用）」などです。事前のバックアップをしつつ、設定項目などを確認して上手に使ってください。

また、HTMLやCSSの記述を整理するための「ソースフォーマットの適用」も活用してみてください。「標準」ワークスペースの左側にある「コーディングツールバー」の上から4つ目のアイコンが、それに該当します。

Q. テキスト原稿の成形にかかる時間を知りたい

A. これは、その元原稿の内容やあり方によるので一概には言えませんが、原稿の内容が長ければ長いほど、複雑であれば複雑なほど、たとえ時間がかかってもちゃんと原稿を成形してDreamweaverのデザインビューで編集した方が早くて確実な結果がもたらされることを、私は自己の経験で知っています。

Q. セルの「Ctrl + M」!!

A. 申し訳ありません。私の説明が不明瞭でした。実は、半角の入力モードで「M」のボタンを押すだけで、テーブル要素のセルのマージ（結合）が可能です。「Merge」の「M」と憶えてください。メニューバーの項目では、「command + option + M（Ctrl + Alt + M）」となっていますが、隠しショートカットと言うべきでしょうか、「M」キー、一発で大丈夫です。

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、鷹野 雅弘（スイッチ）の『Dreamweaverのコードエディター機能を進化させたBrackets』セッションのスライドなどを公開します。

• スライド（PDF）
• Emmetチートシート（PDF、59ページ、.5MB）
• Emmetチートシート（PDF、39ページ、.5MB）
• Zen Coding（CSS）チートシート（PDF、2ページ、.5MB）
• 音声
• 動画

メッセージとフォローアップ

アンケートにいただいた質問やコメントへの返答

Emmetでできることを全部知りたいです。特殊文字の変換の仕方があれば教えてください。

• Emmet Documentation

「p*4>lorem」でLorem Ipsumが入ったりしますが、特殊文字（©とか？）はないと思います。

BracketsはAtomでも使えますか？

おそらく「EmmetはAtomでも使えますか？」ですね。こちらからプラグインをダウンロードできます。

その他のエディタのプラグインも、こちらにまとまっています。

• Download

「Generic…」の続きがメモれなかった。

？

Dreamweaverもパッケージをインストールしてカスタマイズするやり方になっていることに驚きました。

10年以上前からDMXzoneはありますよ。つまり、拡張機能でカスタマイズするという文化は存在していました。以前は、アドビのサイト内でも拡張機能が紹介されていました。

Emmetフル版のインストール

公式サイトから拡張機能をダウンロードして、Dreamweaverにインストールします。

CC 2015以降、拡張機能をインストールするためのアプリケーション Extension Manager がサポート終了となってしまったため、DMXzone Extension Manager、または、オープンソースのZXPInstallerを利用します。

• emmetio/dreamweaver: Emmet for Dreamweaver
• Extension Manager サポート終了のお知らせ
• DMXzone Extension Manager for Dreamweaver - Extensions - DMXzone.COM
• ZXPInstaller

EmmetをDreamweaverにインストールしたときの全機能

Dreamweaverのキーボードショートカット設定にて割り当て可能です。

ご参考

• Dreamweaver CC 2017でEmmetを使い倒す | Thinking Salad
• Dreamweaver CC 2017でBracketsの拡張機能を動かす | Thinking Salad
• 作業効率を高めるDreamweaverの小技
• HTML制作が3倍速くなるDreamweaverの裏技 ─ ＠IT
• 日々の作業で困っていることアレコレ ─ ＠IT
• フォローアップ（Aquent Gymnasium #2） 動画が参考になるかもしれません。

2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、鷹野 雅弘（スイッチ）、たにぐち まことさん（H2O Space）の『温故知新：DreamweaverとWeb制作シーンの20年を振り返る』セッションのスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージとフォローアップ（鷹野から）

Dreamweaver CS3 10周年記念イベントから10年、20周年のお祝いのイベントをCSS Niteでホストできて嬉しいです。

• 【レポート】Dreamweaver CS3 10周年記念イベント?夢を紡ぐ者たちへ? - ProjectDD
• Dreamweaver 10周年記念イベント - Google 検索

冒頭にて触れました、私の著者人生のなかでDreamweaverは大きな存在感を占めています。Dreamweaverが少し盛り上がってきて、嬉しいです。

リンクや補足など

読み方、呼び方

• Dreamweaver の正式な読みは何ですか？
• ゲイリー・ライト - Wikipedia
• The People vs. Larry Flynt (1996) - Soundtracks - IMDb
• GARY WRIGHT lyrics - Dream Weaver

歴史

• MACWORLD Expo/Tokyo会場会場での注目ソフトウェア

新機能など

• Dreamweaver CC 2017 リリースの新機能の概要
• Dreamweaver CCの新機能 | スピーディに作成してコーディング
• Dreamweaverバージョン比較・履歴 | Adobe Dreamweaver CC

新卒採用は、企業にとっての毎年の大きなイベント。自社にマッチする学生を採用できるのかどうかは、その企業にとって大きな課題です。学生にとっても、モチベーションを高く維持し、自分の可能性を高めてくれる企業に出会えるかどうかは、今後を左右する大きな決め手となるでしょう。今回は、そんな新卒採用において、学生に人気の企業がどのような動画を制作しているのか調べてみました。

サイバーエージェント

CyberAgent Recruit Movie 2018／サイバーエージェント新卒採用動画2018

渋谷を代表する企業と言えばサイバーエージェント。合成された渋谷の街の映像から始まるこの動画は、力強い社員のメッセージと共に始まります。全ての社員のメッセージに一環しているのは、サイバーエージェントは、「創る」人を求めているということ。自らイニシアチブをとって行動できる人を求めている事は、この動画を見れば一目瞭然です。

博報堂DY

絶対に本音で話さざるを得ない説明会

この動画は、本当にまずは見ていただきたいです。
建前だけで話しがちな採用説明会において、説明をしている社員達が、絶対に本音で話さないといけないような仕込みがしてあります。その仕込みのためにアイスブレイクが生まれ、学生達に笑顔が見えます。クリエイティブな企業は、採用説明会もクリエイティブなんですね。なんなら筆者も仲間に入りたい、と思いました。

Cookpad

Cookpad 2018新卒採用ムービー／クックパッド株式会社

冒頭で社員の方が触れていますが、Cookpadは「料理を楽しみにする」ということを創業当時からずっと追求してきた会社だそうです。そのために必要なものはなにか。ユーザー目線を大事にすること、ユーザーに楽しんでもらうこと。それを実現するためにはどんな人材が必要なのか？求められている人物像は、様々な部署の人々が登場しているにも関わらず、共通して語られています。

鳥取銀行

ACTIVE TOTTORI（個人のお客さま）

地方感満載のこちらの動画。鳥取銀行の個人のお客様と、銀行の営業担当がおそらくお客様宅であろう場所でほのぼのとした会話をしているこちらの動画。鳥取銀行のローカルとの関わり方を表しているようです。新卒採用動画と言うと、熱い思いや格好良い企業理念を伝える動画が多い中で、この動画は真逆を行っていますが、逆に新しく、そのメッセージが動画を通してきちんと伝わって来ます。

JR西日本新卒採用コンセプトムービー「人について」

JR西日本新卒採用コンセプトムービー「地域について」

最後にご紹介するのは、JR西日本の新卒採用コンセプトムービーです。30秒という短い尺でまとめられたこの動画は、社長も社員も１人も登場しません。しかし、シンプルなラインだけのアニメーションで描かれた駅にまつわる様々な人間模様は、JR西日本は鉄道会社だけでなく、あらゆる人、そしてその家族の生活をサポートし、安全な乗車を提供する会社である、という企業理念をしっかりとコミュニケーションしています。

まとめ

いかがでしたでしょうか。
上記でご紹介した採用動画はどれも、各社それぞれに特徴があり、伝えているメッセージは当然ながら多種多様です。しかし、全体に共通しているのは、その企業のカラーやメッセージが色濃く反映されている点です。
求める人材は企業により異なるもの。欲しい人材にうまく出会えるように、上手に動画を活用していっていただきたいです。