ID-Blogger

インターネットの最近の記事

HTML5+CSS3+スマートフォン対応でリニューアルいたしました

2010年版にWebサイトを全面的にリニューアルいたしました。
作業にあたって今後のWebサイト制作(HP制作)の指標となるべく新しい技術をテスト的に大量投入してみました。

flickrのRSSフィードから最新写真を表示するjQueryガジェット

Infinity Dimensions Flickr Photo Stream

知り合いのカメラマン門山さんから「flickrの写真をWebサイトに表示して、表示時間を制御できるガジェットってないですか?」とご相談があったので速攻作ってみました!!
今さらFlashでもナイかと思いjQueryライブラリのスクリプトで構築。こういうエフェクト絡んだのをサラッと作れてしまうjQueryステキ過ぎです♪

flickrが吐き出すRSSフィード(厳密にはJSON)を読み取って解析し、情報に従って写真をループ表示します。
とにかく簡単に実装や制御ができて、尚且つ汎用性の高いものを目指しました。
逆に細かくあれこれするようなタイプのスクリプトではナイので、写真の読み込が完了してから表示するとか気の利いたコトをしてないので初回表示遅いです...改造ベースにするなど割りきって使っていただければと思います。

SEO対策まとめTIPS 2010年版

一応Web制作を生業としておりますので日々それなりにSEO関係の情報を集めてはおりましたが、SEOに問題を抱えたWebサイトの案件がパタパタと入って来たもので、改めて最新のSEO対策をまとめて備忘録にしておこうと急遽思い立ちました。
SEO専門業者ではないので足りない部分もたくさんあるとは思いますが、自分なりに2010年の情報を中心に情報を集めました。かなりザックリした内容ですので詳細な解説などはリンク先の記事を読んでいただければと存じます。
Yahoo!Japanの検索エンジンがYSTからGoogleになるのが決定したので、YST(Yahoo! Search Technology)に対するSEO対策は情報収集しておりませんのでご留意ください。まぁ元からYahoo!の情報はほとんど集めてないんですが...


まずはSEOを考える上先にコレを読んでおくとイイよという記事一覧です。

以上を踏まえてババッと行きます!

ID流HTML構造論

Webサイトの構築に携わるようになって早10年...
いつか書こう書こうと思って温めてきた記事を書こうと思います。


これから勉強しようという初心者からプロのWebデザイナーまで、Webに関わる人の最も基本となるのがHTML(HyperText Markup Language)です。
HTMLは簡単に言うとWebサイトに文章や写真を載せたり、他のページにリンクを貼ったりするためのプログラミング言語です。
この地球上に存在するありとあらゆるWebサイトは必ずHTMLによって構成されているといっても過言ではナイでしょう。

ただこのHTMLには曖昧な部分も多くて、人によって文章の書き方が違うようにHTMLの記述の仕方が違ったりします。
正しい日本語を知らなくてもそれなりに文章が書けるのと同じ様なものです。

しかしさすがに10年もやっていると「果たしてこれで正しいのだろうか?」「プロとしてこれでいいのだろうか?」という疑問が沸々と湧いてきます。
これではイカン!!という事で数年前にHTMLについて本気で考えましたので、その成果を後世に残しておこうと思います。

Google FeedBurner+BloggerでBuzz日記を作って失敗編

日記的な内容のものはすっかりTwitterに移行してまいました。
コレはコレで便利なんですが、「日記」として考えるとあまりにも情報ブロックが細切れすぎてなんだかな~と。やっぱり月日別に追って見たいな~と。

いろいろ調べるとさすがにTwitterはAPIが充実しているだけあって、日記化してくれるサービスがいろいろありました。
たぶん一番使いやすそうなのが「Twilog」でしょうか。アカウント名突っ込むだけで誰のTweetでも月日別に読みやすく分けてくれます。

日記はコレでOK!...じゃツマラナイのでGoogle Buzzを日記化できないかな~と欲がw


Google Buzzの方にはさらに多彩にTwitter・FlickrYouTubeGoogle ReaderGoogle Sidewikiなんかの情報が集約されています。
これだけ集まってると日記を超越してもう人生ログなんじゃないかとw

「Twilog」みたいにBuzzをまとめてくれるサービスを探してみたのですが、Google Buzz APIがまだフィード情報くらいにしか対応してないので見つかりませんでした...


そこで着目したのがGoogle FeedBurnerGoogle Bloggerです。

Google FeedBurnerはRSSやAtomなんかのフィード情報をいろいろ操作したり管理したりする事ができるんですが、注目したのは登録したフィードをメール配信できる機能です。
Google Bloggerは言わずと知れたGoogleのブログサービスですが、こちらはメールで記事投稿が可能です。

というワケでこの2つを組み合わせてBuzz日記を作る実験をしてみました♪
あくまでこの記事は失敗した内容の備忘録ですので実行しないでください...

インターネットの過去の記事