Google Cloud Connect for Microsoft Officeの効果

昨年11月にGoogleが発表していた、Google Cloud Connect for Microsoft Officeがいよいよ正式リリースされた。リリース時期は未定だったため5月頃かと思っていたが、さすがにこのスピード感はすごい。
このGoogle Cloud Connect for Microsoft Officeは、Googleが昨年3月に買収した米DocVerseの製品がベースになっており、元Microsoftのエンジニアがこのプラグインを作ったとのこと。
Googleのブラウザ上で動作する、スプレッドシート、文書、プレゼンテーション機能は、現状では、Microsoft Officeに慣れたユーザーが切り替えて利用するには機能不足であり、情報共有ツールと割り切って使うレベルである。Googleも今後は機能強化をしていくのだろうが・・・
企業のユーザーは、Excelで作業することが多く、Excelファイルを社内・社外ユーザーと共有して、モバイル環境でも見たいというニーズが高い。中小企業のユーザーは、NASサーバーを自前で構築し、リモート環境やモバイル環境も合わせて構築している。
このGoogle Cloud Connect for Microsoft Officeは、NASサーバーの代わりとなり、さらにGoogle Appsメールに切り替えると、自前のリモート環境＋モバイル環境が不要となり、一挙にコストダウンすることができる。Google Apps導入に踏み切るきっかけになるかもしれない。

Googleサイトの列幅の変更機能がほしい

またまた、Googleサイト要望ネタですが、Googleサイトのページのレイアウトは、以下の画像のように9パターンあるのだが、サイドバーの幅変更はできるのに、その他の1/2/3列の列幅の変更が出来ない。例えば、3列パターンの両脇の幅が狭いためどちらかを広げたい時にそれができない。
前回の水平ナビゲーションもそうだけど、この辺の機能が改善されると、社外向けのホームページ作成ツールとしても使えそうなんだけどなぁ。

Googleサイトの水平ナビゲーションバーにMaｃ風スタイルがほしい

Googleサイトの水平ナビゲーションバーには、現在、ボックス（デフォルト）、タブ、リンクの３つスタイルがあるが、Mac風のスタイルがあればいいのに。今年増やしてくれないかなぁ。

「リンク」を選んで、「色とフォント」の水平ナビゲーションバーの詳細設定で背景色とテキストの色を調整すると、いい線いくのですが・・・縦棒までは入らないし、どうしても上下に間が空いてしまう・・・ほしい。

このMac風のスタイルって何て言うのだろう？

 「ボックス」の例

「タブ」の例

「リンク」の例（いい線いったが・・・）

Mac風の例（Appleのサイトから）

Googleサイトでfaviconを設定する方法

Googleサイトでfaviconを設定する方法を説明します。

favicon（ファビコン）とは、ウェブブラウザ（Chrome/Firefox/Safari/IE等）で、URLやタブの左側に表示されているアイコンのことです。

① faviconファイル(favicon.ico)を作成します。

無料で作成できるサイトがありますので、ウェブブラウザ表示用の16x16のサイズの16x16サイズfaviconファイルを作成します。

http://ao-system.net/favicon/index.php

※デスクトップにショートカット用の32x32、エクスプローラーアイコン表示用の48x48サイズ兼用のマルチアイコンの作成もできます。

② [その他の操作]－[サイトを管理]－[添付ファイル]をクリックします。

③ 添付ファイル一覧画面が表示されるので、[アップロード]をクリックします。

    

④ アップロードダイアログが表示されるので、[ファイルを選択]をクリックしてfaviconファイルを選択後、[アップロード]をクリックします。

※必ず添付ファイルを/（トップレベル）にアップロード（デフォルト）を選択してください。

    

⑤ アップロードしたfaviconファイルが/（トップレベル）に格納されたことを確認します。

    

⑥ アップロードしたfaviconファイルが反映されます。

※すぐに反映しない場合は、ブラウザを再起動します。

    

GoogleサイトのウェブページにアニメーションGIFを挿入する方法

今回は、GoogleサイトのウェブページにアニメーションGIFを挿入する方法です。


簡単にうまくいくかと思いましたが、なかなかアニメーションが動かず・・・試行錯誤の上やっと動きました。
以下の条件でのみ動作するようです。
●URLの最後に必ず"?attredirects=0"が必要
●"https://sites.google.com/a/（ドメイン名）/~"ではなく、マッピングしたドメイン名(例 www.sample.com)での設定が必要

①  [その他の操作]－[サイトを管理]－[添付ファイル]をクリックします。

② 添付ファイル一覧画面が表示されるので、[アップロード]をクリックします。

    

③ アップロードダイアログが表示されるので、挿入するページの場所を選択し、[ファイルを選択]をクリックしてアニメーションGIFファイルを選択後、[アップロード]をクリックします。

    

④ 挿入するページを[ページの編集]で開き、[挿入]－[画像]をクリックします。

    

⑤ 画像を追加ダイアログが表示されるので、[ウェブアドレス(URL)]を選択し、[画像のURL]にURLを入力（貼り付け）し、[OK]をクリックします。

※URLの最後に必ず"?attredirects=0"を付けます。

※"（マッピングしたドメイン名）/ページの場所/gifファイル名?attredirects=0"で入力してください。

    ドメイン名のマッピングは、3.2 サイトをWeb公開するを参照してください。

   "https://sites.google.com/a/（ドメイン名）/~"の場合や、"?attredirects=0"がない場合は、アニメーションが動作しません。

    （画像は表示されます）

    

実際の画面はこちらを見てみてください。（公開中が点滅しています）

Googleサイトで表のセルに色をつける方法

今回は、Google サイトには表のセルに色つけるプロパティがないため、HTMLで表のセルに色をつける方法を掲載します。

① ウェブページ上の表を作成し、コンテンツを入力後、[HTML]をクリックします。

    

②  HTMLを編集ダイアログが表示されるので、以下のように値を変更し、[更新]をクリックします。

"<td ～ </td>"タグ内に、 bgcolor="（色コード）"を追加します。（ここでは"#99FFCC"）

    

③ セルに色がついた表が表示されます。

    

色コードは以下のサイトで確認できます。
http://www.tagindex.com/color/background/index.html


尚、複雑な表になるとHTMLソース上で編集するのは面倒なので、HTMLソースをHTMLエディタにコピー・貼り付けして、プロパティで背景色を変更し、HTMLソースをコピー・貼り付けして戻す方がいいかもしれません。（ちなみに私は、FrontPageを使ってそうやってます）

Googleサイトの表の罫線を削除する方法

Google サイトは、WebベースのCMSとしていいツールなんですが、機能が不足していたり、いうことを聞かないいるところがあります。


今回から数回に渡って、Google サイトでサイトを作成する上でのTipsを掲載していきたいと思います。
まず今回は、Google サイトには表の罫線の表示・非表示を行うプロパティがないため、表の罫線を削除する方法を掲載します。

① [表]－列×行のセルを選択して、ウェブページ上に表を作成し、コンテンツを入力後、[HTML]をクリックします。

    

② HTMLを編集ダイアログが表示されるので、以下のように値を変更し、[更新]をクリックします。

  table border="1" → ”0”  （表内の罫線）

  border-top-width:1px → 0px  （表枠の上罫線）

  border-right-width:1px → 0px  （表枠の右罫線）

  border-bottom-width:1px → 0px  （表枠の下罫線）

  border-left-width:1px → 0px  （表枠の左罫線）

    

③ 表の罫線が削除されます。