Googlebot はリファラーを渡さない。常に、URL に直接アクセスしてくる。したがって、参照元に基いて Googlebot のアクセスをコントロールすることはできない。
- Googlebotはリファラーを渡さない、常にダイレクトにURLにアクセスする -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki
注文や予約など顧客が起こすアクションに関連したリンクをローカルビジネスのナレッジパネルに掲載することができるようになった。
- Googleマイビジネスに新機能――予約やメニューへのリンクをローカルナレッジパネルに追加可能に -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki
2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップを公開します。
2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、森 和恵さん（r360studio）の『忘れがち、実は使えていない Dreamweaverの便利機能』セッションのスライドなどを公開します。
４番目のセッションでお話しした、森和恵です。
ご参加くださったみなさま、長丁場のイベント本当におつかれさまでした。
「知らなかった機能がたくさんありました！ドリ使ってみます」と感想をいただけて、嬉しかったです。
大好きなDreamweaverの話をする機会をいただきありがとうございました。
フォローアップ動画を下記リンクよりご覧いただけます。時間的な制約がないので、かなりじっくりとお話していますので、合わせてぜひご覧ください。
★大阪版でのフォローアップ動画（新しい検索／置換・メディアクエリーバー・コードテーマのカスタマイズ）は、現在準備中です。
公開したらリンクを追記しますが、いち早く知らせて欲しい方は、当方Twitterにて。@r360studio へのフォローをお待ちしております。
では、また、どこかでお会いできますことを楽しみに。
【お知らせ／告知】
【ご質問への回答】
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に追加予定の機能と開発チームへの機能要望の出し方』セッションのスライドなどを公開します。
最後のセッションでDreamweaverの今後と機能要望についてお話したアドビの轟です。
Dreamweaverは昨年10月の2017年版リリースで多くの機能追加やUIのモダン化を行い、新たなステージに向かおうとしています。セッションでご紹介した現在開発中の新機能「Gitサポート」は、BootstrapやSass/LESS対応に続き、モダンワークフローをDeamweaverで実現させるために不可欠だと思います。その他にも「この機能があったら！」という声がたくさんあることを開発チームも理解しています。
昨年設置した「UserVoice」というオープンフォーラムはどなたでも自由に機能要望やバグ報告、そしてそれら投稿に対する投票（Vote）ができるようになっています。ぜひ、UserVoiceとSNSを使った「ヤシドリ作戦」も駆使して、みなさんの声を届けてみて下さい！
2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、さんの『DreamweaverでSassを使うための勘所』セッションのスライドなどを公開します。
『DreamweaverでSassを使うための勘所』を担当したたにぐちです。
私からは、Dreamweaverが新しくサポートした Sassのコンパイル、Bourbonについてを紹介しました。
Sassや Bourbonのことを知らないと、なかなかその便利さは理解できないかも知れず、ピンと来なかった方もいるかも知れませんが、是非これを機会に学習を初めてみていただけると幸いです。CSSコーディングがグッと楽になるかも知れません。
Sassを学習するなら、少し古めの書籍ですが、こちらなどがお勧めです。
Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 https://www.amazon.co.jp/dp/B00FMLD7UC/
環境設定などの章などは、Dreamweaverが準備してくれているので、すぐに Sass自体の学習を始めることができるでしょう。
いただいたご質問に回答します。
使えます。SCSSは、通常の CSSと完全に互換性を保っていて、今ある「.css」の拡張子のファイルを「.scss」に変えるだけで使い始めることができます。そこから、追加するプロパティだけを SCSS書式にする事もできるので、是非活用してみてください。
できます。SCSSは、プロパティの書式などが CSSと同じなので、Emmetを使った略語で展開していただくことができます。
そうですね、両方を組み合わせて使うというケースはなさそうで、例えば新規でサイトを作りたいと言うときは Bootstrap、既存のサイトをレスポンシブWebデザインにしたいという場合は Bourbonと言った使い分けや、好みでクラス名を自由につけたいという方は Bourbonを採用するなど、選択すると良いでしょう。
もちろん、どちらも利用しないと言うケースもあります。便利さを知って、その便利さが発揮できそうなものに使っていただくと良いでしょう。
2017年5月13日（土）大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、松田 直樹さん（まぼろし）の『チームで使える！ ワークフローに効くDreamweaver+Bootstrap』セッションのスライドなどを公開します。
Bootstrapセッションを担当しました、株式会社まぼろしの松田です。
ご参加いただきました皆さま、長丁場、大変お疲れ様でした。
Bootstrapを利用してのワイヤフレーム作成の提案、および、DremaweaverのBootstrap機能のデモを行いました。
Bootstrap自体はやはりコードのみの「CSSフレームワーク」ですので、コーダー・エンジニアを本業としてない方には馴染みが薄いかもしれません。
ただ、DreamweaverのBootstrap機能は本当に感覚的操作ができますから、デモでもご紹介したようにコードを書くことなくレスポンシブな複雑レイアウトを素早く実現することができます。ぜひ、ライブビューと挿入パネルから触れてみてください。
現時点では本実装には向かない機能ながらも、ここまで簡単にグリッドレイアウトを行えるのは魅力です。
ディレクター・デザイナーの方はぜひこのワイヤーフレームづくりを試してみてください。コーダー・エンジニアの方は周囲にこの手法を提案してみてください。
ワイヤーフレームの設計時点で「Bootstrapをどう使えばこのレイアウトが実現できるか」が考慮されていることは、デザインや実装への引き渡しをスムースにしてくれることでしょう。
DreamweaverもBootstrapもツールであり、手段です。すべての機能を把握しておく必要はありませんから、触ってみて便利な部分、自分の業務に合う機能だけでも使ってみてはいかがでしょうか。
今回のセッションでデモを行ったファイル一式、また、実際にワイヤーフレームとして作ったHTMLも用意いたしましたの参考にしてみてください。
以上、ありがとうございました！
Bootstrapのコンポーネントを調べるには、やはり公式ドキュメントを読むことが一番です。英語サイトではありますが、サンプルコードを追っていくだけでも十分理解できるかと思います。
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との連携』セッションのスライドなどを公開します。
東京版から大阪版の2ヶ月の間にもアップデートがあるなど、Dreamweaverは日々進化しています。
終演後のやりとりやアンケートで、フルカンプを作成する必要があるのか？Photoshopで作成する必要があるのか？という話も出ましたが、コーディングや更新で困らないデータを目指すのは、どのようなワークフローやアプリでも共通の考え方だと思います。
そういった「心がけ」を実現する手段として、日々進化するアプリの新機能を知っておくというのは大事なことだなと思いました。大阪、また来たいです！
コメント北村懇親会でもご質問をいただきましたが、何もDreamweaverで全てやる必要もないですし、実際に私も他のエディターと併用していますので、Dreamweaverが得意なことを知って、他のエディターとうまく使い分けることができれば、それがみんなの幸せにつながっていくのではないかと思います。
今回はデザイナー目線でできることをベースにお話をさせていただきましたが、「チームやクライアント、ユーザーなど周りのことを考える」と言うのは制作する上では誰にとっても大事なことだと思います。もしもこれまでデザイナーとコーダーとが話す機会がなかったのであれば、ぜひコミュニケーションをとって、さらに良いデザインを目指してください！かく言う私もまだまだですので頑張ります。ご参加ありがとうございました！
A.あらかじめ「共有」しておけば使用可能です。異なるIDが作成した（共有している）ライブラリには変更を加えられない点に注意してください。
A.残念ながら、アートボードやスマートオブジェクトを多用しているデータはそのような傾向があります。この点はアップデートを待ちたいところです。オフラインで使えればそのようなことも減るのかもしれません。“ヤシドリ作戦”に1票よろしくおねがいします！
A.最後のデモは、アドビで紹介されているワークフローを元に、簡潔なカタチへ変更してご紹介しました。手順の詳細はURLを参照してください。- レスポンシブWeb制作を効率化（Webデザイン編）
