たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗る
「まだバックエンドのAPIできていないから、とりあえずダミーテキストでデザインしといて」ってフロントエンドの実装を進めたら、仕様が微妙に違った…なんてトラブルはこれで防げそうですね。 バックエンドが用意されていない中でアプリケーションのフロントエンドをプロトタイピングしなくてはならない、ということがあるでしょう。呼び出す基本的なAPIのモックを作るだけでも時間がかかりますが、JSON Serverのライブラリーを使うと開発やテスト用の複雑なRESTful APIを速く簡単に作れます。 記事ではJSON Serverを使ってREST APIのモックを作る方法を紹介します。紹介するQuick Tipを使えば、すべての機能を備えたAPIがたったの30秒で動き始めます。 要件 RESTfulの原則とAPIの使用方法についての基礎的な知識が必要です。 次のツールが必要です。 Node.js：JSON
ぶっかけうどんの中にスマホを立てかけるスタンドが登場!?
Hameeは2月27日、「食品サンプルスタンド（ぶっかけうどん）」を発売した。Hameeストラップヤ本店、Hameeストラップヤ各店にて販売される。価格は9800円。 この食品サンプルスタンドは、「日本の食品サンプル屋さんが本気で作った超リアルな仕上がり」をうたう、スマートフォンを立てかけられるスタンドだ。本物の陶器の器を使用しているため、しっかりとした安定感があるとのこと。スマホだけではなく、7.9インチまでのタブレットの縦置きにも対応している。サイズは約幅20×高さ6.5×奥行20cmで、重量は約1kg。 また、「食品サンプルスタンド」シリーズとして、衣がリアルな海老とししとうの「天ぷら」、甘辛いタレがたっぷりかかった（ように見える）「みたらし団子」、ネギマ、つくね、レバーなどで構成された「焼き鳥」が同時発売。サイズは天ぷらが約幅9×高さ7×奥行9cm、みたらし団子が約幅9×高さ5×奥
iPad対応！HTML5 Audioで作るブラウザーピアノ (1/6)
HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone（iOS4以
jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
マカフィー、アップルとマイクロソフトの脆弱性を比較
3月28日、マカフィーはセキュリティ解析センターのブログにて「アップルとマイクロソフト、脆弱性の修正が多いのはどっち？」という記事を公開した。 この記事によれば、アップルは3月に約250個の脆弱性を修復するため、7件の修正プログラムを配信したという。修正プログラムには、CVE（Common Vulnerabilities and Exposures）識別番号が記載されている。ただし、CVEと修正プログラムは1対1の関係ではなく、1つの修正プログラムで複数のCVEに関連するほか、複数の修正プログラムにまたがるCVEもある。たとえば、「CVE-2011-0191」と「CVE-2011-0192」は5つの修正プログラム（Apple TV 4.2、iOS 4.3、iTunes 10.2、Mac OS X v10.6.7/Security Update 2011-001、Safari 5.0.4）に
iPhoneのGPSをJavaScriptで操ろう (2/6)
ブラウザーがGeolocation APIに対応している場合は、navigatorオブジェクト内に geolocationオブジェクトが用意されています。geolocationオブジェクトには、現在地の位置情報を求めるためのメソッドが用意されています。 navigator.geolocation.getCurrentPosition() 現在の位置情報 navigator.geolocation.watchPosition() 現在地を定期的に監視 navigator.geolocation.clearWatch() watchPosition()での監視を中止 今回は定期的に位置情報を取得するので watchPosition() を使います。watchPosition() は位置情報を取得したら、最初のパラメーターに指定された関数を呼び出します。たとえば、watchPosition(up
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
