Googleの広告サイズをレスポンシブにする

Googleがモバイル対応していないウェブサイトの検索順位を落とすという件ですが、2015年4月21日から適用されるそうです。いきなり順位が変わるのか、その日から徐々に変わるのか、分かりませんが、対応できる部分は対応しておいたほうがよさそうです。

Googleの広告を貼っている場合の対応方法について考えてみました。
モバイル対応というのは「モバイル端末でも正しく見られるようにする」ということです。画面からはみ出さないようにレイアウトを工夫する必要があります。具体的には表示の幅を小さくします。
しかしデスクトップでも小さいままだと今度はこちらが見にくくなります。
広告サイズもデスクトップでは大きく、モバイルでは小さく表示されるようにしたいです。 (さらに…)

SereneBachのテンプレートにBootstrapを適用

サイトをモバイルフレンドリーにしないとGoogleに怒られるという話を書きました。
昔、SereneBachというブログシステムで書いていたブログがあります。
今も公開していますが、今回、Googleから、このブログがモバイル対応していないという指摘を受けたのです。 (さらに…)

Bootstrapで2カラムのブログをモバイルフレンドリーに

最近、Googleから「http://stabucky.com/sb/ でモバイル ユーザビリティ上の問題が検出されました」というメールが来ます。
今後、Googleは、スマートフォンなどの小さなディスプレイでも見やすくしないと、検索されたときの表示順を下げるそうです。 (さらに…)

Google Apps Scriptでメール送信

Google Apps Scriptを使ってメールを送信する方法を紹介します。
工夫すると便利に使えそうです。
一方、「スパムメールも送り放題」という気がしますが。 (さらに…)

JavaScriptでGoogleを使い音声読み上げ

Google翻訳の機能を利用して音声合成をする方法について簡単にまとめます。
音声読上げについては以前にも紹介したことがありますが、英語のみでした。今回の方法は日本語もOKです。 (さらに…)

ブラジルW杯(予選リーグ)Googleカレンダー用CSV

ブラジルで行われる2014FIFAワールドカップの予選リーグについて、試合予定をGoogleカレンダーにインポートするためのCSVを作りました。

ブラジルW杯予選Googleカレンダー用

日本とブラジルの時差はちょうど12時間ですが、一部11時間のところがあるようです。

GoogleカレンダーからExcelにデータを移行する方法

GoogleカレンダーからエクスポートするとiCalendarファイル(iCal形式)というテキストデータになります。
例えば、千葉ロッテの今年の日程をエクスポートすると次のようになります。 (さらに…)

GoogleスプレッドシートからGoogleカレンダーにインポート

Google Apps Scriptという仕組みがあります。
「Googleでの作業を自動化する」というようなことができます。
次のサイトで概要を知ることができます。
Google Apps Script入門 (全16回) - プログラミングならドットインストール

この仕組みを使ってGoogleドライブのGoogleドライブのスプレッドシートにセットしたスケジュール表をGoogleカレンダーにインポートする方法を紹介します。 (さらに…)

グラフ化して表示する「プロ野球チャート」

日本のプロ野球のいろいろなデータをグラフで見られるサイトを作りました。

プロ野球チャート

お互いの対戦成績をグラフで表す「勝敗相関図」や各チームの成績をレーダーチャートで表す「戦力レーダー」などがあります。
それぞれの詳細については、あらためて紹介したいと思います。
グラフの描画についてはGoogleのAPIを使っています。
サイトのレイアウトについてはTwitterのBootstrapを使っています。

今後は「点差別勝敗率」などについても追加するつもりです。

GoogleのスプレッドシートでJavaScriptを使う

GoogleのスプレッドシートはExcelに似た感覚で使えて便利です。
しかもJavaScriptが使えます。
これを使えばユーザー定義関数などを作ることができます。
過去にJavaScriptで作った関数がそのまま使えるケースも多いでしょう。 (さらに…)

新しい記事 | 古い記事

タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報