あなたの知らない超絶便利なWeb開発を叶える仕様Web Componentsとは
Web Componentsとは 本稿では、Google I/O 2013の中から、「Web Components」に関するセッションをレポートする。 「Web Components」は、簡単にいうと、Web（HTML）をコンポーネント化するための仕組みで、再利用性やメンテナンス性、開発効率を上げるのに大きな効果があるといわれている。 今年のGoogle I/Oでは、次の2つのセッションでWeb Componentsについて解説があった。 Web Components: A Tectonic Shift for Web Development（Google Chromeチーム 開発者Eric Bidelman氏） 資料：http://www.WebComponentsshift.com/ 「Web Components: A Tectonic Shift for Web Developme
Maker達のお祭りがやってきた！ Maker Faire Tokyo 2012
オライリーの雑誌Make: Technology on Your Time（自分の時間にテクノロジを使おう！）の愛好家、ものづくりを楽しむMakerたちにとって待ちに待ったイベント、Maker Faire Tokyo 2012が12月1日から2日の土・日、お台場 科学未来館で開催された。前回のイベントから1年、全国のMakerにとって、待ちに待ったイベントとなった。 今回のMaker Faire Tokyo 2012（以下MFT2012）では、前回同様約240組の出展者と、多くの観客が科学未来館に集まった。MFT2012の様子をレポートする。 ここでしか見られないものがある 豊富な工作機械、全国の工業大学、高専、芸術学部などが輩出する人材、簡単に高性能なデバイスが手に入る各地の電気街。日本はものづくりの大国である。既存のコンテストに出たり、研究機関にも所属していないが、見れば衝撃を受ける「
10分でわかるSVG 基礎編
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
jQuery Mobile APIでもっとJavaScriptプログラミング ―（1/2） - ＠IT
連載：jQuery Mobile入門（最終回） 第6回 jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 本連載の初回では、jQuery Mobileは（jQueryのモバイル版というよりも）jQuery UIのモバイル版である、と述べた。実際、jQuery Mobileでは標準であまたのウィジェットを提供しており、マークアップのみでネイティブ・アプリ・ライクなスマホ・アプリを開発できてしまう。もっとも、その特長が故に、ともすると、jQuery Mobileではあらかじめ用意された範囲でしかアプリを開発できないと思われがちだ。 そのようなことはない。jQuery Mobileでは、豊富な独自のJavaScript APIを提供しており、これらを呼び出すことで、固有の仕組みをアプリに簡単に組み込める。そうした自由度の高さも、jQu
僕らはみんな何かの作り手だ！
すべての人間はMakerだ。楽しもう！ Maker達の祭典、Maker Faireの共同創設者であるデール・ダハティ（Dale Dougherty・以下、デール）は、ホワイトハウスから「変革の旗手（Champion of Change）」に選ばれている。TEDでのデールの講演、「We are makers（日本語字幕付き）」を見れば、彼が何をしているかは、よく分かるだろう。 「自分が作りたいものを、自分の手で作る」Make:ムーブメントは、世界的な流れとなり、世界各国でMaker Faireが開かれている。日本のMaker Faire、Make Tokyo Meetingはすでに7回を数え、Make Tokyo Meeting07では1万人を超える来場者を集めている（参照記事：「作りたい欲求を刺激するMake:07＠東工大レポート」）。 6/2に科学未来館でMake:ムーブメントについて話
5分でわかるCSSグラフィック
知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも
いまなら無料！ Unityで始めるiPhoneゲーム作成“超”入門
Unityで開発するメリットは、それほどの知識がなくてもドラッグ＆ドロップで手軽に3Dデータが扱えることと、物理エンジンをすぐに導入できることです。思いついた仕組みを短時間で実際に動かすまで持っていけるため、触り心地やレベルデザインの部分に時間を割くことができます。 また、1つのプロジェクトをiOSやAndroid、Flashといったマルチプラットフォームに書き出せるため、より多くの人に自分の作ったゲームを遊んでもらえます。 モバイル端末のゲーム制作に興味があっても、なかなかネイティブ言語（iOSだとObjective-C、AndroidだとJavaなど）による開発に手が出せなかったような人には、ぜひUnityによる開発を体験してみてほしいと思います。 本連載では、Unityを使用した簡単な3Dゲームを仕上げるまでの過程を解説していきます。実際にUnityで作っていくところから説明していき
Kinectが切り開く“夢の近未来” - ＠IT
＠IT > Insider.NET > 特集：Kinect for Windowsの可能性【商用製品＆正式版SDKリリース記念】 > Kinectが切り開く“夢の近未来” 2012年2月1日（米国時間）に、待望のKinect for Windows（＝商用利用可能なPC向けのKinectセンサー。以下、「Kinect」と略す）およびKinect for Windows SDK正式版がリリースされた。Kinect for Windowsはこちら、Kinect for Windows SDK（英語版）はこちらから入手できる。なお、Kinect for Windowsは数量限定とのことで、購入を保証するものではないことを承知願いたい。 しかし、KinectがWindowsで正式に利用できるようになったとしても、実際にどのように使われていくのかがイメージできない方も少なくないだろう。そこで本稿では
なぜWikipediaは停止するのか――SOPA抗議活動をひもとく － ＠IT
（Geekなぺーじ あきみち氏による寄稿記事です） 2012年1月18日のUTC 5時（日本時間同日14時）から、英語版Wikipediaが、米国議会で審議されている「オンライン海賊行為禁止法（Stop Online Piracy Act：SOPAおよびPROTECT IP Act：PIPA）」への抗議としてサービスを24時間停止しています。 「SOPA Blackout Day」キャンペーン、決行 実はWikipediaが英語版サイト停止を発表する前から、1月18日には「SOPA Blackout Day」という抗議キャンペーンが行われる予定になっていました。 もともと、具体的にそのようなキャンペーンが計画されていたわけではありません。しかし2011年年末から「Google、Amazon、Facebookなどが抗議としてWebを停止するかもしれない」というニュースが伝えられていました。
iOSアプリのAndroid移植も簡単なUnityの基礎知識
iOSアプリのAndroid移植も簡単なUnityの基礎知識：Unityで楽々スマホ用3Dアプリ開発入門（1）（1/3 ページ） ドラッグ＆ドロップで“3D”が作れる「Unity」とは 「Unity」とは、本格的なインタラクティブ3Dアプリケーションの開発を容易にする、米Unity Technologies社（以下、Unity社）が開発・販売するオーサリングツールです。 通常、3Dを用いたアプリケーションを開発するには、OpenGL（OpenGL ES）などを用いた複雑なプログラミングを行う必要がありますが、Unityを使うと、まるでFlashコンテンツを制作するかのように、マウスによるドラッグ＆ドロップでの3Dオブジェクトの設置と、スクリプトによる動きの定義で簡単にインタラクティブな3Dアプリケーションが作成できてしまいます。 JavaScriptやC#でスクリプトが書ける この記事でも
基礎から分かる、Facebookアプリの作り方
基礎から分かる、Facebookアプリの作り方：無料クラウドでできるFacebookアプリ開発入門（1）（1/5 ページ） FacebookでWeb開発者/デザイナは何ができるのか 「Facebook」とは、「全世界で5億人を超える」といわれているユーザーが参加しているSNS（ソーシャル・ネットワーキング・サービス）／ソーシャルネットワークです。2008年5月にはインターフェイスも日本語化され、現在は日本国内でも約700万人以上のユーザーが利用しているといわれています。 Web開発者／デザイナから見た場合、Facebookをアプリケーション・プラットフォームとして利用することで、さまざまな付加価値をユーザーに提供できます。 SNSをプラットフォームとする動きとしては、国内でも「mixi（ミクシィ）」「GREE（グリー）」「モバゲータウン」などが「OpenSocial」の仕様に沿って進んでい
HTML5でiPhone用Webアプリをオフライン対応に
HTML5でiPhone用Webアプリをオフライン対応に：iPhoneで動かす業務用Webアプリ開発入門（5）（1/2 ページ） モバイルWebアプリはオフライン対応が必須！ いよいよ最終回の今回は、「Application Cache（アプリケーションキャッシュ）」を使います。 HTML5で導入されたアプリケーションキャッシュを使うと、WebアプリをWebブラウザのキャッシュに載せてオフラインで利用できるようになります。特に、前回の「HTML5のlocalStorageでiPhone用Webアプリを高速化」で紹介したHTML5の「localStorage」と組み合わせると、一度ダウンロードしたデータについては完全にオフラインでアプリが動作するようになります。 オフラインでの利用に対応して、3G回線など接続が安定しない環境でも業務用Webアプリが快適に使えるようにしてみましょう。 「キャッ
サーバサイドJavaScriptの本命「node.js」の基礎知識
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです（例えば、「ログが必要だよね」など）。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
MVCとRailsの基本構成を学ぼう
Web開発フレームワークとして人気の高いRuby on Railsの最新版、バージョン3を使ってWebアプリ開発の基本を学びます。 人気のフレームワークでWeb開発を学ぶ Ruby on Railsは、いまやWebアプリケーションの開発フレームワークの有力な選択肢の1つとなっています。Ruby以外の言語のWebアプリケーションフレームワークも少なからずRailsの影響を受けているので、現在Rubyを使っていないエンジニアにとっても、Railsを知ることは大いに参考になるはずです。もうすぐRails3認定試験が本格的に開始されるということもあり、この連載では、試験範囲の流れに沿って、Railsの基礎についてご紹介していきます（ただし、必ずしも試験対策というわけではありません）。 今回、連載第1回として本記事では、Railsを理解する上で基本となる考え方であるMVCについて説明した後、Rail
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
モバイル版FirefoxがAndroidにやってくる！ － ＠IT
2010/07/02 「もはやモバイル版だからといって機能を限定する必要はない。われわれMozillaとしてはそう考えています」。 まだアルファ版のAndroid版のFirefoxをデモンストレーションしながら、こう語るのはMozilla Japanでテクニカルアドバイザを務める加藤誠氏だ。 現在のスマートフォンや携帯電話は、10年前のPCと同等かそれ以上のCPU性能、メモリ容量を備える。画面サイズも横800ピクセル程度の端末が増え、エントリクラスのPCとの差が縮まっている。従って、モバイル向けのFirefoxは、デスクトップ版と同じユーザー体験を提供するのだという。 これまでモバイル向けでは出遅れた感のあるFirefoxだが、iPhoneやAndroidの普及が本格化の兆しを見せる中、いったいどのようなブラウジング体験をユーザーに提供しようとしているのか。東京・麹町のMozilla Ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html
スケーラブルで関数型でオブジェクト指向なScala入門
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
連載インデックス「HTML5“とか”アプリ開発入門」 - ＠IT
