FeedWindチュートリアル

不具合のお詫び、及び復旧のお知らせ

Mon, 16 Jun 2008 15:31:55 +0900

6月14日（土）午前6時ごろ～午後5時半ごろの間、FeedWindが正常に表示されない事態が発生いたしました。

復旧までに時間がかかり、多くの皆様にご迷惑・ご不便をおかけいたしましたこと深くお詫び申し上げます。

復旧から日時が経過しましたが、現在は完全に復旧しております。

今後とも安定運用に全力を尽くすと共に、より良いサービスを目指して向上してまいります。

何卒よろしくお願い申し上げます。

FeedWindのデザインの設定を保存する機能を設置しました

Wed, 30 Jan 2008 15:29:12 +0900

いつもFeedWindをご利用いただき、誠にありがとうございます。

今回、FeedWindに各種設定を保存できる新機能を追加いたしました。

フレーム設定、タイトル設定、見出し設定、本文設定で設定した内容を保存し、
次にサイトを訪問した際にその内容を簡単に呼び出せる機能です。

FeedのURLを変更するだけで同じデザインのものが作成可能です。
新しいフィードを作成するのに、最初から設定しなおす手間が軽減されます。

新たにチュートリアルを作成しましたので、詳しい利用方法についてはチュートリアルをご覧ください。

関連リンク：チュートリアル「設定を保存する」

今後とも末永くFeedWindをよろしくお願いいたします。

設定を保存する

Wed, 30 Jan 2008 15:06:15 +0900

FeedWindの設定内容を保存し、次回訪問時に呼び出す方法をご説明します。

（1）設定を保存する
まずフィードを好きなように変更します。
設定をしたら「＞設定を保存」をクリックします。
→
　　　　　　　　　変更前　　　　　　　　　　　　　　　　　　変更後に「＞設定を保存」をクリック

もし以前に保存している設定がある場合、クリックをすると上書きされてしまうので注意してください。
保存できる設定は1つです。

（2）設定を呼び出す（次回訪問時）
次回訪問した際には初期設定状態になっているので、
「＞前回保存した設定を呼び出す」をクリックすると前回の設定が呼び出されます。
なお、Internet Explorer6をお使いの場合は、「前回保存した設定を呼び出す」をクリックした後、
ブラウザの「更新」ボタンをクリックしてください。
→
「＞前回保存した設定を呼び出す」をクリック　　　　保存した内容が呼び出されます

注意
・この機能はcookieが使用できない環境ではご利用になれません。ご利用の際はcookieを有効にしてください。

アメブロでFeedWindを表示させる

Thu, 24 Jan 2008 15:24:03 +0900

アメーバブログ（以下「アメブロ」）でFeedWindを表示させる方法をご紹介します。

アメブロでFeedWindを利用するには「フリープラグイン」という機能を利用します。

～アメブロでのFeedWind設定手順～
（1）まず、FeedWindのトップページでタグを発行して、コピー&ペーストします。

（2）次にアメブロの管理画面に移動し、「サイドバーの基本設定」をクリックします。

（3）画面を下までスクロールして、フリープラグインの「設定」ボタンをクリック

（4）コピーしたFeedWindのタグをテキストエリアに貼り付けます。最後に「設定」ボタンをクリック。

（5）最後に「サイドバーの配置」をクリックして別の画面に移動します。
そこで「フリープラグイン」をサイドバーの好きな位置に配置します。
以下の図では青色で示したところに配置しました。

最後に「保存」ボタンを押して終了です。
これでブログにアクセスするとFeedWindがアメブロに表示されています。

FeedWindへのリンク

Wed, 23 Jan 2008 12:59:29 +0900

FeedWindをご利用いただく際、サイトへのリンクを貼っていただくようにお願いしています。
それによって多くの方々に、このサービスを知っていただきたいと考えているためです。
今後も無料でより良いサービスを提供するために、何卒ご協力をお願いします。

さて、リンクをするにはタグをそのまま貼り付ければOKなのですが、
既定のリンクテキストや色では自分のサイト・ブログのデザインにそぐわないという方もいらっしゃるのではないでしょうか？

FeedWindでは、以下のルールを守っていただければリンクテキスト、カラー、配置場所を変更していただいてもかまいません。

守ってもらうルール
（1）FeedWindのトップページへリンクを貼る（http://feed.mikle.com/）
（2）フォントサイズを不必要に小さくしない（最低8px～10pxを目安に）
（3）フォントカラーを背景色と同じにして隠すようなことはしない
（4）FeedWindを貼った同じページに貼る

特に（2）と（3）については皆さんのサイトにも不利益が生じる場合があります。
YahooやGoogleなどの検索サイトにマイナス評価になりえるので気をつけましょう。

■■リンクに関するQ&A■■■
Q:1つのページでFeedWindを複数利用しています。リンクは全てに貼らないといけませんか？
A:その場合は1つで結構です。どこか1つのそばにリンクを張ったもらえれば大丈夫です。

Q:デザインの都合上、リンクの文言を英語表記に変更してもいいですか？
A:はい。問題ございません。初期設定では「RSS表示パーツ」となっていますが、「FeedWind」に変更しても問題ありません。また、「Feed Widget」でもOKです。

Q:フォントのカラーを変更したいのですが
A:はい。サイトのデザインになじむカラーに変更していただいても大丈夫です。

Q:右寄せになっているのを解除したいのですが
A:初期設定では右寄せになっていますが、もちろん解除していただいてもかまいません。右寄せを解除するには、タグの下の方にある「text-align:right;」を削除してください。

記事数を設定する

Mon, 12 Nov 2007 13:58:16 +0900

FeedWindでは横幅・高さを設定すると、それにあわせて表示する記事の数を自動的に調整します。大きさを指定するだけで、あとは何もせずにきれいに表示されるようになっています。

ただ、「最近記事を必ず5つ表示したい」という場合もあるかもしれません。ここではちょっとした“裏技”を紹介します。少しだけ設定が複雑になりますが「見出し設定」と「本文設定」の「最大文字数」をうまく調整すると実現可能です。

ただし、この方法ではフィードの中身によって4つになったり、5つになったりする場合もあります。その辺はフィードを配信している側の設定の問題になりますので、FeedWindでは調整のしようがありません。

今回はCNETの記事を3つ表示する例をご紹介します。皆さんも表示したいフィードに合わせて、この方法で応用してみてください。

（1）記事のタイトルを1行に収める
初期設定では「見出し設定」の「最大文字数」が20文字になっています。ただし、これでは図のように記事のタイトルが折り返してしまいます。

折り返さないようにするために、これを13に設定してみます。

（2）本文を2行に収める
初期設定では「本文設定」の「最大文字数」が40文字になっています。これでは本文が3行になってしまい、記事が2つしか表示されません。そこで、必ず2行で収まるように、最大文字数を27文字に設定します。

「本文設定」の「もっと細かく設定する」をクリックすると設定フォームが表示されるので、「最大文字数」を27に設定します。

すると、以下の図のように見出し1行、本文2行に収まり、記事が3件表示されるようになります。みなさんも、この方法で表示数やレイアウトを調整してみてください。

ポッドキャスティングをブログで再生する

Tue, 30 Oct 2007 12:31:09 +0900

自分でポッドキャスティングを配信していたり、お気に入りのポッドキャスティングを他の人と共有したいときに便利な機能が備わっています。

ポッドキャスティングのURLを入力すると、ブログ上で再生できるプレーヤーを表示することができます。ここでは、【サンプル】と【設置方法】を説明します。

【サンプル】

RSS表示パーツ

【設定方法】

（1）ポッドキャスティングのURLを入力
ブログに表示したいポッドキャスティングのURLを「RSS（ATOM）のURL」に入力します。

ポッドキャスティングを探すには番組を紹介しているポータルサイトが便利です。

■Podcasting Juice: http://www.podcastjuice.jp/
■Yahoo!ポッドキャスト: http://podcast.yahoo.co.jp/

Podcasting Juiceでは下のボタンをクリックして表示されたページのURLを貼り付けます。

（2）プレーヤーを表示する
見出し設定」の「もっと細かく設定する」をクリックします。詳細設定画面が表示されるので、「Podcast/YouTubeの場合」の「プレーヤーを表示」をチェックします。

初期設定ではアイコンが表示されていますが、この状態で「右クリック」→「対象をファイルに保存」（Windowsの場合）で自分のPCに保存することができます。

（3）タグを自分のブログに貼る
FeedWindのタグが発行されます。このタグをコピーして、自分のブログやウェブサイトの好きな部分に貼り付けます。

プレーヤーが無事に表示されたら、再生ボタンをクリックして、ポッドキャスティングの番組を再生してみてください。

YouTubeのプレーヤーを表示する

Mon, 29 Oct 2007 16:21:07 +0900

FeedWindではYouTubeのプレーヤーをブログに貼ることができます。
好きなアーティストの作品やお気に入りの映画、偶然見つけた面白動画などを、ブログの読者と映像を共有してみたいことがあるのではないでしょうか？ YouTubeの動画再生機能がついているので、あなたのブログ上でそのまま閲覧できます。

【設定手順】今回はYouTubeのタグに特定のキーワードを含んだ動画を表示する仕組みをご紹介します。

（1）表示したいタグをセットする

「RSS（ATOM）のURL」に以下のようなURLを挿入します。これはタグに「大塚愛」を含む動画を表示する場合の例です。ここに好きなキーワードを入れてください。

http://www.youtube.com/rss/tag/大塚愛.rss

「大塚愛」と「さくらんぼ」という二つの言葉を含む動画を表示させたい場合にはhttp://www.youtube.com/rss/tag/大塚愛+さくらんぼ.rssと入力すればOKです。

※「+」は必ず半角文字にします。うっかり全角にしてしまうと表示されないので注意！

（2）プレーヤーを表示する
「見出し設定」の「もっと細かく設定する」をクリックします。「Podcast/YouTubeの場合」で「プレーヤーを表示」にチェックを入れます。

（3）出力されたタグをコピー＆ペースト
FeedWindのタグが表示されるので、これをコピーして、あなたのブログやHPで動画を表示したい場所に貼り付け（ペースト）します。

（4）動画を再生する
プレーヤーが表示されたら画面上の三角形をクリックします。音も一緒に出るので注意しましょう。

フォントサイズを変更する

Fri, 26 Oct 2007 14:28:33 +0900

FeedWindではフォントサイズを変更することができます。
ブログやウェブサイトのフォントサイズに合わせて、自由に設定することが可能です。

（1）「フレーム設定」の「もっと細かく設定する」をクリックします。
（2）「フォントサイズ」の隣の数字を変更します。数字が大きいほど文字は大きくなり、小さいほど文字は小さくなります。

サンプルからデザインを選ぶ

Thu, 18 Oct 2007 15:21:25 +0900

FeedWindではカスタムCSSが使えます。
CSSを使うと、自分のブログのデザインにふさわしいインターフェイスに仕上げることが可能です。

ただ、カスタムCSSを利用するには専門の知識が必要です。
そこで、CSSが分からなくても色々なデザインをお試しいただけるように、いくつかのサンプルCSSを用意しました。

5種類（10月19日現在）のデザインの中からお選びいただけます。
【１】「フレーム設定」の「もっと細かく設定する」をクリック。最下部の「サンプルから選ぶ」をクリックすると、別ウインドウが起動します。

【２】好きなデザインを選び、画像をクリック。そのままウインドウを閉じて、再び設定画面に移動します。

【３】デザインが適用されています。サンプルのデザインは横幅160ピクセル、縦幅500ピクセルで固定になっています。

旧バージョン（RSSVIEW)をお使いの方へ

Thu, 18 Oct 2007 12:44:12 +0900

RSSVIEWは、2007年10月に大幅リニューアルをいたしました。一部、機能面・デザイン面での変更も行いましたが、旧RSSVIEWで発行したタグは当面は、そのままご利用いただけます。

ただし、将来的には、旧RSSVIEWから新バージョンに完全に移行する方向で検討しております。その場合、旧RSSVIEWで発行したタグへの記事配信を停止させていただくことになります。そのため、大変お手数ではございますが、新バージョンの画面で新たに設定を行って、新規にタグを発行していただくようお願いします。

現在のサービスがベータ版ということもあり、具体的な時期については今後の利用状況などを見ながら判断していく予定です。時期が確定しましたら、早い段階でこちらのサイトでお知らせをいたします。何卒、ご理解・ご協力のほどよろしくお願いいたします。

読者のブログに自分のフィードを貼ってもらう

Wed, 17 Oct 2007 17:24:07 +0900

あなたのブログの読者に、フィードの掲載を呼びかけてみませんか？
あなたのブログの読者が、自分のブログにブログパーツとして貼り付けてくれることで、あなたのブログの読者やネットワークが広がります。

【設置方法】
設置は簡単です。
まず、あなたのブログに「ブログに貼る」ボタン（テキストリンクでもOK）を設置（実用例※左サイドバーの最下部を参照）します。

リンク先は以下のように設定してください。

http://feed.mikle.com/feeds/setting/あなたのブログのURL

ここにアクセスすると、専用のRSS貼り付けページが自動的に作成されます。
画面右下にjavascriptのタグが発行されます。読者がこのタグを貼り付けるだけで、あなたのブログの新着情報が配信されます。

【サンプルリンク】

ブログに貼る

※リンクの文言は自由に設定してみてください

【サンプルボタン】
ご自由にお使いいただけるサンプルボタンを用意いたしました。

以下のコードに、あなたのブログのURLを入れてそのままお使いになれます。

*FeedWindを利用するユーザーの方々には、FeedWindの利用規約をお守りいただきます。

カスタムCSSの設定方法

Wed, 17 Oct 2007 15:41:00 +0900

FeedWindでは、上級者の方に向けてカスタムCSSが設定できるようになりました。ご自身で作成したCSSを適用して、ブログやウェブサイトのデザインに統一感を持たせることが可能です。

◎カスタムCSSの設定方法
【1】CSSを作成する
まず、テキストエディタや専用ソフトなどで、CSSファイルを作成してください。なお、FeedWindは以下のようなhtmlで構成されています。
*htmlファイルの構成は予告なく変更する場合がございます。
**marginとpaddingはpx単位で行ってください。

【2】CSSをサーバにアップする
作成したCSSファイルをサーバにアップしてください。FeedWindでは、外部サーバからCSSを直接読み込みます。ご自身で使用しているレンタルサーバなどに、あらかじめアップをお願いします。

【3】CSSのURLを入力する
CSSのURLを指定します。「フレーム設定」の「もっと細かく設定する」をクリックして、カスタムCSSのURL入力欄に記入してください。プレビュー画面にデザインが反映されます。

＜注意事項＞
カスタムCSSのURLを入力すると、設定画面の一部がグレイアウトされて、設定ができなくなります。これは、FeedWindのデフォルトの設定と、カスタムCSSの設定が競合しないようにするためです。カスタムCSSを利用した場合は、そちらの設定が有効になります。

なお、FeedWindでは見出しと本文の最大文字数を設定する欄があります。設定された数値に合わせて、表示する記事数を自動的に調整する仕様になっています。そのため、line-heightなどCSSの設定によっては枠からはみ出してしまうことがあります。

その場合は、ご自身でCSSを調整していただくようお願いします。

不具合報告

Wed, 17 Oct 2007 14:59:47 +0900

FeedWindの不具合・バグを発見された方はこちらにお寄せください。

ご感想・ご要望

Wed, 17 Oct 2007 14:58:42 +0900

FeedWindは今後もバージョンアップを重ねていく予定です。

今はまだ、第1段階の開発が終了したところです。

「こんな機能があったら便利」「ここが不便なので改善してほしい」など、利用してみての感想や要望をこちらにお寄せください。

全てのご要望にお答えすることはできませんが、今後のサービス開発の参考にさせていただきます。