ホームページにブログの新着記事を表示させる方法

ブログの新着記事の一覧をホームページに表示させたいときがありますよね。

Google AJAX APIを使えば簡単に表示させることができます。

下記Javacriptをページに記述します、<body>内でもOKです。

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script >
<script type=”text/javascript”>

//Google Feed Api
google.load(“feeds”, “1”);

function initialize() {

// ブログのRSSを設定
var feed = new google.feeds.Feed(“RSSのURL”);

// 記事タイトルの表示文字数を30文字に設定
var maxTitleLength = 30;

// 記事タイトル取得件数を10件に設定
feed.setNumEntries(10);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById(“feed1”);
for (var i = 0; i < result.feed.entries.length; i++) {

// 記事タイトルを取得
var entry = result.feed.entries[i];
var title = entry.title;

// 記事タイトルを文字数調整
if (title.length > maxTitleLength) {
title = title.substr(0, maxTitleLength) + ‘…’;
}

// 年月日設定
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = “0” + m;}
var d = dd.getDate();
if (d < 10) {d = “0” + d;}
var date = yearNum + “年” + m + “月” + d + “日”;
container.innerHTML += “<li><span>” + date +” </span>” +” <a href='” + entry.link + “‘ target=’_blank’>” + title + “</a></li>”;
}
}
});

}
google.setOnLoadCallback(initialize);

</script>

表示したいところに下記タグを挿入
<ul id=”feed1″></ul>

後はCSSで整えてください。

Firefoxブラウザで『お使いのPCのパフォーマンスが低下しています』という変な広告が・・・

突然、Firefoxブラウザで『お使いのPCのパフォーマンスが低下しています』という変な広告が出ました。

お使いのPCのパフォーマンスが低下しています

Google先生に聞きながら、変なアドオンやプログラムがインストールされていないか調べてみましたが該当無し。

ウィルスチェックもしましたが、問題なし。

Firefoxには『Adblock Plus』という広告を表示しないアドオンがあるらしく、Adblock Plusをインストール。

Adblock Plus

Firefoxでは全ての広告が表示されなくなりました。

広告が表示されなくなりました。

もしFirefoxで変な広告が出たときはお試し下さい。

 

EC-CUBEでSSL利用時に、相対バスから絶対パスに変える方法

EC-CUBEでSSLを利用すると、テンプレートの各リンクが相対パスになっているため、一度SSLURLに入るとURLがSSLのままになってしまいます。

それでは変なので、修正します。

青地の部分を

<a href="<--{$smarty.const.TOP_URL|escape}-->">
又は
<a href="<!--{$smarty.const.ROOT_URLPATH}-->">

赤字の部分に変更します。

<a href="<!--{$smarty.const.HTTP_URL}-->">

必要な箇所は全て修正しないといけないので、ちょっと大変かもしれません。

スマートフォンのホーム画面用ウェブクリップアイコンをホームページに設定する

スマートフォンやタブレット用のホーム画面用ウェブクリップアイコンをホームページに設定する方法でです。

アイコン画像はPNG形式で、タブレットにも対応するために144px x 144pxで作り、ファイル名は下記にします。

apple-touch-icon.png

アイコンをサイトルートにアップし、headerに以下のように記述します。

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">

これで出来ると思います。

Windows Liveメール等からGmailへ移行する方法

今メールソフトは何をお使いですか?

Outlook ExpressWindows Liveメール等はパソコンに依存します、メールデータもパソコンのハードディスクに保存されますので、パソコンの買い換え時にメールデータを移行するのは大変です。
またパソコンのハードディスクの故障でハードディスク内の読み出しが出来なくなった場合は最悪です。

そこで、WebWaveでおすすめしているメールソフトはGmailです。
弊社でももう8年くらい使っていますが、Gmailの性能は格段に上がってきています。

Gmailはクラウド型の無料で使えるWEBメールです。
パソコンのハードディスクにメールデータを保存せず、ブラウザでメールを利用しますので、パソコンの買い換え時もわざわざデータの移行をする必要もなく、最悪パソコンのハードディスクが破損してもメールデータは消えません。

また独自ドメインメールも問題なく使えます。
送信メールも独自ドメインを利用しているSMTPサーバー経由で送信することができます。

一番便利だなと思うのは、一つのメールアドレスを複数人で利用する場合です。
複数人で同じGmailをブラウザで確認しますので、メールの対応状況はリアルに確認できます。
これが最大のメリットかもしれません。

では現在利用しているパソコンのメールソフトからGmaiへ移行する方法を説明します。

事前にGmailアカウントを取得してください。

Gmailアカウントは下記より取得することができます。
https://accounts.google.com/SignUp?hl=ja

Gmail の設定で IMAP を有効にする

  1. Gmail にログインします。
  2. 右上の歯車のアイコン をクリックし、[設定] を選択します。
  3. [メール転送と POP/IMAP] をクリックします。
  4. [IMAP を有効にする] を選択します。
  5. [変更を保存] をクリックします。

Windows Liveメール又はOutlook Express の新規アカウントを作成

  • 受信メール(IMAP)サーバーの設定
    • imap.gmail.com
    • ポート: 993
    • SSL を使用する: はい
  • 送信メール(SMTP)サーバー – TLS が必要
    • smtp.gmail.com
    • ポート: 465 または 587
    • SSL を使用する: はい
    • 認証が必要: はい
    • 受信メール サーバーと同じ設定を使用する
  • 氏名または表示名: [お名前]
  • アカウント名またはユーザー名: Gmail アドレス全体(username@gmail.com)。
  • メール アドレス: Gmail アドレス全体(username@gmail.com)。Google Apps をご利用の場合は username@your_domain.com。
  • パスワード: Gmail のパスワード

既存メールの移行

過去に受信、送信したメールデータを Gmail に移行するには、メールを新規に作ったGmailアカウントにドラッグ・アンド・ドロップすると Gmail に反映されます。
Gmailに反映するのに少し時間がかかりますが、フォルダ分けしていたメールも、Gmal側で自動的にラベルが付くようになります。

是非この便利なGmailを利用してください。

次回はGmailで独自ドメインを利用しているSMTPサーバー経由で送信する方法を紹介します。

iPad Airが11月に発売

iPad Airが11月に発売されるようです。

iPad Air

iPad2の613 gから478 gと135g軽くなったようです。

電子書籍を読むのにはiPadが格段に良いデバイスなのですが、もう少し軽くなって欲しかったです。

実機が見られるのを楽しみにしてます。

CentOS5にPostgreSQL9.2をインストールする

CentOS5PostgreSQL9.2をインストールする方法です。

リポジトリを追加

wget http://yum.postgresql.org/9.2/redhat/rhel-5-x86_64/pgdg-centos92-9.2-5.noarch.rpm
rpm -ivh pgdg-centos92-9.2-5.noarch.rpm

PostgreSQL9.2をインストール

yum install --enablerepo=pgdg92 postgresql92*

データベースの初期化

/etc/rc.d/init.d/postgresql-9.2 initdb

PostgreSQL9.2を起動

/etc/rc.d/init.d/postgresql-9.2 start

PostgreSQL9.2を自動起動

chkconfig postgresql-9.2 on

phpPgAdminからpostgresユーザーでログイン出来るようにする

vi /var/lib/pgsql/9.2/data/pg_hba.conf

赤文字部分を変更する

# TYPE  DATABASE        USER            ADDRESS                 METHOD

# "local" is for Unix domain socket connections only
local   all             all                                     trust
# IPv4 local connections:
host    all             all             127.0.0.1/32            trust
# IPv6 local connections:
host    all             all             ::1/128                 trust
# Allow replication connections from localhost, by a user with the
# replication privilege.
#local   replication     postgres                                peer
#host    replication     postgres        127.0.0.1/32            ident
#host    replication     postgres        ::1/128                 ident
Type  :quit  to exit Vim