XMLの第一人者Tim Bray氏「URLに#!入れるな」 | gihyo.jp
Tim Bray氏のブログ記事を解説したものです。Tim Bray氏はXMLの生みの親であり、最近はGoogle Developer AdvocateとしてAndroidの普及に務めています。Twitterをはじめ、最近のWebサービスにて「twitter.com/#!/timbray」のようにURLに「#!」というhash-bang（shebang）が含まれるのをよく目にしますが、Tim氏はこの流行に批判の意を示しています。 hash-bangを含むURLはAjaxを利用するために考えられたしくみです。#以降は単なるフラグメントとして処理されるため、サーバは#より前のURLを解釈しコンテンツを出力します。そしてブラウザにてJavaScriptが#以降を解釈し、以降のパスに相当するコンテンツをAjaxにて取得しコンテンツを書き換えます。このしくみができた背景は、Ajax後のコンテンツをSE
第1回 Meteorをはじめよう | gihyo.jp
Meteorとは？ Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境（MacOS Xを含む）でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています（公式サイトには、「1日か2日でプロトタイプを、2～3週間で製品レベルのアプリを構築できるようにする」とあります）。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
第1回 Node.jsとは | gihyo.jp
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
第3回 ウェブサイトの最適化 | gihyo.jp
こんにちは、太田です。今回はtimelineパネルとAuditsパネルの使い方について解説していきます。 Timelineパネル Timelineパネルはウェブページの読み込みから表示までにかかった処理時間を詳細に解析できるツールです。 クロスブラウザJavaScript入門の第13回で作成したTwitter検索アプリを使って解析してみます。Twitterの検索APIを呼び出して検索結果を表示するシンプルな検索クライアントです。 まずはデベロッパーツールのTimelineパネルを開きます。 左下にある黒丸をクリックすると解析が始まります。F5などでページをリロードし、読み込みが完了したらもう一度ボタンをクリックすると解析が終了します。解析結果は次のとおりです。 まず、大本のHTMLの読み込み、その次にjson2.jsを読み込み、並行してHTMLのパース処理は終わらせ、json2.jsを読み
第190回 シルバーウィーク特別企画・超小型Ubuntuマシン Trim Sliceで遊ぼう | gihyo.jp
この数年、さまざまなARMデバイスが販売されるようになっています。今回はその中でも特に小型な高性能コンピューター、“Trim Slice”を紹介します。 Trim Slice とは Trim Sliceは、イスラエルCompuLab社（fit-PCなどの小型PCで有名なハードウェアベンダ）が提供する、NVIDIA Tegra2を搭載した超小型デスクトップマシンです（図1）。 図1 Trim Sliceを上から見た図。小型ながら、デスクトップPCに必要なほとんどの要素を満たしている 最大の特徴はその大きさで、底面積が130mm x 95mm、厚み0.6cmほどと、「名刺入れ二つ分」サイズです（図2・図3）。また、価格も最低限の「Bareborn」モデルであれば$200弱と、一般的な組み込みボードに比べると安くなっています[1]。 図2 Trim Sliceの横に名刺を置いてみ
第5回 Webアプリを作ろう#2──Background Pages、Message Passing | gihyo.jp
Webアプリを公開しよう！ Chrome Web Store／Apps入門 第5回Webアプリを作ろう#2──Background Pages、Message Passing 前回は、OdometerというWebアプリの作成 を通して、Geolocation API、Notification APIの詳細を解説しました。今回は、Odometerに機能を追加する形でさらにいくつかのAPIの詳細を解説していきたいと思います。また、先日サンフランシスコで行われたGoogle I/Oで発表されたChrome Web Store関連のトピックも合わせて紹介したいと思います。 Google I/OのChrome Web Store関連トピック アプリ内課金 Google I/Oにて、Chrome Web Storeでのアプリ内課金について発表されました。アプリ内課金の手数料は5%とのことで、ほかのプ
第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp
さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下に列挙しますので、目を通してください。 console.log(object[, object, ...]) 渡された全てのオブジェクトをconso
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
