Archive for the ‘Webサービス’ Category

WordPressのブログにFoursquareのログを載せる

火曜日, 3月 30th, 2010

自分も、今年の1月あたりからこっそりと使っているWebサービスであるFoursquare(foursquare)のログをWordPressで書いているこのブログのサイドバーあたりにでも載せようかと思い、簡単なスクリプトを書いてみたので公開してみます。本当だったら、これをプラグインのような形で開発し、公開することができれば、より多くの方にお届けすることができるのですが、プラグインについてはまた次の機会にでも、としようと思っています。

Foursquareって何?

Foursquareって何?と思った方もいるかと思いますので、簡単に説明させていただきます。Foursquareとは、位置情報に基づいたSNSのWebサイトです。ユーザがどこかに行った際にその場所をGPSなどを用いてFoursquareに送信し、位置情報がログとしてサーバに残るという仕組みです。これをSNS的に使うことで、いろいろ面白そうなサービスができそうだ、というのが楽観的な考えです。また、技術者にとってはtwitterと同じくアプリケーションの機能のほとんどがAPI(Application Program Interface)として提供されているため、これからどういった動きをするかが気になるところですね。

(続きを読む…)

自分のツイートログをメールで受信する

日曜日, 2月 21st, 2010

似たサービスでツイートメールというサービスもあるのでまずはツイートメールについての説明をしようと思います。ツイートメールは自分のツイートを対象としたものではなく、(自分も含めて)気になっているユーザのつぶやき1日分をまとめて次の日にメールで送信してくれるサービスです。このツイートメールは、自分のつぶやきをメールで送信する、ということに特化したツールではないため、自分のツイートログをメールの形で残そう、という人には最適なツールではないでしょう。もし、自分のツイートログをメールの形で残そうと思った場合、ツイートだけでなく、自分がお気に入りに入れたツイートもログに載せて欲しいだろうし、ツイートだけでなく、ダイレクト・メッセージで送受信したメッセージもログに載せたいと思うのは当然でしょう。しかし、自分がざっとググってみた結果、これらをまとめてやってくれるサービスというものが見つからない、というのが現状でした。そこで、「ないなら作ってやろう」という理系的な発想でざっとプログラムを書いてみましたので、ここで紹介しようと思います。

(続きを読む…)

HTML5によるブログのマークアップ

木曜日, 1月 7th, 2010

現在使われているWEBのマークアップ言語HTMLの新バージョン5の仕様がいろいろなところで公開されています。このHTML5では、今までのバージョン4と比べ、非常に多くのタグを利用可能になっております。これらのHTML5で新しく使えるようになったタグの多くは、セマンティック・ウェブの実現、インタラクティブなウェブページの開発を容易にすることに目を向けたタグになっています。では、このHTML5を使った場合、ブログはどのようにマークアップするべきなのかについて、書いてみようと思います。

なお、当記事は、<html>5 doctor::Designing a blog with html5の記事を、自分なりに和訳して理解したものを書いています。場合によっては和訳が間違っており、正しくないことを書いてしまっている場合もあります。もし、おかしな点などございましたら、上記サイトから、該当箇所を確認していただくか、コメント欄やtwitter(@1987yama3)までご連絡いただけたらと思います。

全体的なマークアップ方法

ここで書くことは、ブログのみに適用できることではなく、ブログ以外の一般サイトにも適用させることができる内容となっています。/p>

まず、HTML5では、<header>タグや<nav>タグ、<footer>タグが利用可能になっています。これらのタグはそれぞれヘッダー、ナビゲーション、フッターを表します。今までは、それぞれを<div id=”header”>, <div id=”navigation”> , <div id=”footer”>などのように記述することが多かったのですが、HTML5では新しいタグを用いることによって、それぞれ<header>, <nav>, <footer>タグによって行います。

次のソースは具体的な例になります。

今までのマークアップ方法

<div id="header">
    <!-- タイトルなどのヘッダー -->
</div>
<div id="navigation">
    <!-- ナビゲーション(サイドバー) -->
</div>
<div id="content">
    <!-- コンテンツ関連の記述(省略) -->
</div>
<div id="footer">
    <!-- フッター -->
</div>

(続きを読む…)

2010年はクラウドの年か?

土曜日, 1月 2nd, 2010

ブログの読者の皆さま、明けましておめでとうございます。昨年は一時期ブログの更新頻度が減ってしまったのですが、今年は出来る限り更新していこうと思っています。具体的な今年の目標は次のブログ記事で更新しようかなと思います。

では、この記事では今年のウェブを取り巻く環境がどのようになるか?を書いていこうかと思います。

昨年はネットブックが普及した

昨年はネットブックの普及が一気に進んだ気がします。本来ならネットブックが6~7万くらいで売られるというのが常識だったと思うのですが、ネットブックとの親和性の高いE-Mobileとの抱き合わせ販売により、100円ネットブックや10000円ネットブックなど格安で購入できるようになりました。

E-Mobileの契約が必須とはいえ、100円でネットブックが購入できるとなったので、購入した人も多いのではないでしょうか?しかし、ネットブックのほとんどは、マシン性能を通常のデスクトップPCやノートPCと比べ、落としたものです。ですので、WordやExcel、PowerPointなどの通常のパソコンで普段利用しているアプリケーションがインストールされておらず戸惑った人もいると思います。しかし、そこはネットブックということで割り切って、ウェブ・サービスを使うようになったのではないでしょうか?今年2010年はそのようなウェブ・サービスが今まで以上に普及するのではないでしょうか?

クラウドとは何か

クラウドについて、多少知っている人もいるかもしれません。クラウドとは、PC上のデータをマシンでなく、ウェブの中においておくことで、メリットを享受できるような状態のことを指します。今までであれば、データを自分のパソコンのハードディスクに保存していたと思います。ですので、もしほかのPC(ネットカフェや友人のPC、学校のPCなど)でそのデータが欲しければ事前にUSBフラッシュメモリーなどに該当のデータを保存しておく必要がありました。だからもし、必要なデータがフラッシュメモリー上に入っていなければ諦めるしかないですし、同じファイルのコピーが自分のPCのハードディスク内とフラッシュメモリー内の2箇所(もしくはそれ以上)に分散して存在してしまいます。こうなってしまうと、どれが最新のファイルなのかが分からなくなります。

しかし、今まで自分のパソコンのハードディスク内に入っているデータをウェブ上(クラウド)に保存したとしたらどうなるのか考えてみましょう。これなら、たとえネットカフェや友人のPC、学校のPCなどで自分のデータが必要だと思ったときには、ウェブ上(クラウド)から該当のデータをダウンロードするなりするだけで済みます。さらに、データはウェブ上にのみしか存在しないので、データがいろいろな場所に分散するという事態も免れることができます。また、データの消失を不安視する人もいるかもしれません。しかし、自分のPC内でデータを保存していたとしてもPCの故障によりデータが消失する可能性はあります。しかし、クラウドならば大抵は運営会社側でしっかりとバックアップを取っていますので、自分でデータを管理するよりは消失の可能性は低いと考えられます。

(続きを読む…)

HTML5における新しいフォームのマークアップ

水曜日, 12月 30th, 2009

現在使われているWEBのマークアップ言語HTMLの新バージョン5の仕様がいろいろなところで公開されています。このHTML5では、今までのバージョン4と比べ、非常に多くのタグを利用可能になっております。これらのHTML5で新しく使えるようになったタグの多くは、セマンティック・ウェブの実現、インタラクティブなウェブページの開発を容易にすることに目を向けたタグになっています。そこでこの記事では、HTML5で新しくなったものの1つであるフォームについて解説しようと思います。

なお、当記事は、<html>5 doctor::Designing a blog with html5の記事を、自分なりに和訳して理解したものを書いています。場合によっては和訳が間違っており、正しくないことを書いてしまっている場合もあります。もし、おかしな点などございましたら、上記サイトから、該当箇所を確認していただくか、コメント欄やtwitter(@1987yama3)までご連絡いただけたらと思います。

(続きを読む…)

Get Adobe Flash playerPlugin by wpburn.com wordpress themes