はてなブックマーク

Web Messagingとは Web Messagingとは対応ブラウザ IE 9：○（チャネルメッセージング未実装） FireFox 9.0：○（チャネルメッセージング未実装） Opera 11.60：○ Chrome 16.0：○ Safari 5.1：○ ※Windows 7上で動作確認を行っています。 ※ブラウザの設定より、異なる挙動をする場合があります。 ※ブラウザにWeb Messaging自体が実装されている場合に「○」としています。個々のメソッドや属性などについては未実装である場合があります。 解説 コードによるほかのウィンドウ、タブ、フレームへのアクセスは、通常、セキュリティ上の理由から、同一オリジンのドキュメントの間だけに制限されています。 ここでいうオリジン（origin 生成元）というのは、ドキュメントのURLのうち、スキーム、ドメイン、ポートを合わせた部分のこと

transform-originの解説 トランスフォームの原点を指定するには? 要素書式 transform-origin: 【原点の水平位置】 【原点の垂直位置】 ; 対応ブラウザ IE 9：○(-ms-transform-origin) Firefox 10.0：○(-moz-transform-origin) Opera 11.61：○(-o-transform-origin) Chrome 17.0：○(-webkit-transform-origin) Safari 5.1：○(-webkit-transform-origin) ※現在、動作にベンダープレフィックスが必要なブラウザは、括弧内にベンダープレフィックス付のプロパティを記載しています。 ※ブラウザはWindows 7上で動作確認を行っています。 ※ユーザーの設定より、異なる挙動をする場合があります。 値一覧 値内容原点

COUNTIF, IFの解説 重複データを抽出する方法 COUNTIF関数とIF関数を使用すると、名簿や商品リストなどから重複データを抽出することができます。 重複データの抽出方法は、まず、COUNTIF関数を用いてそれぞれの項目のデータの数を求めます。データの数が1つならば重複データがなかったことがわかります。また、データの数が2つ以上ならば重複データがあったことがわかります。 次に、IF関数を用いて、データの数が2つ以上ならばデータの横のセルに「重複」と表示するようにします。 =COUNTIF(範囲,調べるデータ) 「範囲」･･･重複データを抽出するセルの範囲を指定します。 「調べるデータ」･･･調べるデータを指定します。 「=COUNTIF(範囲,調べるデータ)」でデータの数を求めます。 IF関数を用いて、データの数が2つ以上ならば「重複」と表示して1つならば何も表示しないようにしま

writing-modeの解説 縦書き・横書きを指定するには? 要素書式 writing-mode : 【書記方向】 ; 対応ブラウザ IE 9：○(-ms-writing-mode / writing-mode でもよいが実装は独自) Firefox 10.0：× Opera 11.61：× Chrome 17.0：○(-webkit-writing-mode) Safari 5.1：○(-webkit-writing-mode) ※現在、動作にベンダープレフィックスが必要なブラウザは、括弧内にベンダープレフィックス付のプロパティを記載しています。 ※ブラウザはWindows 7上で動作確認を行っています。 ※ユーザーの設定より、異なる挙動をする場合があります。 値一覧 以下はIEの実装です。 値内容lr-tb行内のテキストは左から右へ進み、行は上から下へ進む。横書き。英語などの方式。l

Web Storageでデータの読み書きを行うには？ Web Storageでデータの読み書きを行うには？解説 ブラウザにデータを保存するWeb Storageには、データを保持する単位の違いに応じてローカルストレージとセッションストレージという二種類の保存領域があります。この二つの違いは、セッションストレージはタブやウィンドウごとに生成され、閉じられると削除されるのに対して、ローカルストレージは意図的に削除しない限り内容が保持されるということです。 ローカルストレージとセッションストレージの対比とデータが保持される単位については、ローカルストレージとセッションストレージの違いは？を参照ください。 ローカルストレージにはwindowオブジェクトのlocalStorage属性、セッションストレージにはwindowオブジェクトのsessionStorage属性を通じてアクセスします。 // ロ

メモリフットプリント 別名： メモリーフットプリント 【英】 memory footprint メモリフットプリントとは、コンピュータ上でプログラムが動作する際に使用されるメインメモリの容量（メモリ使用量）のことである。 一般的に、大規模なプログラムほど大きなフットプリントを必要とする。物理メモリ量に対するメモリフットプリントの割合が大きければ大きいほど、システムが不安定になったり障害が発生したりしやすくなる。 メモリフットプリントは、単に「フットプリント」と呼ばれることも多い。ただし、フットプリントという場合はディスプレイやサーバーを設置した場合の設置面積などを意味している場合もある。

WebSocketのサンプルコード サンプルサンプル　サーバー側（Jetty 8による実装） このサンプルを試すにはサーバー側とクライアント側の準備が必要です。 サーバー側は、Javaサーブレットの実行環境である、Jettyを用います。 サンプルを動かす手順は、基本的にはHTTPサーブレットと同じです。 まず、サンプルのJavaファイルをコンパイルしたクラスファイルを作ります。 コンパイルするには、「jetty-websocket-バージョン番号.jar」と「servlet-api-バージョン番号.jar」を参照する必要があります。 バージョン番号はJettyに添付されているファイルのバージョンに読み替えてください。Jetty自体は基本的に8.0以上が必要です。 package wsapp; import java.io.IOException; import java.util.Set;

videoタグの解説 ビデオを再生するには？ videoタグの書式 <video>～</video> videoタグに対応しているブラウザ Internet Explorer 9：○ Firefox 9.0：○ Opera 11.6：○ Chrome 16.0：○ Safari 5.1：○ ※Windows 7上で動作確認を行っています。 ※ブラウザの設定より、異なる挙動をする場合があります。 videoタグの属性一覧 属性内容グローバル属性※グローバル属性のページを参照してください。src再生するビデオファイルのパスを指定します。preloadページロード（読み込み）時に、ビデオデータをあらかじめ読み込むかどうかの指定をします。 指定できる値は次の通りです。 「none」：なし 「metadata」：メタデータのみ読み込む 「auto」：自動 なお、値にブランクを指定した場合（prelo

HTML5 JavaScript APIリファレンス HTML5 JavaScript APIリファレンスとは？ HTML5 JavaScript APIリファレンスは、「HTML5 JavaScript API」の新しい機能や使い方を解説する無料のリファレンスサイトです。 HTML5 JavaScript APIリファレンスでは、HTML5 JavaScript APIで使える主な機能を、具体的な項目ごとにそれぞれ解説しています。画像による解説やサンプルコードなども参照できます。HTML5 JavaScript APIに初めて触れる人の入門としても適しています。 HTML5 JavaScript APIとは？ HTML5 JavaScript APIは、W3Cが策定を進めている「HTML5」の新仕様のうち、JavaScriptを呼び出してより高度な機能を実現するものです。そのため、単にJ

@font-faceの解説 Webフォントを指定するには? ＠ルール書式 @font-face { font-family:【フォント集合名】; src:【フォントへの参照】 [ ,【フォントへの参照】... ]; [ 【オプションのフォント記述子】:【オプションのフォント記述子の値】;... ] } 対応ブラウザ IE 9：○ Firefox 10.0：○ Opera 11.61：○ Chrome 17.0：○ Safari 5.1：○ ※現在、動作にベンダープレフィックスが必要なブラウザは、括弧内にベンダープレフィックス付のプロパティを記載しています。 ※ブラウザはWindows 7上で動作確認を行っています。 ※ユーザーの設定より、異なる挙動をする場合があります。 フォント記述子一覧 font-familyとsrcの指定は、省略しても文法的なエラーにはなりませんが、フォントを実際に要

CSS3リファレンス CSS3リファレンスとは？ CSS3リファレンスは、CSSの次世代の規格「CSS3」（Cascading Style Sheets level 3）の使い方を基本から解説する入門リファレンス辞典です。 CSS3リファレンスでは、CSS3で新しく追加された機能を中心に、基本的な機能や使い方などを解説しています。各要素で使用できる値や対応ブラウザなどを調べることもできます。 各解説には、HTMLの記述にCSS3を組み込んだサンプルソースコードがあります。HTML形式で保存してブラウザで開けば、実際にどのように表示されるかを確認できます。 CSS3とは？ CSS3は、W3Cが勧告しているCSSの次世代の仕様です。2011年から段階的に公開されており、2012年3月現在も仕様策定作業が進められています。 CSSはHTMLやXHTMLなどの文書の表示・見栄えを指定できる技術です

linear-gradientの解説 関数書式 linear-gradient(【グラデーションの向き】, 【色指定】, 【色指定】 [, 【色指定】...]) 対応ブラウザ IE 9：× Firefox 10.0：○(-moz-linear-gradient) Opera 11.61：○(-o-linear-gradient) Chrome 17.0：○(-webkit-linear-gradient) Safari 5.1：○(-webkit-linear-gradient) ※現在、動作にベンダープレフィックスが必要なブラウザは、括弧内にベンダープレフィックス付のプロパティを記載しています。 ※ブラウザはWindows 7上で動作確認を行っています。 ※ユーザーの設定より、異なる挙動をする場合があります。 引数一覧 グラデーションの向きの指定は省略可能です。 以下、文中での「ボックス

シークバー 【英】 seek bar シークバーとは、音楽・動画再生ソフトなどに備わる機能のひとつで、データの再生箇所を表示する機能のことである。音楽やムービーの始めから終わりまでのうちどこまでを再生しているのかが「スライダー」の位置によって視覚的に把握できる、スライダーをマウスで直接移動させ、それによって任意の箇所から再生を始めることができる、といった利点がある。 シークバーは通常、再生箇所を示すスライダーがバー上を左から右へ移動してゆく形式を取っている。例えば5分間の動画を再生する場合、ちょうど中間にスライダーが位置していれば再生経過時間が2分半の時点であることを示している。このときシークバー上の任意の箇所をクリックすれば、その箇所から再生することができる。停止中の動画であれば、コマを示すこともできる。シークバーの中には、ドラッグすることによって再生速度を自由に調節することのできる機能

ジョン・マッカーシー 【英】 John McCarthy ジョン・マッカーシーとは、米国のコンピューター科学者である。1927年生まれ。マービン・ミンスキーと並ぶ、初期の人工知能研究の第一人者として知られている。またタイムシェアリングシステムの考案や、プログラミング言語「LISP」を開発したことでも有名である。 ※肖像は御本人の許可を得て掲載しております。 1952年、プリンストン大学で博士号取得。1971年にはチューリング賞を受賞している。現在はスタンフォード大学でコンピュータ科学の教鞭を執っている。 参照リンク John McCarthy's Home Page

DAU フルスペル： Daily Active Users 読み方： ディーエーユー 別名： デイリーアクティブユーザー ， デイリーアクティブユーザー数 ， 1日当りアクティブユーザー数 DAUとは、SNSをはじめとするソーシャルメディアやソーシャルアプリなどにおいて、1日にサービスを利用したユーザー（アクティブユーザー）の数のことである。ソーシャルメディアの利用状況を計る指標のひとつとして用いられる。 DAUと同様、月間のアクティブなユーザー数を計る指標はMAU（Monthly Active Users）、1週間あたりのアクティブなユーザー数はWAU（Weekly Active Users）と呼ばれる。 ソーシャルメディアのような会員登録制のサービスでは、登録したもののほとんどサービスを利用していないユーザーも存在する。そのため、サービスの規模やKPIの指標としてDAUやMAUを重視す

ゴリラガラス 別名： Gorillaガラス ， Corning Gorillaガラス ， コーニングGorillaガラス 【英】 Gorilla Glass ゴリラガラスとは、特殊ガラス材メーカーのCorningが開発した強化ガラスの名称である。 ゴリラガラスは、アルミノケイ酸ガラスと呼ばれる高強度・剛性のガラス素材が使用されている。その強度はプラスチックの数十倍とも言われる。0.5mm前後の薄さが実現可能であり、手触りもよいといった長所もある。このため、ゴリラガラスはスマートフォンのタッチディスプレイや大画面のFPDのディスプレイなどに多く採用されている。 ゴリラガラスを採用している製品の例として、AppleのiPhone 4、サムスン電子のGalaxy Tab、Galaxy Sなどがある。2011年1月現在、280を超える製品モデルにゴリラガラスが搭載されていると発表されている。 なお

ソーシャルグラフ 【英】 Social Graph ソーシャルグラフとは、Web上での人間の相関関係や、そのつながり、結びつきを意味する概念である。 ソーシャルグラフは、主にユーザー間のつながりを活かした機能として活用されている。例えば、SNS（ソーシャルネットワーキングサービス）をはじめとするソーシャルメディアで提供されている、あしあと機能やコメント、情報公開・共有といった機能が、ユーザー間のかかわりを促進することでソーシャルグラフを形成する。 ソーシャルグラフの概念は、OpenIDを提唱したことでも知られるブラッド・フィッツパトリック（Brad Fitzpatrick）らによって2007年頃に提唱された。 参照リンク Thoughts on the Social Graph - （Brad Fitzpatrick、英語）

Retinaディスプレイ 読み方： レティーナディスプレイ ， レティナディスプレイ ， レチナディスプレイ 【英】 Retina-display Retinaディスプレイとは、AppleがiPhone 4で初めて採用した独自の高精細ディスプレイの名称である。「Retina」とは英語で「網膜」を意味する。 Retinaディスプレイの特徴は画面解像度の高さにある。iPhone 4の画面サイズは前モデルのiPhone 3GSと同じ3.5インチのままであるが、Retinaディスプレイの搭載によって解像度は320×480ピクセルから960×640ピクセルに、つまり4倍になっている。 1インチあたりの画素数（ppi）で示すと、初代のiPhoneからiPhone 3Gまでは163ppiだったのに対して、iPhone 4のRetinaディスプレイでは326ppiになっている。ppiは1インチ幅の中に敷き