フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
ウェブ未来論：第3回 - @i2kのブログ
「ウェブ未来論」はNTT出版Webマガジンに掲載されています。最新の記事はこちらから。 前回は、インターネットのアーキテクチャーそのものの特性として、分散性とエンド・ツー・エンド原則を取り上げた。これらは、全世界的なコミュニケーション基盤を構築し、その基盤の上でさまざまなコミュニケーションの形態を実現するために必要不可欠なものであった。 実際に、インターネットではさまざまなコミュニケーションサービスが考案され、運用された。代表的なサービスとしてはEメールやファイル転送（FTP）、ネットニュースなどがある。ウェブも、インターネットを利用するサービスのひとつとして提案された。それぞれのサービスには異なった目的があり、異なったアーキテクチャがある。ここでは、ウェブが目指すもの、そしてそのアーキテクチャについて見ていく。 ハイパーテキストの歴史 ウェブ（World Wide Web）は、「ハイパー
長尾のブログ2.0: コンテンツ・フューチャー（その１）
最近、「CONTENT'S FUTURE ポストYouTube時代のクリエイティビティ」（小寺信良・津田大介著 翔泳社 2007）という本を読んだ。 この本は複数の人との対談集なので、いろいろな人のいろいろな意見がざっくばらんに入っていて、主張点が分散してしまい、内容が記憶に残りにくい。 そこで、この本を僕なりに編集し直して、何が言いたいのかもう少しわかるようにしてみようと思う。 この本はコンテンツの未来を語るというより、コンテンツの今（つまり現実）を語っている部分が多い。 実際にコンテンツの制作に関わっている人を多く集めているのだから当然だけど。 この本は今後現れるであろう新しいタイプのコンテンツについてはほとんど何も言っていない。 多少思いつき程度で語られているものはあるけれど、実は今のテクノロジーですでに実現されているもので、未来のコンテンツと言えるほど発想が飛躍しているものではない
Web 2.0っぽいロゴがさくっと作れる『LogoCreatr』 | SiMPLE*SiMPLE
またかよ・・・という方もいらっしゃるかと思いますがｗ、Web 2.0風のロゴジェネレーターをご紹介。いろいろ設定できて便利ですよ。 ↑ 設定項目はこちら。フォントの色、サイズ、星の形などいろいろできます。文字ごとに色も変えられますね。 ↑ この設定で作ってみたのがこちら。 ↑ ちなみに別メニューでボタンジェネレータもありますね。こちらも便利。 似たようなジェネレータは他にもありますが、かなり柔軟に設定できるので個人的にはこれが今のところ一番かも。よろしければどうぞ。 » Web2.0 – Logo Creatr こちらもあわせてどうぞ。 » 簡単に2.0っぽいロゴがつくれるメーカー | i d e a * i d e a
MOONGIFT: � クールなボタンを作る「ButtonBuilder」:オープンソースを毎日紹介
アクア風なデザインの流行も収まったかと思うが、それでも様々なサイトで利用されている。透明感、丸みのあるデザインがクールなサイト、ポップなサイトどちらにも使えるのが便利だ。 そんなアクア風ボタンを作るTipsは各種あるが、一つのソフトウェアだけで簡単に終わらせてしまうのがこれだ。 今回紹介するオープンソース・ソフトウェアはButtonBuilder、アクア風ボタン作成ソフトウェアだ。 ButtonBuilderには黒、青、緑、赤、白をベースに細長、楕円、四角など様々な形のボタンが用意されている。後は文字色や配置を決めればごく簡単にボタンが出来上がる。 吹き出し風の画像や鉛筆、中止ボタン風の画像もあり、ボタンだけでなく様々な用途で使えそうだ。大きさや影、幅、文字の配置、背景色、フォントは自由に変更できる。 テキストは一行になっているが、Alt+Enterで複数行の入力が可能だ。サイトのアクセン
オライリー風の表紙を作れるサイト | スラド IT
「実践 社内パケット解析」 〜定例ミーティングを使ったトラブルシューティング 本書は、会議室で社内プロトコルを見ながら会社の中で 実際に何が起こっているかを理解する方法について学ぶ、 派閥間トラブルシューティングの指南書です。 #稟議書出したんだけど、なかなか返事が来ないもんだから、 #社長までtracerouteしてみたら、ものすごいhop数だった。 #従業員が100人足らずの会社なのに。
ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏
miniturbo.org - Safari 3.1のWebインスペクタが便利
昨日、Safari 3.1がリリースされたようです。 「パブリックベータ」もいつのまにかなくなり、メニューなども日本語表示となりました！ で、早速使ってみたのですが、「開発」メニューにあるWebインスペクタが便利すぎてたまりません。 こんな感じで、ドキュメントをDOMツリーで展開しながら、要素の詳細を見たり、 こんな感じで、コンソールから直接JavaScriptを実行できたりします。 ちなみに、Firebugと同じくconsole.log関数などが使えるみたいです。 Selectors APIも動くみたい。これ便利すぎる。 ファイルのやりとりをグラフィカルに表示。とてもキレイでいいですね。 ファイルの種類によって色分けがされていて、とても見やすいです。 まるでSafari版Firebugですね。みなさんもぜひ使って見てください！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイティブなE-コマースサイトいろいろ - DesignWalker
RSSリーダーがフツーの人に普及しなかった訳 - Core
長文日記