Yahoo!の代わりのスタート・ポータル・ページをGoogleサイトで作成してみるポイント;子ども、高齢家族用にわかりやすいスタート・ポータル・ページが実装できた。日本語のガジェットは少なくなったがまだある上に自作も可能。サービスがいつまで続くか不安。page.GoogleサイトだけでなくProtopageでもポータル・ページを構築しています。そちらも是非ご覧ください。Yahoo!を使っていました。これらもなんとかしなくてはいけません。結果的に家族分はProtopageを使わずにGoogleサイトを利用して構築することにしました。結果として作ってみたポータル(実際に使っているものとは異なるサンプルですが)はこれです。https://sites.google.com/site/itsdiyer/調査や設置にやはり苦労したので、まとめてみました。Service)です。サーバなどを立ち上げたり、レンタルすることなく、Googleアカウントさえあれば、ホームページを持ち、運用することができます。サービスとしては需要ありそうなのですが、Googleのポータル・サイト・サービスである”iGoogle”が終了したときに移民があったようですが、iGoogleで利用されていてGoogleサイトでもつかえる”Googleガジェット”の公式運用が終わったり、CMSとしては少し古い使い勝手のままサービス提供されているなど、Googleさんとしてもあまり力をいれてないように感じます。ガジェットは一覧でかなりの量がでてくるのですが、半分以上が現在利用できないようです。WikipediaそれでもGoogleサイトを使ってみよう以下のポイントでGoogleサイトを使ってみることに決めましたやはりGoogleのサービスである(知らない会社のサービスではない)Protoページでは完全日本語化ではないので家族(高齢者、子ども)には向かない伝統的なCMSであるが故に”何でもできる”(体裁はHTMLができれば自由自在)数は少ないが日本向けのガジェットがある利用したモジュール、ガジェット家族向けのスタート・ポータル・ページを構築するにあたり利用したGoogleサイトのモジュール、ガジェットは以下です。これらを組み合わせるだけですね。プロ野球順位表これらを組み込んだのが上述のサンプルページです。Googleサイトを作成するGoogleにログインしますGoogleサイトにアクセスします”ウェブサイトを作成しましょう”のページで”作成”をクリックします情報入力の画面になりますので以下のように入力します使用するテンプレートを選択;”空のテンプレート”サイトの名前;Googleサイトで使用されていないサイト名を入力サイトの場所;Googleサイトで使用されていないURLを入力(6文字以上である必要があります)テーマを選択;選択しません(好みで選択しても良いです)その他のオプション;サイトの説明文などを入力することができます”私はロボットではありません”にチェックして簡単な質問(画像選択)に答えます上部の”作成”をクリックこれでサイトが立ち上がりました。”共有と権限”の設定アクセスするユーザが限定されているなら権限設定をしておくべきでしょう。ページ右上にある”共有”ボタンをクリックします”アクセスできるユーザー”の”変更”をクリックします”オフ-特定のユーザー”をチェックして”保存”をクリックします自分以外に参照させたいユーザは”招待”で閲覧者に設定しましょうページの体裁を整えるスタートポータルサイトとして軽くしたいので、私は以下の楊に体裁を整えていますサイトのタイトルを非表示にするページ右上の歯車アイコン”その他の操作(m)”をクリック”サイトを管理”をクリックページの上部にある”サイト名を表示する”のチェックを外すページ上部の”保存”をクリックして設定を保存ヘッダーを非表示にするページ右上の鉛筆アイコン”ページを編集(e)”をクリック”サイトのレイアウトを編集”をクリック画面上部の”ヘッダー”をクリクしてヘッダーを非表示にする”閉じる”をクリックして保存するページのタイトルを非表示にするページ右上の歯車アイコン”その他の操作(m)”をクリック”ページ設定”をクリック”ページのタイトルを表示する”のチェックを外すボックス下部の”保存”をクリックして設定を保存サイドバーにある”ホーム~サイトマップ”の削除ページ右上の鉛筆アイコン”ページを編集(e)”をクリック”サイトのレイアウトを編集”をクリックデフォルトで”ホーム”というアイテムがあり、マウスを載せると”ナビゲーション”と表示され、右隣に”×”が表示されるので、クリック確認に対して”OK”で削除するファビコンの設定ファビコンにしたいアイコンファイル(.ico)を準備ページ右上の歯車アイコン”その他の操作(m)”をクリック”サイトを管理”をクリック”添付ファイル”をクリック”アップロードで1のファイルを選択しアップロードこれでファビコンが設定されました。Googleサイトページ編集のやりかた作成したGoogleアカウントでログインしていれば、Googleサイトを開くと、右上にメニューが表示されているはずです。鉛筆マークの””をクリックすればコンテンツを編集することができます。最初にレイアウトを決めましょう。私は”2列(シンプル)”を使っています。モジュール、ガジェットの設定~ブックマークブックマークは”サイドバー”に登録します。ページ右上の鉛筆アイコン”ページを編集(e)”をクリック”サイトのレイアウトを編集”をクリック”Sidebar”の右隣にある”+”をクリックし”ナビゲーション”の”追加”をクリック”タイトル”にブックマーク”(任意で良いです)と入力する画面右下にある”URLを追加”をクリック”表示するテキスト”/”URLまたはメール”を入力し”OK”で保存する”このリンクを新しいウインドウで開く”はチェックを付けておく方が使い勝手が良いでしょう。5と6を繰り返して、最後に画面下の”OK”をクリックし、ブックマークを保存します最後に”閉じる”をクリックして閉じましょうモジュール、ガジェットの設定~検索ボックス(自作ガジェット;Yahoo/Amazon/Google)検索ボックスを設置するだけならGoogleサイトの機能”HTMLボックス”にHTMLを記述することで、Googleサイト上に実装することができます。同じロジックを複数のユーザ(家族)で使うブログパーツなどのJavascriptがHTMLボックスでは動かないケースがあるということで、検索ボックスは無理矢理、一般的なHTMLやJavascriptをGoogleガジェットとして使ってみます。ガジェット化しても、やっぱり動かないブログパーツ等もありますので、何でもガジェット化できるわけではありません。iframeで外部ページを取り込めるガジェットもあるようですが、私の環境や見たいページでは押しなべて表示できませんでした。この辺はProtopageの方が使い勝手が良いですね。コードを用意する例)Yahoo!検索だと以下になります。組み込むコードはJavascriptでもOKです。/></td></tr></tbody></table></form>xmlでラップします”![CDATA[”から”]]>”の間に任意のHTMLかJavascriptを挿入すればガジェットになります。タイトルはガジェットとして挿入した後でもGoogleサイト上で変更できます。現在、Googleドライブに配置したガジェットが動かなくなっています。他のパブリックサイトにXMLを配置して動かすのはOKのようです。”googlesites”などのフォルダを作り”共有”設定で”ウェブ上で一般公開”という設定にしておきましょうフォルダを右クリック”共有”→”アクセスできるユーザー”の右隣にある”変更”で設定できますガジェットのURLを確認しますGoogleドライブで対象のファイルをWebのGoogleドライブ上で”ポップアウト”表示しますURLを確認しますhttps://drive.google.com/file/d/<半角英数の文字列>/view以下に読み替えて、URLを直接指定してブラウザで開きますhttp://googledrive.com/host/<半角英数の文字列>リダイレクトされたURLがガジェットとして利用できるURLです参考ですが、上記のYahoo!検索ボックスガジェットには以下のURLでアクセスできますhttps://452758d665c1d9c9e96541dec356cdf68861c8e9.googledrive.com/host/0B-SrXIcO-nHcOU85LU5XamRnUncGoogleサイトを開いて上部にある鉛筆アイコンをクリックして編集モードにします”挿入”から”その他のガジェット”を選択します.”URLを指定してガジェットを追加”を選びます先ほど確認したガジェットのURLを貼り付けて”追加”をクリックします貼り付けた後、歯車のアイコンをクリックすれば設定でタイトルや縦幅を調整することができますこの手順で以下のガジェットを作成しました。サンプルサイトにも組み込んであります。Yahoo!検索https://452758d665c1d9c9e96541dec356cdf68861c8e9.googledrive.com/host/0B-SrXIcO-nHcOU85LU5XamRnUncYahoo!画像検索https://8c1cad6f0bb53fe57d0f6f5ec164fdbe1a8cb7e0.googledrive.com/host/0B-SrXIcO-nHcZzBkM29lMDVoaXMYahoo!動画検索https://358d65d1026c24f1cc09be91b21247fa34954f47.googledrive.com/host/0B-SrXIcO-nHcRWxhb09JS1ZZSWcAmazon検索https://dc2ea10795b6249a5abf767c51485ca405a0c85b.googledrive.com/host/0B-SrXIcO-nHcbzRPSUpnblFJQ0kGoogleマップ検索https://2d3305436cf7f1e6a064c250698d1993d08cd5b5.googledrive.com/host/0B-SrXIcO-nHcZFdwX3EtNy1MNTAまた、子ども向けに検索ボタンなどの表示をひらがなにしたバージョンも一部作りました。ヤフーけんさくhttps://d6e949d8ac128d7ada6b62a41b4b7a4620db732e.googledrive.com/host/0B-SrXIcO-nHcOW9zYUF4Z3dZelkヤフーがぞうけんさくhttps://ef5db81832a2945b510373126d8851c87e1deb62.googledrive.com/host/0B-SrXIcO-nHcVUFYa2ZQYUZyUVUヤフーどうがけんさくhttps://9d289baf918d5f074984dc6c149f637f27519d5b.googledrive.com/host/0B-SrXIcO-nHcbVo1Y2xGbFFKOWMちずけんさくhttps://d8f0ab288861fe6b0259e391d2a0e80d45a1211f.googledrive.com/host/0B-SrXIcO-nHcVHN4c3U3NzdkRFkモジュール、ガジェットの設定~RSSリーダーRSSフィードとして公開されているものはRSSリーダーで表示することができます。Reader+”をクリックで選択します。(minutes);リロードする間隔あとは幅、高さ、タイトルを指定すれば良いでしょう”OK”をクリックして保存しますあとからガジェットの歯車ボタンで設定を変更したり、”×”ボタンでガジェットを削除したりすることもできますヘッダ部分がRSS参照元へのリンクだったりすると便利なのですが、現存するRSSリーダーではそういったガジェットは無いみたいですね。横浜や東京などはGoogleガジェットがありましたので、利用しました。横浜の天気http://bellks.com/google/yokohama01.xml以前はピンポイント天気予報などがあったようですが、今はありません。対応するとしが無い場合はRSSで表示することにします。Livedoor天気予報RSSサンプルページでは横浜の天気をRSSでも表示しています。横浜の天気フィードは以下です。http://weather.livedoor.com/forecast/rss/area/140010.xmlモジュール、ガジェットの設定~その他ガジェット以下はGoogleガジェットとして公開されているものを利用しました。いつ無効になるかと心配な反面、日本語のモジュールがこれだけあるのはProtopageより良いポイントです。いえ、動かなくなっているガジェット(サーバ上からxmlファイルが削除さているガジェット)や、ブラウザによって動かなかったり挙動が異なるガジェットが多々ありました。以下は2016/07/27時点で動くもので、実際にサンプルページにも組み込んであります。Phases(詳細な情報が表示される月齢表示)http://www.rareworksllc.com/moonphases/LunarPhaseGadget.xml※英語です。Phases(狼男になる確率が表示される月齢表示)http://hosting.gmodules.com/ig/gadgets/file/111429734459057744602/full-moon-werewolves.xml※英語です。Converter(為替レート表示、計算)http://hosting.gmodules.com/ig/gadgets/file/112317346116090513935/curs-si-convertor.xmlその他のガジェット~Google製ガジェットGoogoleのサービスだけに、その他のGoogleサービスとの連携は大丈夫ですね。私は使っていませんが、活用できる(している)人は多そうです。GoogleカレンダーGoogle+(写真含む)GoogleマップGoogleドライブハングアウトその他のガジェット~自作公開ガジェットガジェットを公開しているサイトもあります。これらを利用するという手段もあります。タイマーガジェット作ったよ。天気予報や乗り換え案内などサーバサイドのAPIが必要なガジェットは利用できなくなっているものが多いですね...。Yahoo!が廃止になるのでGoogleサイトでスタート・ポータル・ページを作ってみました。外部Webページの取り込み(iframeなど)がうまくいかないケースが多いiGoogleのサービス停止以降、Googleサイトも現状維持でサービスがいつ終わるかという不安がある子どもや高齢の家族には、表記をひらがなにしたり、注釈をいれたりできるので、うまくスタート・ポータル・ページを作ることができました。21:09現在、GoogleのDNSがおかしいようで、XMLをGoogleドライブに置いたサンプルページのガジェットが表示されません。ローカルPCは直接URLではなく、リンクから辿って一度セッションが繋がればその後は大丈夫なのですが、GoogleサイトからガジェットのXMLを置いているGoogleドライブの参照ができないようです。15:13どうやらDNSではないらしい。新しくガジェットを作ってみてもうまくいかない。コメントをキャンセルメールアドレスは公開されませんのでご安心ください。付いている欄は必須項目となりますので、必ずご記入をお願いします。コメント内容に問題なければ、下記の「コメント送信」ボタンを押してください。コメントデータの処理方法の詳細はこちらをご覧ください。自分でやってみろ!IT技術者からIT中間管理職になった私が、DIY精神で「俺なりに」何でも自分でやってみたもの、納得したものを発信します。profile)掲載広告について当サイトに掲載している広告についてはこちらに掲載しています。各社商標等に関する帰属について当サイト内で表記される各社ブランドのロゴや商標についてはこちらの通り各社がその権利等を有しております。