タグ

ブックマーク / gihyo.jp (31)

  • 第5回 旧バージョン向けPhoneGapプラグインのアップデート手順 | gihyo.jp

    PhoneGapの機能を拡張するにあたり、欠かせないのがPhoneGapプラグインです。サードパーティ製の便利なPhoneGapプラグインが多くリリースされていますが、中には旧バージョン向けに作成されたものもあり、現在のバージョンではうまく動作しないことがあります。最新のPhoneGapでプラグインを動作させるにあたり、必要な手順を確認しましょう。 PhoneGapプラグインのアップデート 旧バージョン向けに作成されたPhoneGapプラグインは、最新のPhoneGapのバージョンではうまく動作しないことがあります。バージョンを遡って、順繰りにプラグインのObjective-CコードやJavaコードを修正する必要があります。 PhoneGapはAdobeの買収やApacheへの寄贈、プロダクト名変更の経緯から、1.5.0以前と以後でコード中の名前空間が変更されました。また、PhoneGap

    第5回 旧バージョン向けPhoneGapプラグインのアップデート手順 | gihyo.jp
  • 第3回 localStorageとpostMessageの使いどころ(1) | gihyo.jp

    3回目となる今回は、サービス間の連携におけるlocalStorageとpostMessageの使いどころについて解説します。localStorageはWeb Storage、postMessageはCross-document messagingまたはWeb MessagingとしてHTML5の仕様に含まれているAPIです。どちらもIE(Internet Explorer)8以降、Firefox 3以降、Safari 4以降と、近年のモダンなブラウザで幅広くサポートされており、iPhone用のSafariやAndroidの標準ブラウザでも使うことができます。 localStorageとCookieの違い Cookieは一時的にデータを書き込んで保存させるしくみとして長い歴史を持っていますがさまざまな問題を抱えており、使い方には注意する必要があります。ここで取り上げるlocalStorage

    第3回 localStorageとpostMessageの使いどころ(1) | gihyo.jp
  • 第3回 localStorageとpostMessageの使いどころ(2) | gihyo.jp

    postMessage 一般的に広く使われている、URLの?以降の文字列(query string)を使いサーバに対してデータを受け渡す方式は、異なるドメインのJavaScript同士で通信する際にはいくつかのデメリットがあります。http://example.com/?query_stringというURLにアクセスするとquery_stringの部分がサーバに送信されます。当然新規の通信が発生しますし、どのようなメッセージが送信されたのかをJavaScriptから受け取るには、サーバがブラウザに対して応答を返すまで待たなければなりません[3]⁠。postMessageの登場以前も、サーバサイドを経由しない、JavaScriptだけで完結するクロスドメインでのメッセージ送信手法が考えられてきました。代表的なものは、window.name[4]を使った方法(リスト1)とlocation.ha

    第3回 localStorageとpostMessageの使いどころ(2) | gihyo.jp
  • 第3回 コマンドプロンプトからAndroidプロジェクトを作成─Jasmineテストをエミュレータ上で実施 | gihyo.jp

    createコマンドのセットアップ手順 コマンドプロンプト上でAndroidプロジェクトを作成したり、ビルドを行うためには各種ファイルのデプロイのほか、環境変数の準備が必要になります。あらかじめAndroid SDK、JDK/JRE、Apache Antのインストールを行ってください。 http://phonegap.com/download#より、最新のPhoneGapパッケージをダウンロードします。パッケージを解凍すると、各モバイルOS向けのファイル一式が作成されます。このうち、androidフォルダの中身一式が必要です。ここではandroidフォルダを[phonegap_android]にリネームし、Cドライブ直下に配置しました。 PhoneGapパッケージを解凍。androidフォルダをphonegap_androidにリネームし、Cドライブ直下に配置 続いて、環境変数[PATH]

    第3回 コマンドプロンプトからAndroidプロジェクトを作成─Jasmineテストをエミュレータ上で実施 | gihyo.jp
  • 第2回 エミュレータ/実機なしで動作確認─Ripple Emulatorを使ったPhoneGapアプリ開発 | gihyo.jp

    通常PhoneGapを使ったアプリ開発では、iOSシミュレータやAndroidエミュレータ、実機を使った動作確認をすることになります。各エミュレータの起動や実機へのインストールは、それなりの時間が発生します。今回は、機能実装・修正→確認のサイクルを効率良く回すためのモバイルエミュレータ「Ripple Emulator」をご紹介します。 Ripple Emulatorとは Ripple Emulatorは、Google Chromeベースのモバイルエミュレータです。各モバイルの画面サイズや、GPS、コンパス、モーションセンサを再現し、モバイルアプリの動作テストを行うことができます。 通常PhoneGapアプリを開発する場合、devicereadyイベントが発火した後でネイティブの機能を呼び出すことになります。このdevicereadyイベントはPhoneGap(Cordova)特有のイベント

    第2回 エミュレータ/実機なしで動作確認─Ripple Emulatorを使ったPhoneGapアプリ開発 | gihyo.jp
  • 第2回 Meteorアプリケーションの実行環境 | gihyo.jp

    Meteorの実行環境 連載第2回では、Meteorアプリケーションの実行環境についてお話しします。 Meteorは、すべてをJavaScriptで書くことができるという利点を最大限に活かし、サーバとクライアントでコードを共有したり、サーバのコードをクライアントから呼び出すことができます。そうしたことを実現するには、今回の内容を理解しておく必要がありますが、幸いにも大して難しい話ではありません。 MeteorによるJavaScript/CSSの管理自動化 HTML/JavaScriptを用いたクライアントを作成する上で、いつも頭を悩ませるのがリソースの管理です。 大規模なアプリケーションともなると、JavaScriptCSSが数十ファイルに上ることも珍しくありません。それらを通常の<script>や<link>で読み込むと、それらのファイルを読みこむごとにHTTPリクエストが発生するため

    第2回 Meteorアプリケーションの実行環境 | gihyo.jp
  • 第3回 Express.jsを使ったWebアプリケーションを構築 | gihyo.jp

    はじめに 前回までは、Node.jsについての基礎的な説明からnpmによるパッケージ管理まで、紹介してきました。今回から、いよいよNode.jsを使ったWebアプリケーションを実装していきます。前々回に単純なHTTPサーバの実装についてコードとともに紹介しました。あれをみるとわかるとおり、nodeが提供するHTTPサーバの機能はプロトコルに沿ったローレベルなものになっています。例えば、リクエストが来たら、そのURLパスに従った処理を実行するために、リクエストURIの解析から実装していかなくてはなりません。そういったことが簡単に定義して処理を書けるWebアプリケーションフレームワークがnodeにも存在します。連載では、その代表格のExpressを使って実装してみたいと思います。 Expressのインストール Express(Express.jsと表記されることが多い)は、非常に手軽にnod

    第3回 Express.jsを使ったWebアプリケーションを構築 | gihyo.jp
  • 第222回 EclipseでGitを使う | gihyo.jp

    ほぼ1年前、連載の第167回で統合開発環境であるEclipseを取り上げました。当時Ubuntu11.04で利用可能なEclipseのバージョンは3.5でしたが、季節が一巡した現在は、Ubuntu12.04でEclipse 3.7を利用可能です。Eclipse体のバージョンアップもさることながら、Git拡張機能に関する変化がありました。そこで今回はEclipseでGitを使う方法をお届けします。 Egitの導入 Gitに関しては連載の第212回で、Ubuntuで利用できるさまざまなクライアントソフトウェアを紹介しました。EclipseをこのようなGitのクライアントとして使うための拡張機能がEgitです。 Egitに限らず、Eclipseは独自の仕組みによって拡張機能をインストールすることができます。しかし、ここで考慮するべきなのは「Ubuntuの」パッケージ管理システムです。 Ub

    第222回 EclipseでGitを使う | gihyo.jp
  • 第1回 Node.jsとは | gihyo.jp

    はじめに 連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“⁠軽量で効率良く⁠”というのを実現するために次の2つのモデルを採用しています。

    第1回 Node.jsとは | gihyo.jp
  • 第6回 コンテンツベースのレコメンドシステムのHadoop実装[前編] | gihyo.jp

    今回から、コンテンツベースのレコメンドのHadoopによる実装を紹介します。 おさらい:協調フィルタリング 第3回~第5回に紹介した協調フィルタリングでは、入力データに履歴、アイテム間の類似性を計算するためにコサイン関数を使いました。その結果、アイテムごとに類似性の高いアイテム、すなわち、各アイテムを評価(購入、ダウンロード、チェック、クリックなど)したユーザが他に評価したアイテム集合を見つけることができました。 このアイテム集合が、「⁠このアイテムを評価している人はこのアイテムも評価しています」というタイプのレコメンドの基情報で、アイテムベースのレコメンドになります。同じ履歴およびコサイン関数を使って、ユーザ間の類似性も計算できます。ここで前提としているのは、「⁠ターゲットユーザ(レコメンドの対象ユーザ)と同じようなアイテムを評価するユーザは、ターゲットユーザと嗜好も似ている。したがっ

    第6回 コンテンツベースのレコメンドシステムのHadoop実装[前編] | gihyo.jp
  • 2012年注目のモバイル向けJavaScriptフレームワーク・ライブラリあれこれ | gihyo.jp

    昨年は、スマートフォンが急速に普及した年でした。それに伴って、モバイルサイトの重要性が増し、多くのモバイル向けJavaScriptフレームワークやライブラリが産まれました。稿では、それらのモバイル向けのJavaScriptフレームやライブラリの中から、ピックアップして紹介していきたいと思います。 豊富な機能やリッチなインターフェースが多く用意されているフレームワーク まずは、モバイルサイトの構築を一から行えるフレームワークを紹介します。jQuery MobileやSencha Touchといった著名なフレームワークを始めとして、jQTouchやiUIなど比較的軽量なフレームワークまで簡単に解説します。 jQuery Mobile jQuery Mobileは、有名なJavaScriptライブラリであるjQueryをベースとしたモバイル向けのフレームワークです。ネイティブアプリのようなUI

    2012年注目のモバイル向けJavaScriptフレームワーク・ライブラリあれこれ | gihyo.jp
  • 第2回 レコメンドシステムの実装と課題 | gihyo.jp

    今回はレコメンドシステムの実装の問題と、その解決策として利用するHadoopについて説明します。 今回のポイントは以下の通りです。 スケールアップの限界 分散処理フレームワークの民主化 Hadoop Map Reduceの概要 増え続けるデータをどう扱うか レコメンドシステムを協調フィルタリングのうち、ユーザベース方式により実装することを考えます。このシステムでは次のような映画の評価履歴を使い、「⁠この映画を評価した人はこの映画も評価しています」という映画の推薦を行います。 駄右衛門、ザスーラ、5、2009/12/21、・・・・ 駄右衛門、ジュマンジ、5、2009/12/28、・・・・ 菊之助、ブルースブラザーズ、5、2009/12/29、・・・・ 利平、ザスーラ、4、2010/01/01、・・・・ 十三、ハングオーバー、4、2010/01/01、・・・・ 利平、ジュマンジ、4、2010/

    第2回 レコメンドシステムの実装と課題 | gihyo.jp
  • 第198回 UbuntuにもXenがやってきた | gihyo.jp

    Ubuntu 11.10ではLinux 3.0カーネルを採用しているため、とても簡単にXenの環境を構築できるようになりました。そこで今回は、UbuntuをXenのホスト環境(Dom0)として設定し、Ubuntuを含むいくつかのゲストOSをインストールする手順を紹介します。 Xenとは Xenはハイパーバイザーと呼ばれる仮想マシンを実行するソフトウェアで、多種多様なプラットフォームをサポートし、Amazon Web Serviceでも使われている仮想化技術の一つです。 Ubuntuでよく使われている仮想マシン実行環境と言えばKVMやVirtualBoxがありますが、Xenはこれらに対して「準仮想化」と呼ばれる技術もサポートしており、IntelVTやAMD-VなどのCPUの仮想化支援機構がない環境でもゲストOSを高速に動作させられるといった特徴を持っています。 XenはホストOSをDomai

    第198回 UbuntuにもXenがやってきた | gihyo.jp
  • 第20回 Javaアプリケーション向けの認証フレームワーク「Apache Shiro」 | gihyo.jp

    使いやすい認証機構を実現する「Apache Shiro」 今回取り上げる「Apache Shiro」は、Javaアプリケーション向けに開発された認証と承認のためのオープンソースのフレームワークです。Shiroを使うことで、ログインなどの認証の仕組みや、アクセス管理、セッション管理などといった機構を、容易にアプリケーションに付け加えることができるようになります。 JDKにはJAAS(Java Authentication and Authorization Service)という認証・承認サービスが用意されていますが、JAASで提供されるAPIはあまり使い勝手が良くなく、わかりにくいという意見が大多数を占めていました。ShiroはJAASよりも理解しやすく、簡単に利用できる認証・承認の仕組みを提供する目的で開発されました。Shiroを利用するメリットとしては次のようなものが挙げられています。

    第20回 Javaアプリケーション向けの認証フレームワーク「Apache Shiro」 | gihyo.jp
  • 開発者の祭典「Google Developer Day 2011 Tokyo」開催―Android、Chrome、App Engine、そしてGoogle+、その先にある未来が見えた1日 | gihyo.jp

    開発者の祭典「Google Developer Day 2011 Tokyo」開催―AndroidChrome、App Engine、そしてGoogle+、その先にある未来が見えた1日 2011年11月1日、横浜みなとみらいパシフィコ横浜にて「Google Developer Day 2011 Tokyo」が開催されました。Google Developer Day(GDD)は、Googleが開催する開発者向けのテクニカルカンファレンスで、今年は世界で8ヵ国で開催され、ここ日では5年連続5回目の開催となりました。 Google Developer Day 2011 Tokyo http://www.google.com/intl/ja/events/developerday/2011/tokyo/ 天候に恵まれ、秋晴れの下、開催された 朝9:00から開始した受付には多数の参加者が来場し、

    開発者の祭典「Google Developer Day 2011 Tokyo」開催―Android、Chrome、App Engine、そしてGoogle+、その先にある未来が見えた1日 | gihyo.jp
  • 東京Node学園祭2011サマリーレポート | gihyo.jp

    10月29日、日・アジア初となる、Node.jsカンファレンス「東京Node学園祭 2011」がヤフー社のセミナールームにて開催されました。 このイベントは「Node.js日ユーザーグループ(nodejs_jp⁠)⁠」が主催し、国内でのNode.jsの周知や普及、発展を目的に開催されました。 第1回となる今回はNode.jsの生みの親であるRyan Dahl氏や、Socket.IOの作者であるGuillermo Rauchを海外からスピーカーとして招き、セッションをしていただいたり、ビギナー向けのセッションや、企業での採用事例の紹介、LT大会などを行いましたので、その模様を報告します。 イントロダクション イベントは、nodejs_jpのリーダーであり、今回のカンファレンスの実行委員長である、mesoさんの挨拶で始まりました。 mesoさんのご挨拶 基調講演 はじめのセッションはNo

    東京Node学園祭2011サマリーレポート | gihyo.jp
  • プログラマートラックレポート(前編) | gihyo.jp

    Chrome+HTML5 Conferenceのプログラムのうち、稿ではプログラマーセッションの最初の3講演についてレポートします。 HTML5により、APIの機能が格段に向上し、Webは格的なアプリケーション開発基盤へと進化します。その結果、Webの秘めるポテンシャルが引き出され、これまでの常識を覆す、様々なWebサービスが登場すると期待されます。 新たなエコシステムを形成していく、これからのWeb。それを実現するためには、以下の事項が重要となります。 様々な課金により、健全な経済活動が行われていくこと 開発ツールが整備され、効率的なサービス開発が可能なこと リアルタイム性を活用した、新たなサービスモデルの登場 いずれも、これまでは不足していた項目で、Webが次の局面を迎えるにあたり重要なものばかりです。稿では、これら3項目に関する講演について、レポートします。 あんどうやすしさん

    プログラマートラックレポート(前編) | gihyo.jp
  • デザイナートラックレポート | gihyo.jp

    稿では、「⁠Chrome+HTML5 Conference」のプログラムのうち、デザイナートラックの講演についてレポートします。 深見嘉明さん、白石俊平さん「HTML5/Web標準オーバービュー」 セッションの前半は、W3Cの活動は外から見えにくいと思っているため、こういった機会はありがたいと語る深見嘉明さん(W3C/Keio)より、W3C視点のHTML5とWeb標準の基礎についての発表がありました。 最初に、見慣れたW3CのHTML5のロゴ以外にもたくさんのHTML5に関するロゴがあることを示し、「⁠HTML5」と言っても一口に語れないと指摘します。仕様書原理主義に沿えば、HTML5の仕様書のページがHTML5であると言います。そしてHTML5の正式な定義は、W3Cで策定しているHTML4.01、XHTML1.0、DOM2 HTMLの次期バージョンということになると言及しました。なお

    デザイナートラックレポート | gihyo.jp
  • 「第16回 HTML5とか勉強会」活動報告 | gihyo.jp

    4月21日、先月は1回お休みだったため2ヶ月ぶりの開催となる「第16回 HTML5とか勉強会」が開催されました。稿では、勉強会スタッフの筆者より、今回の勉強会の模様をレポートさせていただきます。 今回はNTTコミュニケーションズのオフィスをお借りして開催しました。また、会場では事や飲み物をご提供いただき、リラックスした雰囲気の中で勉強会を行うことができました。この場を借りて厚くお礼申し上げます。 今回の勉強会では「誰もが使えるWebサービスを開発するためには、どのようなことを考えるべきか」をテーマに、勉強会スタッフの小松さんがコーディネーターを努めました。ソーシャルメディア・Webサービスがクローズアップされる中で、デジタルデバイドの問題、高齢者や障害者の方々へのアクセシビリティへの配慮など、「⁠誰でも使えるWeb」をいかに提供していくかという観点からセッションを決定しました。また、勉

    「第16回 HTML5とか勉強会」活動報告 | gihyo.jp
  • [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…!:第1回 HTTPのしくみを復習しよう|gihyo.jp … 技術評論社

    こんにちはこんにちは ! ! はまちや2です! 今日からぼくと一緒にWebプログラミングのセキュリティについて、ちょっぴり勉強してみませんか!今回はHTTPがどんなやりとりをしているのか、簡単におさらいしてみましょう!

    [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…!:第1回 HTTPのしくみを復習しよう|gihyo.jp … 技術評論社