ID-Blogger
【ID-Blogger】はWeb制作に関する技術情報など気になった事を綴るスタッフブログです。

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について本気で考えましたので、その成果を後世に残しておこうと思います。

ID流ビジネスメールの書き方と使い方[1]

以前からず~っと気になっていていつかブログに書こう書こうと思っておりましたが、いよいよ満を持して書こうと思います。
いわゆる「ビジネスメールの書き方と使い方」というやつです。

もはやビジネスシーンにも欠かせないツールとして定着した電子メールですが、日頃のやりとりの中で使いこなしている企業はまだ少ないなと感じていました。

弊社では新人教育としてまず最初にメールの書き方を徹底的に指導しています。
その理由には下記のようなものがあげられます。

  1. 電話以上に利用シーンが多い。
  2. 手紙的な側面を持っている。
  3. 後々まで残る。
  4. 正式なビジネス文書になる。
  5. 業務の対応レベルが見透かされる。
  6. 社内の教育レベルが見透かされる。
  7. 取引先との関係性が見透かされる。

マナー的な要素を多分に含んでいますが、何よりも自社の総合的な業務レベルが見透かされてしまう点が非常に大きいです。
また15年ほど前までには存在しなかった手紙とビジネス文書を複合した書面という側面もありますので、電子メール特有の書き方というものが要求される事になります。


というワケで長年の研究の末ある程度テンプレート化できたので、「ID流ビジネスメールの書き方と使い方」のポイントをあげていこうと思います。

Tumblrの写真をスクリーンセーバーにしてみる。

Twitterの影に隠れつつも着実にユーザーを増やしているTumblr
アンダーグラウンド臭漂う怪しいサービスですがハマったら抜け出せない魅力満載です!

そんなTumblrのDashboardに流れてくる世界中の選りすぐりの写真やオモシロ画像をひたすらにReblogしまくるのもイイのですが、せっかくなのでWindowsのスクリーンセーバーにしてみようかと思いますw

オープンソースカンファレンス2010 Sendai

オープンソースカンファレンス2010Sendai

5月22日(土)に開催された「オープンソースカンファレンス2010 Sendai」OpenOffice.org仙台ユーザーズグループとして参加してきました。
普段はなかなか話をする事のナイような技術的な話がいろいろ聞けたり、マニア垂涎のお宝グッズを頂いたり楽しかったですw

P4VMA-MをSATA化してUbuntu10.04LTSをインストール

HDD WD5000BEVT

前回の記事の通り古いHDDにUbuntu10.04LTSはインストール不能っぽい事が判明。
どうせファイルサーバーを新しくしようと思っていたので、この機会に余剰PCパーツからUbuntuファイルサーバーを組む事にしました。

マザーボードはBiostar社製の「P4VMA-M(Ver7.8)」を使い、これにSATAのHDDを組み合わせる構成にします。

パカパカとパーツを突っ込んでサーバー用PCを組み上げ、さてUbuntu10.04LTSをインストールしますか!と思いきやBIOSがSATAのHDDを認識しない?!
なぜ?

古いHDDにUbuntu10.04LTSはインストール不能?

Grub error: symbol 'grub_puts_' not found

先月Ubuntu Studioをインストールしたのですが楽しみに待ってた10.04にアップグレードしたらお亡くなりになりました...
もうエラー出まくりですw

  1. アップグレード再起動でGrubで「error : invalid grub arch independent ELF magic. grub rescue>」
  2. Grub再インストール再起動で「error: symbol 'grub_puts_' not found」
  3. 諦めてUbuntu10.04LTSクリーンインストールするも「end_request: I/O error」を大量に吐く
  4. Live CDからGrub再インストールするも「initramfs」から停止
  5. 諦めて別PC組んでUbuntu10.04LTSクリーンインストールするも「error: symbol 'grub_puts_' not found」

なんですかコレはーーー!!
まあ発表されてすぐの状況なんでやもおえないかな...
いろいろ解決法を探しまわった道中のURLを念のため残しておきます。

というワケで原因究明を行いました。

OpenOffice.org仙台ユーザーズグループ

OpenOffice.org仙台ユーザーズグループロゴ

長年お世話になっているサンゴー企画さんが主催している「OpenOffice.org仙台ユーザーズグループ」ですが、元のサーバーが老朽化というコトでウチでお預かりする事になりました。

旧URL:http://nakagsk.mydns.to/~sango/ooosendai/
 ↓
新URL:http://ooosendai.infinity-dimensions.com/

お預かりついでに全面リニューアル。
企業の導入事例とかいろいろ入ると思いますのでOpenOffice.orgユーザーの方は宜しくお願いいたします。