CONTACT

コメント

コメントを投稿

このブログの人気の投稿

Googleにスクリーンショットの使用許諾について聞いてみました

イメージ
はじめに、Google および Google ロゴは Google LLC の登録商標であり、同社の許可を得て使用しています。 皆さんはGoogleのスクリーンショットをブログ等に載せる際、ガイドラインがあることをご存知でしょうか。アドセンスの申請をしたことがある人なら、もしかしたら知っているかもしれません。 私はこれまで幾つかの投稿の中でGoogleを採り上げ、スクリーンショットを用いて解説をしてきましたが、ガイドラインが存在することを全く知りませんでした。 どのようルールなのかは後述しますが、Googleのスクリーンショットを載せるにも加工するにもガイドラインがあり、また一定の文言を併記する必要があります。 私の今までの使い方がガイドラインに違反しているのか気になって調べてみると、Googleのブランド使用許諾の中の「プロダクト画像の使用」のページに下記のように書いてありました。 プロダクト画像の使用 (C) Google プロダクト画像の使用（リンク） "スクリーンショットは「改変せずに」使用してください。スクリーンショットの上にグラフィック、写真、広告文を重ねたり、Google プロダクトの外観を変えたりすることはできません。また、Google 検索で上位にランキングされた画像を掲載するなど、ご自身の商品やサービスを宣伝する手段として Google 検索結果ページを使用することはできません。" また、 "必ず次のフレーズを Google プロダクトのスクリーンショットやデータの画像の下に配置してください。 Google および Google ロゴは Google Inc. の登録商標であり、同社の許可を得て使用しています。" とあります。 さらにページの下には「こちらのフォームからお問い合わせください」の文字があります。普段からGoogleを利用している自分としては、ガイドラインに抵触するのは気がひけます。最悪、今までの投稿内にあるスクリーンショットは全て作りなおしということもありえます。 判断に迷った私はGoogleに直接聞いてみることにしました。 (C) Google Google ブランドの使用許諾申請（リンク）
READ MORE

Adobe Museの長方形ツールと長方形フレームツールの違い

イメージ
Adobe Museにある「長方形ツール」と「長方形フレームツール」 Abobe Muse（CC2018）のツールバーの中には長方形ツールと長方形フレームツールという名前も外見も似通った2つのツールがあります。 通常画面左端に表示されるツールバーの中で長方形ツールは文字通り長方形で示され、その下の長方形フレームツールは対角線のある長方形で描かれています。 パッと見ではあまり違いのないこの2つのツール。どのような違いがあるかMuseを半年以上触っている私も理解していませんでしたでし、むしろ気にも留めていませんでした。 専ら私が選ぶのは長方形ツールの方で、四角の中に画像を配置したり罫線を入れる為に使っていました。一方の長方形フレームツールは完全無視。このツールは無くても良いのでは？とも感じていました。 しかし、調べてみると両者には意外な（？）違いがありました。 InDesingから引き継がれた2つのツール Museを触っている人なら知っていると思いますが、Museは同じAdobeからリリースされているInDesignを開発したチームで作られたものです。MuseにはInDesignでの開発思想やインタフェースのデザインが引き継がれており、長方形ツールと長方形フレームツールもその一つです。 MuseとInDesingのフレームの違いとは InDesingのフレーム InDesignのフレーム InDesignの長方形ツールと長方形フレームツールは文字と画像を挿入するためのものですが、役割的には結構柔軟に作られています。例えば「グラフィックフレーム（長方形フレームツールで作る画像用フレーム）」を「テキストフレーム」にしたり、「テキストフレーム」を解除して「割り当て無しフレーム（長方形ツールで作るフレーム）」にするなど、コマンドで自由に役割を変えることができます。 Museのフレーム Museのフレーム Museの場合、長方形ツールと長方形フレームツールは役割が異なります。 長方形ツールで作るフレームは長方形という名前でレイヤー等に表示され、フレームに塗りや罫線を指定した場合はそのままの状態。文字が入ればテキストフレームに変化します。また、InDesignのようにテキストフレ
READ MORE

Jimdoでヘッダーエリアに電話番号を追加する方法

イメージ
Jimdoの公式サイト「 ジンドゥーハウツー 」で、2020年7月に行われた「クリエイターカスタマイズ講座」の動画と資料が公開されました。 その中の［ 標準レイアウトカスタマイズ編 ］に、ヘッダーに要素（この場合は電話番号）を追加する方法があります。動画で47：30秒からです。 YoutubeのJimdo公式チャンネルに動画がアップロードされました。 ヘッダーエリアに電話番号を配置するのが今の流れ 今のホームページの流れとして、お問い合わせの電話番号やメール送信ボタンなどをヘッダーエリアに設置するのが一般的です。とくに病院や歯医者など、問い合わせと予約が必要な業種のサイトにはほぼ入っています。 自分でタグ打ちして作ったサイトなら要素を追加するもの簡単です。しかしJimdoのテンプレートの機能ではヘッダーエリアに要素を入れることは出来ないので、実現するにはちょっとしたテクニックが必要になってきます。 jqueryで要素を追加 動画では解決策として、jqueryを使用しています。フッターに追加したい要素を配置し、.insertBefore()でヘッダーエリア内、メインメニューを囲むクラスの前に要素を移動させます。 このままではスマホ画面でも電話番号が表示されるので、メディアクエリでスマホの画面ではdisplay:noneにするのも忘れないで下さい。 この作業を行う前提として、HTML/CSSの初歩的知識（idとclassを扱うため）とGoogle Chromeの検証メニューの使い方を知らなければなりません。それが分かっていれば動画内で説明されるjqueryもなんとなく理解できるはずです。 HTMLもCSSも分からないな〜と言う方は、動画を始めから見て下さい。動画では分かりやすく説明されているので、一度では理解できなくても、何度か見れば理解できるようになります。 ヘッダーエリアに電話番号とボタンがあるだけでサイトの見栄えが変わってきます。 更に、この方法をを応用すればヒーローイメージの上にあるタイトルやロゴの下にボタンを配置することも可能になります。 これまでやりたくても出来なかったと言う方は、動画を見て是非チャレンジして下さい。
READ MORE