今回はTwitter社の提供する素材、ボタン、ウィジット、ロゴとアイコンの利用方法をご説明しますね。

まずボタンですが、サイト内にツイートボタンを配置しておくとサイトを訪れた人にそのページのアドレスを簡単にツイートしてもらうことができます。

またウィジットを利用すればTwitterのつぶやきをWebサイト内やブログ内に表示させることができます。

さらにTwitterのロゴやアイコン素材も用意されていて、ガイドラインに沿って利用することができるようになっています。

それではそれぞれの利用方法をご説明いたしますね。

まず、以下のサイトにアクセスします。

https://twitter.com/about/resources

下のページが表示されます。

 ボタン利用方法

「Twitterボタン」をクリックします。

「ボタンを選択」欄で表示するボタンの種類を選択します。

「ボタンのオプション」欄で「URL」や「ツイート内テキスト」などを指定します。

またボタンの横に数を表示するかどうかや言語の指定をします。

指定が終わったら右の「コードのプリビューを見る」欄で確認後、枠内のHTMLコードをコピーしボタンを配置したいWEBページ内にペーストします。

 ウィジット利用方法

「ウィジェット」をクリックします。

ウィジットを表示させたいサイトの種類を選択します。

サイト内に表示させたいウィジットの種類を選択します。

表示させたいtwitterのユーザー名を指定します。

「環境設定」ではスクロールバーを表示するかどうかや表示させるツイートの数を指定します。

「デザイン」ではウィジットの配色を指定します。

「サイズ」では表示するウィジットのサイズを指定します。

「テスト設定」をクリックし右のプレビューが正しく表示されたら、「設定を終了し、コードを生成する」をクリックします。

枠内に表示されたHTMLコードをコピーし、ウイジットを表示したいWEBページ内にペーストします。

ロゴとアイコン利用方法

「ロゴとアイコン」をクリックします。

まずは「twitter登録商標の利用ガイドライン」を参照し使い方を確認してから、使いたいロゴやアイコンをダウンロードします。

今回は様々なフォントを無料でダウンロードできるサイトについてご紹介します。

すでにデザインに携わっておられる方ならよくご存知かと思いますが、フォントはグラフィックデザインをする上で欠かすことができないものですね。
さらに文字デザインの選び方によって見る人に与える印象や効果は大きく違ってくるものです。
プロほどフォントにこだわりを持つと言われるのも当然のことでしょうか。

以下にＷＥＢ上に公開されている無料で利用できるサイトを幾つかご紹介したいと思います。
各サイトによって利用方法や注意点が異なりますのでそれらを参照の上、ご利用下さい。

dafont.com

種類豊富なたくさんのフォントがあります。
使い方についてはAntaresというサイトで説明されていますのでご覧ください。

neatfonts

ページ左でフォントの種類を選択できます。

1001 FREE FONTS

ページ上部で種類を選択するとそのフォントが下部に表示されます。

Discover Free Fonts

ページ左のカテゴリー欄で種類と登録数が確認できます。

Font Foundry iAi-jp

右欄の「free font」をクリックすると個性的なフォントが表示されます。

 Typing Art（タイピングアート）

かわいらしいフォントも揃っています。

FONTSPACE

ページ上部でフォントの種類を指定してすぐにダウンロードできます。

Fonts2u

ページ上部からカテゴリーが選択できます。
外国語フォントも豊富にあります。

 FONTSQUIRREL

複数ページのフォントの一覧から選べるようになっています。

今回はWordPressのカテゴリーとタグクラウドについてお話します。

すでにWordPressを使っておられる方なら、この辺りの機能は良くご存じかもしれませんね。

カテゴリー

WordPressでは各記事を投稿する際に該当するカテゴリーにチェックを入れることでカテゴリーに分類することができるようになっています。

また「新規カテゴリーを追加」をクリックして新しいカテゴリーを作ることもできます。

このようにカテゴリーをきちんと分けておくとブログを管理する側にとっても情報が整理された状態になるというメリットがありますが、それ以上に見る人にとって分かりやすいサイトになるというメリットもあります。

ブログを訪れる人はカテゴリーの内容から他の関連する情報も拾いやすくなるのでユーザビリティ（使いやすさ）が向上します。

一般的にユーザビリティの高いサイトは訪問者数が増加し、それはサイトの目的の達成につながっていきます。

さらにこのカテゴリー分けのやり方によってはSEOの効果も期待できるのです。

ではここでSEO効果を上げるための幾つかのポイントをご説明しますね。

カテゴリーは配分を考えて

例えばあるカテゴリーに入っている記事の数や内容が極端に多い状態ですとカテゴリーの分け方に問題があるといえます。

検索ロボットはページの上部を重要度の高いものとみなしますので、ページの後ろに行くにしたがってSEOの効果が薄れてしまいます。

そのような時にはさらにカテゴリーを細分化し、適切な配分になるように調整してみてください。

カテゴリー名はキーワードを想定して

カテゴリー名を選ぶ時にはもちろん記事を分類する上で分かりやすい名前にする必要がありますが、さらに多くの人が検索するキーワードも意識する必要があります。

検索されるキーワードが含まれているカテゴリー名はSEOの効果が高くなるからです。

使いたいと思うカテゴリー名をそのまま使ってしまう前に一工夫してみましょう。それに近い言葉で人気のキーワードがあるかもしれません。

人気の高いキーワードはgooキーワードランキングやGoogle AdWordsキーワードツールなどを使って探すことができます。

タグクラウド

これは「タグの雲」という意味で、表示されるタグ文字列が大小さまざまに浮かぶ雲のように見えるのが名前の由来のようです。

タグの頻出度によってタグ文字列の大きさが様々に表示されます。

ブログを訪れる人はこのタグをクリックすることによっても関連する情報を引き出すことができます。

このタグを使ってカテゴリーとは別の視点で記事を分類しておくとユーザビリティが向上します。

またカテゴリーとは違って1つの記事に複数のタグを指定することができます。

各記事を投稿する際にタグ欄のボックス内にタグ名を入力して登録することができます。

このタグという機能は以前はSEOにおいて一定の効果があるとされていました。ただ現在はその効果は分かっておらず、逆に検索ロボットを迷わせるとの説もあります。

それでまずはカテゴリー分けをしっかりし、タグクラウドは補足的に用いるという方法を試してみるのはいかがでしょうか？

今回はWordPressから提供されている、アクセス解析プラグインのStatpress SEOlutionについてご紹介いたします。

WordPressのアクセス解析プラグイン、Statpress Reloadedの派生として開発されたこのStatpress SEOlutionは、非常に機能が充実していることはもちろん、フラッシュ図表によるグラフィックの視覚的な分かりやすさが向上しています。

残念ながらプラグインサイトには 2010年9月に最終リリースとのコメントが。また現状日本語には対応していません。

それでも使う価値のある機能が沢山ありますよ。

今回は特によく使われるOverviewとLast search termsについてご説明します。

Overview（概要）

各種アクセスの推移の記録です。まずはここからホームページにどれだけ人が来たのかを確認してみましょう。
各グラフ項目が色分けされて線グラフとして表示されているので、一目でどのように推移しているかを知ることが出来ます。
各グラフの意味は以下の通りです。

Visitors（訪問者数）

ホームページに何人の人が来たのかの純粋な人数です。

Pageviews（ページビュー）

見られたページ数です。

Spiders（スパイダー/検索ロボット）

検索ロボットの「スパイダー」が巡回に回ってきた回数です。

Feeds

フィードの購読者数です。

Last month

先月の訪問者数のトータルです。

This month

今月の現段階の訪問者数トータルです。

Target This month

今月の目標です。

Yesterday

昨日の訪問者数です。

Today

今日の訪問者数です。

Last search terms

このホームページにきた人がいつどんなキーワードを使って検索したかの一覧表です。

アプリの市場や動作の速さとしては、Appleはやはり強いですが、サポート体制やサービスはやはり日本のSONYの方が安心出来そう。
IdeaPad Tablet A1やEee Pad Transformerは価格が安く、とりあえず使ってみたいという方などにおすすめです。
選択肢が増えて迷ってしまいますが、ここだけは譲れない点をピックアップして見比べると良いですよ。
なお、秋葉原などで売られているような安価なタブレットは、価格相応の作りで機能も乏しいことがほとんど。
タブレット初心者は安心できる大手メーカーのものを選ぶようにして、ぜひ後悔のないタブレットを選びましょうね。

また、Apple社からiPad3が、今年の3～4月に発売されるのでは？という話が、巷ではまことしやかに囁かれていますね。
iPad2の解像度のなんと10倍という話や、数々の新機能など様々な噂が飛び交っていますが、真偽の程はいかに…？
とても気になるところですね。

更新したはずのページが更新されない

これは、ブラウザの“キャッシュ”が悪さをしている可能性があります。
キャッシュというのは、よく使うデータや新しいデータを覚えておいて、同じデータが再度呼び出されたときに内容をダウンロードしないで前回の画面を出すという仕組みです。
この機能があることで、前回表示した内容を、より迅速に表示することが可能になります。
キャッシュはきちんと働いていればとても便利なのですが、ページが更新されたことをきちんと感知してくれないときがあります。

更新したことをキャッシュが感知しないと、古い内容のまま表示するばかりで新しい画面がいつまでたっても表示されません。
そのため、実際には更新されていても、そのパソコンからは更新されていないように見えてしまうのですね。
（なお[F5]キーは単なる「更新」なので、キャッシュを参照してしまうことがあります）
これを避けるためには、保存されているキャッシュを削除するか、キャッシュを無視してもう一度読み込む必要があります。

解決方法は？

[Ctrl]+「F5」キーもしくはキーボードの［Ctrlキー］を押しながら、ブラウザの［更新］ボタンをクリックします。
この方法を「スーパーリロード」と呼びます。
ブラウザのキャッシュを無視して、Webから最新のデータを読み込む機能です。

なお、この方法でも解決しない、という場合には、「インターネット一時ファイル」のキャッシュを削除し、再起動してから再びスーパーリロードを行う必要があります。

「インターネット一時ファイル」のキャッシュを削除

* Windows 7 および Windows Vista
1.[スタート] ボタン→[コントロール パネル]→[ネットワークとインターネット]→[インターネット オプション] の順にクリックします。
2. [全般] タブをクリックし、[閲覧の履歴] の [削除] をクリックします。
3. [すべてを削除] をクリックし、[はい] をクリックしてこれらの情報を削除することを確認し、[OK] をクリックします。

* 以前のバージョンの Windows
1. Internet Explorer およびエクスプローラーをすべて終了します。
2. [スタート]→[コントロール パネル]→[インターネット オプション] の順にクリックします。
3. [全般] タブの [インターネット一時ファイル] の下の [ファイルの削除] をクリックします。
4. [ファイルの削除] ダイアログボックスの [すべてのオフライン コンテンツを削除する] チェックボックスをオンにし、[OK] をクリックします。
5. もう一度[OK] をクリックし、ダイアログボックスを消します。

上の作業が終わったら、再起動してから再びスーパーリロード（[Ctrl]+「F5」）を行なってください。

いかがでしょうか？きちんと更新されましたか？
これで更新したはずのホームページが、更新されない切ない日々とはさよならです＾＾
皆さんも試してしてみて下さいね。

特徴はなんといっても未登録でも保存容量無制限で使えてしまうことでしょう。

＜特徴＞
●未登録ユーザー
・高速な専用回線
・保存容量無制限
・最大1ファイル4GBまで(１回の操作で同時送信20個)
・フォルダごとアップロード可能
・最大7日間の預かり期間
・一つのダウンロードURLで複数のダウンロード可能
・パスワードによるアクセス制限
・コメントの挿入
・ダウンロードURL短縮機能

未登録でもこれだけすごいのに、無料登録ユーザーになればさらに嬉しい機能が。

●無料登録ユーザー(未登録ユーザーの機能に加え)
管理画面が利用可能に(無料)
・ダウンロード回数制限
・アクセス集計
・受信者による削除機能
・ダウンロード通知メール機能
・アップロードしたファイルをZIP形式で圧縮
・グループメール機能(グループごとにアドレスを登録して「ファイル送信案内メール」を一斉送信できます)

･･･とても無料だなんて信じられない高機能ですね。

使い方はとても簡単。
(1)「著作権侵害など違法なファイルではない」にあるチェックボックスにチェックを入れると、アップロードボタンが表示されます。
(2)保存期間を選択し、アップロードボタンをクリック。
(3)アップロードしたいファイルを選んで完了したら、ダウンロードURLが発行されます。
(4)このURLをメールでお相手にお知らせしたら終了です。
アップロードボタンをクリックする前に「さらに高度な機能を使う」にチェックを入れると、上記のような色々な機能が利用できますよ。

個人用途だけでなく、ビジネス用途でも利用可能です。

過去のオンラインストレージ系記事については、こちらをご覧下さい。
宅ふぃある便＆Evernote
無料で使えるオンライン ストレージ Windows Live SkyDrive

今日はiPhone、iPad の表示を PC 上で行うことのできる無料エミュレータ「iBBDemo3」について紹介します。

このiBBDemo3は、iPhone、iPadのシミュレータ。
Web制作時、iPhoneからの表示を確認するのにいちいちiPhoneを使うのが不便･･･そんなときにオススメです。
iPhone等の専用画面をＰＣ上で仮想再現することができるこちらのツール。iPhoneを使わなくても、どのような動作をするのかの簡単な確認をすることが可能です。
あくまでも仮想再現なので、完全に再現されているのかは不安がありますが、ちょっとした確認などには大活躍ですよ。
※一部の日本語サイトでページが表示できないバグが確認されています。

今回は、無料で、ブラウザ上で使える便利なツールを一挙に4つご紹介します。
今日ご紹介するツールは、全ソフトインストールいらず、ブラウザ上で使える物ばかりです。
今まで色んなソフトを起動しながらの作業がわずらわしくて仕方がなかったという方、ためしに使ってみたいという方必見ですよ。

1. ブラウザ上で写真加工できるサイト「ＮＥＶＥＲフォトエディター」

   

   こちらのツールは、画像の縮小やトリミングはもちろん、彩度や色味補正なんかもできてしまう、高機能な画像編集ツールです。
   ブログに載せる画像の加工等に使えそうですね。
   動作も軽快、感覚的に操作できちゃいますよ。

   詳しい使い方はこちらまで。
   インストール不要の無料画像加工ソフト　ＮＥＶＥＲフォトエディター

    

2. ブラウザ上でWord,Exel,パワーポイントが使える「google docs」

   

   Googleのアカウントさえあれば、ブラウザ上でエクセル・ワード・パワーポイント・簡単なペイントツールを使用することができます。
   それを他のアカウントの人とも共有できますよ。

    

3. ブラウザだけでフラッシュを作成してくれる「wonderfl」

   

   新しくFlashをつくることはもちろん、すでにwonderflへ投稿されている8万5000以上のActionScriptを自由にアレンジ、保存することができるサイトです。YahooやミクシーなどのIDで入ることができます。

    

4. ブログの携帯用画面などの確認が出来る「サイトビューワ」

   

   画面右のURL欄にアドレスを入力するだけで簡単に携帯サイトの表示チェックやブログの携帯用の表示調整などが出来ます。
   一番下に戻る進むボタンや各社キャリア切り替えボタンが付いているので、パソコン一つでかなりのキャリアをカバーすることができますよ。

 
このほかにも、まだまだ色々な便利なツールが世の中には存在しています。
皆さんも是非自分にあったツールを探してみてくださいね。

今日は、インストール不要の、画像をブラウザ上で簡単に加工したりサイズ変更したりできる、とっても便利なサイト　ＮＥＶＥＲフォトエディター　について紹介します。

ＮＥＶＥＲフォトエディター
http://photoeditor.naver.jp/

こちらのサイトを使えば、専用の画像編集ソフトをわざわざ起動しなくても、画像加工が出来ちゃいます。ブログ記事等にアップする写真加工にも便利。
ブラウザさえあれば起動するのでＯＳに依存しない上、感覚的にさくさく作業出来るので、知識の無い方でも使えちゃいますよ。

特徴は
１．無料
２．会員登録不要
３．ダウンロード不要。ブラウザ上で写真加工が出来る。
４．動きが速く、スムーズに加工が出来る。
５．５枚まで同時に加工可能。
などなど。便利な機能も盛りだくさんです！

使い方はいたってシンプル。
今回は、ブログ用に写真のサイズ調整をしてみましょう。

1. 「フォトエディターを起動」をクリック
   
2. フォトエディターが起動したら、右下の「参照」をクリックすると、画面に写真が表示されます。
   
3. 上のメニューバーから[サイズ調整]を選択します。
4. メニューバー下に現れた「サイズ調整」ボックスの、“比率維持”にチェックを入れ、縦横どちらかの比率を自由に変更し、[適用]をクリック。
   （画像の縁に現れた□をドラッグしても変更できます）
   
5. 好みのサイズになったら画面右下の[保存]をクリック。

以上です。この他にも、画像の明るさを調整したり、写真に人物が写ってしまった場合等に使用できる「ぼかし」機能なども、簡単に使うことが出来ます。

画像ソフトは敷居が高い…なんて思っている人も、ぜひ試しに使ってみてくださいね。