フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Kwartz - kuwata-lab.com
Kwartz News (2010-10-26) kwartz-ruby 3.2.0 released (2006-10-22) kwartz-ruby 3.1.2 released (2006-09-29) kwartz-ruby and kwartz-php 3.1.1 released (2006-09-24) kwartz-ruby 3.1.0 released (2006-06-01) kwartz-ruby 3.0.0 released Introduction Fig1. Business layer and presentation layer have their own data and logic. Fig2. Kwartz vs. Other template system: Kwartz separates presentation logic from pres
XML名前空間の簡単な説明
XMLでは自由に独自のマークアップ言語（タグセット）を設計できますが、ウェブ上で情報を共有するときに、同じタグ名が異なる要素タイプを意味して衝突してしまう可能性があります。この問題を解決するためにXML名前空間は、それぞれのタグセットに固有のURIを割り当て、名前をURIで修飾することでお互いを区別します。名前空間は、ウェブ上で「意味」を明確に定義し、相互理解を可能にするために非常に重要な役割を果たします。 名前空間の導入 名前空間URIによる修飾と接頭辞 デフォルト名前空間 名前空間URIの意味するところ 名前空間の区画と属性の名前空間 参照文献 名前空間の導入 XMLでは独自のマークアップ言語（語彙）を自由に設計できますが、多くの人が利用する語彙は、標準的な語彙を共有する方が効率が良く、相互運用性も高まります。そこで、ひとつのXML文書を作成するのに、さまざまなマークアップ言語から語彙
特殊文字 HTML コード表 ⋆ CieLion.com
表示 HTML コード ISO 数値コード 説明 ! ! 感嘆符・イクスクラメーション " & quot ; " ダブル クォート # # ナンバー サイン $ $ ドル % % パーセント記号 & & amp ; & アンド、アンパーサンド ' ' アポストロフィー ( ( 左カッコ ) ) 右カッコ * * アスタリスク + + プラス記号 , , コンマ - - ハイフン . . ピリオド / & frasl ; / スラッシュ 0 - 9 0 - 9 数字 0-9 : : コロン ; ; セミコロン < & lt ; < 小なり = = イコール記号 > & gt ; > 大なり ? ? 疑問符・クエ
高性能なテキスト整形ツールAlignの使い方 #2 組み込みマッピングでテーブル構造を整形する — 名無しのvim使い
この記事では、整形ツールAlignに組み込みまれているマッピングを使用して、 CSV、TSVやHTML構造などの整形処理を行う方法を説明します。 (Windows, Mac) 概要 Align : Provides commands and maps to help produce aligned text, eqns, declarations, etc http://www.vim.org/scripts/script.php?script_id=294 この記事では、整形ツールAlignに組み込みまれているマッピングを使用して、 CSV、TSVやHTML構造などの整形処理を行う方法を説明します。 「 高性能なテキスト整形ツールAlignの使い方 #1 インストールから設定まで 」の続きとなる記事です。 テーブル構造の整形機能の使い方 Align にはテーブル構造の整形用に、いくつかの
Goodbye friends!
Hello all. After 14 years of existence, it's time to wave goodbye to BlueGriffon. There are many reasons for that, some related to technology (for instance Mozilla killing XUL), some related to me (my will to change and move to something else after so many years), and some others related to corporate context (I'm fed up with running a small company). It's been a wild ride of two decades (Netscape,
xml.vimでXMLとかHTMLとかの編集機能を強化する - 肉とビールとパンケーキ by @sotarok
こう、選択範囲を特定タグで囲んだりうまいことやってやりたいよとか、よくありますよねー。 xml.vim ってやつを使います。現在のバージョンは1.84でした。 xmledit - A filetype plugin to help edit XML, HTML, and SGML documents : vim online インストール インストールは $HOME/.vim/plugin にダウンロードするだけ。 % wget -O ~/.vim/plugin/xml.vim "http://www.vim.org/scripts/download_script.php?src_id=10362" 選択範囲をタグで囲む まぁとりあえずは、これがやりたかっただけ。 まず、 "vit" とかでタグ内の要素を選択とかしちゃう。 そしたら、"￥x"。タグ入力しろっていわれる*1。とりあえず、aと
canonical属性とは／link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩（前編） | Web担当者Forum
canonical（カノニカル）タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか？ 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search（マイクロソフト）は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる（ただし、自サイト内の問題のせいで生じる重複インデックスのみ）。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関
hyperref - TeX Wiki
PXjahyper † PXjahyper パッケージは (u)pLaTeX + hyperref + dvipdfmx の環境における日本語の「しおり」の作成を支援する upLaTeX, pLaTeX 用のパッケージです． PXjahyper パッケージは TeX Live に含まれています． ↑ hyperref を使用するとページサイズの値がおかしくなる † PXjahyper パッケージ v0.3 以降を使用するとページサイズを正しい値に修正してくれます（pxjahyper パッケージ を参照）． PXjahyper パッケージが使用できない場合は hyperref のオプションに setpagesize=false を指定して回避することも可能です． hyperref のオプションに setpagesize=false を指定する \usepackage[dvipdfmx,set
HTML Entities for Ruby
About HTMLEntities is a simple library to facilitate encoding and decoding of named (ý and so on) or numerical ({ or Ī) entities in HTML and XHTML documents. The current release is version 4.0.0. Changes since version 3.0.1 Now understands all the entities referred to in the XHTML 1.0 DTD (253 entities compared with 131 in version 3.0.1). Calls to_s on parameters to play nicely with Rails 1.2.1. E
Erubis: fast and extensible eRuby implementation - kuwata-lab.com
Erubis News [2011-04-01] erubis-2.7.0 released [2010-06-27] erubis-2.6.6 released [2009-07-20] erubis-2.6.5 released [2009-02-18] erubis-2.6.4 released [2009-02-07] erubis-2.6.3 released Introduction Erubis is a fast, secure, and very extensible implementation of eRuby. It has the following features. Very fast, almost three times faster than ERB and about ten percent faster than eruby (implemented
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
URL Design — Warpspire
December 28, 2010 URL Design You should take time to design your URL structure. If there’s one thing I hope you remember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. I can’t say there are any “right” solutions — it’s much like the
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
HTML/JavaScript/CSSをシェイプアップ！·Patu Digua MOONGIFT
HTMLやJavaScript、CSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない（中には意味のあるスペースもあるが）。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。 HTML/JavaScript/CSSのサイズを軽減 そのためのツール（難読化ツール）はいくつか存在するが、HTML/JavaScript/CSSのいずれにも対応したものは多くない。そこでPatu Diguaだ。 今回紹介するオープンソース・ソフトウェアはPatu Digua、HTML/JavaScript/CSSからスペースやコメントを排除するソフトウェアだ。 Patu DiguaはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxで動作する。指定したファイルからコメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなダイアリーのヘルプ - はてなダイアリー利用可能タグ
https://www.vim.org/scripts/script.php?script_id=2981
The W3C Markup Validation Service
Mozilla Labs » Chromeless Browser