【第23回 HTML5とか勉強会レポート】 HTML5のデバイス＆位置情報系APIを使いこなせ！
デバイス系APIの全体像 2011年11月16日、NTTコミュニケーションズで、「第23回 HTML5とか勉強会」が開催された。「HTML5とか勉強会」は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「デバイス系API」。当日の様子をお伝えしよう。 NTTコミュニケーションズの小松氏@komasshuからプレゼンがスタート。 小松氏はGoogle API Expertであり、徹底解説HTML5 APIガイドブック オフライン系API編や、徹底解説 HTML5 APIガイドブック コミュニケーション系API編などの執筆を手掛けている。 まず、ブラウザからデバイス固有の各種機能を利用できるデバイス系APIとして、Geolocation API、DeviceOrientation Event、HTML Media Captureなどを挙げた。 デバイス系A
開発者が知らないと損するAndroid 4.0の新機能44選
NFC・Wi-Fiなど端末間共有機能 【1】NFCでデータを共有する「Androidビーム」 「Androidビーム」は、NFC対応デバイス間で共有を行うための機能です。ユーザー同士が2つのNFC対応のデバイスを接触することで簡単に、お気に入りアプリ、コンタクト、音楽、動画など、ほとんどのコンテンツを交換可能にします。デバイス同士が数センチ範囲内にあると、システムはNFCの接続を設定して共有のためのUIを表示し、ユーザーは画面をタッチすることで共有が行えます。 例えば、ユーザーは連絡先を交換したり、マルチプレイゲームを開始したり、チャットやビデオ通話に参加したり、写真や動画などを共有したりできます。アプリを共有する場合、Androidマーケットのアプリ詳細ページへのリンクを送ります。リンクが送られた端末上のマーケットアプリは詳細ページを起動し、ユーザーはアプリを簡単にダウンロードできます。
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
Open GraphとTimelineで「人生」をプログラミング可能にしたFacebook（3/3）- ＠IT
Open GraphとTimelineで 「人生」をプログラミング可能にしたFacebook f8 Tokyo 2011まとめレポート（1） 株式会社ひとひねり 河内 純也 2011/10/18 今回、米国「f8」での発表で、日本唯一の新機能ローンチパートナーとして発表されたのが料理レシピ共有サイト「クックパッド」だ。リリース前から、クックパッド開発陣には新機能の仕様が提供され、新たなOpen Graphを使った機能をクックパッド上に実装してきたのだが、どのような機能を実装したのか？ 実装についての開発秘話をクックパッド 技術部長 井原正博氏に聞いてみた。 ――そもそも、なぜ、Facebookの新しいサービスのローンチにかかわることになったのですか？ 井原 ぶっちゃけていうと、Facebookの方と昔からの友人で「やってみない？」と声を掛けられたのがキッカケなのですが、Open Graph
mixiのソーシャルグラフをChart APIでオープンに （1/3） - ＠IT
具体的には、友人の性別・血液型・年齢・趣味などの人数比率を一覧表示して、「自分の身の回りには、どんな人が多いのか（少ないのか）」という情報を簡単に確認できるサービスです。 今回は初級エンジニア向けに、できるだけ細かい説明を入れながら解説していきたいと思いますので、どうぞ最後までお付き合いください！ OAuth 2.0と処理の流れについて 「mixi Graph API」では、ユーザー認証にOAuth 2.0を利用します。OAuth 2.0の仕組みについては、以下の記事が分かりやすいので、初めて触るという方はぜひ目を通しておいてください。 なお、今回作成するサービスでは、クライアント側（HTML／JavaScript／jQuery）とサーバ側（PHP）で、それぞれ下記のような処理を行います。 【クライアント側】mixiでAuthorization Codeを取得するためのリンクを生成 【クラ
Y Combinatorに見るスタートアップ成功の秘訣、“ピボット”とは？ － ＠IT
米シリコンバレーの有力ベンチャーキャピタル、Y Combinatorが出資するスタートアップには、創業時には小さくても、後に大きく成功するものが少なくない。評価額の落差が大きいことから、外部から見ていると、そうした成功の多くが一夜にして起こったように見える。 しかし実際には、当初のプロダクト（アイデア）に市場がないことが分かって路線を変更したり、全く違うアイデアに取り組むことも少なくない。そうした路線変更を“ピボット”と呼ぶ。最近は、このピボットをどれだけ素早く、数多く行えるかが、スタートアップ成功の秘訣の1つとまで言われるようになっている。 前回の記事で紹介したオンライン・ストレージのZumoDriveは、Motorola Mobilityに買収されるまでの間に、少なくとも3度はピボットを経験している。 Y Combinatorから出資を受けたAirBnBとPicwingもまた、ピボット
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
スマートフォンアプリデザインに役立つ 基礎のまとめ！
スマートフォンアプリデザインに役立つ 基礎のまとめ！：一撃デザインの種明かし（14）（1/4 ページ） 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone／Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます！ iPhone／Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中
第1回おばかアプリ選手権はこうして行われた
3月6日にお台場の東京カルチャーカルチャーで「デザインハック・ミーティングVol.1 おばかアプリ選手権」が開催された。イベントの模様と披露されたおばかアプリをダイジェストで紹介する 8組の勇者が繰り広げた戦い 「おばかアプリ」とは、イベント概要によると「うざいぐらいにかわいくて、ムダにかっこいい。かゆくないところにも手が届くアプリ」のこと。生産性向上とか効率性重視もけっこうだけど、技術とはそれだけのために存在するわけではない。 あえて「おばか」を目指すことで、いつもとは異なる方向への発想を広げてみる。業務アプリではできないムダなこと、やってはいけない（と思われている）壮大なことに挑戦してみる。「楽しませる」「笑わせる」というのは、実はとても難易度が高いことであり、それは突き詰めていくと「誰もが使いたくなる究極のアプリ」となる。……という深いコンセプトがあるのかないのかはともかく、初代おば
売れるソーシャルアプリ開発のコツを成功者から学ぶ - ＠IT
リアルフレンドのゲーム体験というのは、実際に会ったことのある友達や知人とゲーム内でも関係を築くもので、mixiやFacebookで多く見られる。一方、バーチャルフレンドのゲーム体験というのは、実際に会ったことのない人と仮想環境でゲームを通じて関係を築いて楽しむというもので、モバゲーやGREEに多く見られるという。 この関係とゲームの内容がマッチしているかが、ヒットするかどうかに大きくかかわってくる。 「モバゲーの『怪盗ロワイヤル』は、mixi版も出ました。このゲームは、ユーザー同士がアイテムを奪い合うというものですが、mixiのようにお互いに知っている人同士、つまりリアルの友達関係にあると、本気で奪い合うのは難しいと考えています。 モバゲー版、GREE版、mixi版いずれに対してもシステムを共通化して出せると効率は良いですが、出したとしてもリアルフレンド同士で受けるもの受けないもの、バーチ
間違いだらけの「かんたんログイン」実装法
今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間
開発期間はわずか1カ月、今後はiPhoneアプリやAndroidで世界へ――GREE iPhone版の開発者に聞く
快進撃を続けるSNS「GREE」。ついにiPhone対応版が登場したが、開発を担当したのは入社間もないエンジニアだという。開発プロジェクトの裏側について、話を聞いた。 グリーは2010年8月9日、同社のSNS「GREE」のiPhone版のWebサイトを公開した。これを手始めに、今後はスマートフォン対応を強化していく考えだ。このiPhone版Webサイトの開発メンバーに抜擢されたのは、プロジェクト開始時にまだ入社して2週間しか経っていなかった、エンジニアの熊谷健太郎氏である。開発期間はわずか1カ月、担当エンジニアは熊谷氏1人というから、そのスピード感には驚かされる。どのように開発が進められたのか、開発チームに話を聞いた。
とにかく開発しまくれ！ カヤック流「お薦めツール」6選
とにかく開発しまくれ！ カヤック流「お薦めツール」6選：特集：生き残れるITエンジニアの「仕事術」（3）（1/3 ページ） 1年で99個のWebアプリケーション制作を達成したカヤックの「BM11」（ブッコミイレブン）。日々休まず開発しているBM11メンバーが、「開発現場に役立つおすすめツール」を厳選して紹介する。 はじめまして。面白法人カヤック、技術部所属の村瀬大輔です。昨年まで3年間、カヤックの新規開発ラボ「BM11」（ブッコミイレブン）に所属していました。 BM11の特徴は、徹底的に数字にこだわること。2007年の開発数は77個。2008年は88個。そして2009年は99個のWebサービスをリリースすると目標に掲げました。目標数は、期初に決まっています。この数字をクリアすべく、あの手この手を使い、チーム一丸となったりならなかったりしながら目標にコミットしています。 3年連続で目標を達成
ベニヤ板とDCのハイブリッド！ pixivインフラの今 － ＠IT
2010/07/21 ホームセンターに行けば9800円で買えそうなスチール製の“ラック”に、むき出しのマザーボード。うねうねとケーブルがラックの間を這（は）う。 「ラックに直接置くと通電しちゃうじゃないですか。だからラックに木片をくくりつけて、その上にマザーボードを載せているんですね。ただ、そうすると実は若干たわむんです、自重で……。なのでパーツの抜き差しではかなり嫌な思いをします」。 イラスト投稿サイトの「pixiv」（ピクシブ）でインフラの設計・運用を担当する上薗竜太氏がこう話すと、あまりの無手勝流ぶりに会場からは笑いが起こる。 「でも、これはまだ前のバージョンの運用でですね、3カ月前ぐらいからベニヤに変えました。これが新しいpixivを支えるラックです」 実物の写真がスクリーンに映し出されると会場には再び大きな笑いが起こった。「これによってマザーボードがたまわない。パーツの抜き差しで
Rは統計解析のブッシュナイフだ （3/4）- ＠IT
誕生月分布のプロット Jリーガーの誕生月別データについては幸いなことにファンの方が「j-league.net」というサイトを運営されていて、そこに2009年までの選手の誕生月とごの人数をカウントしています（Jリーグ100チームを目指して）。これを利用したいと思います。 まずは何より、この図をプロットすることにします。それには上記のページの表は、「生まれ月」カラムには「月」という文字が、「人数」カラムには「人」という文字が含まれていて、このままではデータとして利用できません。細かい作業については、別の機会に記述しますが、まずは整形したデータを別途用意しましたので、それを利用してください。Rのインストール方法については、Windows版とMac版について簡単なチュートリアル動画を用意しましたので、そちらをご覧ください。 【Rのインストール、チュートリアル動画】 ここからの説明は、すでにRがイン
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
「課題来た！ 何作る？」24時間で開発しまくる技術者のお祭り クックパッドが「開発コンテスト24」を主催 − ＠IT
「朝起きてから学校や会社に行くまでの時間を便利にするサービスを開発せよ。開発時間はきっかり24時間」――。クックパッドは、4月23日から25日にかけて開催した「開発コンテスト24」でこんな課題を提示した。ゴールデンウィーク前の週末、世間よりひと足早く始まった「技術者のお祭り」について、同社 技術部長の井原正博氏に話を聞いた。 「生活を便利にするサービスがもっと生まれてきていい」 WebサイトとTwitter上で課題を公表したのは4月23日の21時。24時間後の4月24日21時を締め切りとして設けた。「課題来た！」「誰か一緒にやらない？」など、Twitter上ではハッシュタグ「#24contest」を使って、多くのエンジニアが参加表明やアイデアをツイートした。「参加者が3人ぐらいしかいなかったらどうしよう……と思っていたから安心しました」と、井原氏は話す。 開発コンテストは、エンジニアのアイ
Googleレベルの学生が起業した「Preferred Infrastructure」 ― ＠IT
2008/03/24 検索エンジン開発の分野で有名になりつつある企業にPreferred Infrastructure（PFI、東京都文京区）がある。目を引くのは10人の社員がいずれも東京大学大学院、京都大学大学院の出身者、もしくは在学中ということ。東京大学大学院の情報系研究科出身者の多くが近年、Googleに入社していることは有名だが、PFIは、いわば、Googleに行かなかったGoogleレベルの学生たちが起業したといえる。エンジニア率100％のPFIは日本のテクノロジ・ベンチャーの姿を変えるだろうか。 PFIの代表取締役社長 西川徹氏は「ACM 国際大学対抗プログラミングコンテスト（ACM/ICPC）の世界大会に出場したメンバーと一緒に何かやりたかった」と起業の動機を話す。起業したのは2006年3月。資本金は30万円。当時の社員は6人で全員が学生だった。オフィスはなく、Skypeで話
Windows 7で、どんだけ“おばか”なアプリが作れるの？（1/3） - ＠IT
Windows 7で、どんだけ “おばか”なアプリが作れるの？ おばかアプリ座談会 ＠IT編集部 2010/3/4 “おばか”なアプリを作るための発想の源も探る 2010年3月1日より応募受付を開始した「おばかWindows 7アプリ選手権」。Windows 7上で動くWindows 7の機能を生かしたアプリに限定したおばかアプリの応募を求めるコンテストだ。 アプリの仕様を特に限定しない、いままでのおばかアプリ選手権とは異なり、「Windows 7」に限定すると、「ハードルが高くなり、機能も限定されるのでは」という懸念があるが、果たして、Windows 7でどれだけ“おばか”なアプリが作れるのだろうか。＠IT編集部では、“おばか”なアプリを作るための発想の源や、募集している7部門ではどの部門が面白そうかなどのポイントとともに、おばかアプリ選手権の歴戦の受賞者や、Windows 7に詳しいマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自分戦略研究室 ― ＠IT自分戦略研究所