これでインストールは完了です。 作業用ディレクトリの作成 続いてWebサイトを作るディレクトリ（フォルダ）を作成します。今回は onsenui_for_website としています。そのディレクトリの中でbowerコマンドを実行します。 $ bower install onsenui bower cached        git://github.com/OnsenUI/OnsenUI.git#1.2.2 bower validate      1.2.2 against git://github.com/OnsenUI/OnsenUI.git#* bower cached        git://github.com/angular/bower-angular.git#1.3.15 bower validate      1.3.15 against git://github.com

ハイブリッド モバイル アプリ開発フレームワークであるPhoneGapは、 HTML5でアプリを作るための非常に便利なフレームワークです。 カメラや位置情報などネイティブの機能を簡単にJavaScriptから利用できるようになります。 しかしPhoneGapでは、スマートフォンアプリにとってとても重要な、 UIパーツや画面遷移などのインタラクションは提供されていません。 HTML/CSS/JavaScriptでこれらのUI、アニメーションを一から作るのは非常に大変です。 ネイティブと違和感ないデザインや、なめらかな自然な動き、端末毎の差異など気にすることはたくさんあります。 今回ご紹介する、Onsen UI を使用すれば、PhoneGap/Cordovaアプリを飛躍的に改善することができます。 他のフレームワークよりも洗練された柔軟性を持ち、ハイブリッドアプリにおいても、 ネイティブ並みの

今回の記事は、Onsen UI blogで2月に公開した”Developing hybrid mobile applications with Onsen UI“の翻訳記事です。 ハイブリッドアプリ開発のお話を、最近はあちらこちらで耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。 もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。 一方、ハイブリッドアプリで使用するテクノロジーは、Web アプリで使用するもの ( HTML、CSS、JavaScript ) と同様であり、プラットフォーム

「アプリをとりにいく」若い子はアプリの所有感覚が強い。月500万人がつかう「チケットキャンプ」がアプリシフトを急ピッチで進めてきた理由。 「チケットキャンプ」を運営しているフンザさんにお話を伺いました。株式会社フンザは2015年3月よりミクシィの子会社になっています。 ※株式会社フンザ 代表取締役 笹森良さん。チケットキャンプは25名(うち開発は5名)で運営している。 チケットキャンプについて。 「チケットキャンプ」について教えてください。 チケットを個人が売買できるアプリです、2013年にブラウザからスタートして、現在はアプリへシフトをしつつ、ブラウザとアプリで展開しています。 現在の利用者は月500万人（全デバイス合計）です、スマホかPCかという意味では、8割がスマホ（アプリ＋WEB）です。 アプリのダウンロード数は公開していないのですが、3ケタ万（100万ダウンロード以上）にはなって

プラグイン開発があるので改めて書籍でWordPressプラグイン周りを確認。 どのようなプラグインがもてはやされていて、どのようなお作法や注意点があるのかなどひと通りの確認をしたいと思い以下3冊を選択。 プロが選ぶ WordPress優良プラグイン事典 プロが選ぶ WordPress優良プラグイン事典 作者: 相原知栄子,一戸健宏,大串肇,大島義裕,大曲仁,北村崇,小島勝茂,後藤賢司,染谷昌利,高野直子,高橋文樹,鳥山優子,西川伸一,服部久純,星野邦敏,松田千尋,吉澤富美出版社/メーカー: エムディエヌコーポレーション（MdN）発売日: 2013/03/25メディア: Kindle版この商品を含むブログを見る サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル 作者: 宮内隆行、西川伸一、岡

css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h

本日、はてなブックマークに新しく「あとで読む」機能を追加しました。 「あとで読む」機能では、タグ「あとで読む」または「後で読む」を付けてブックマークした記事のうち未読の記事を、任意のタイミングで通知します。また、PC版の新ユーザーページ*1とiOSアプリ、Androidアプリにて、未読の記事を一覧することができます。 未読記事の通知先は、はてな各サービスのヘッダーにある「あなたへのお知らせ」欄、iPhoneへのプッシュ通知の2つです*2。iPhoneへのプッシュ通知を有効にするには、iOSアプリ「はてなブックマーク」をインストールしてください。こちらから、通知する曜日と時間、通知の対象とするブックマークの範囲を指定できます。 PC版の新ユーザーページとiOSアプリ、Androidアプリでは、「未読ブックマーク」を一覧表示することができます。記事が既読かどうかの判定は、「未読ブックマーク」も