ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プラットフォーム - スマートフォンの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • Premium_s 2013/05/14

業務で使えるオープンソース(77)「スマートフォンモックアップ」

今回のテーマはスマートフォンアプリのモックアップ開発についてです。最近では多彩なモックアップ開発サービス、ソフトウェアが出ていますが、それらを使う利点について取り上げてみたいと思います。

List

  • 2013/05/02

スマートフォンに特化したWebアプリケーションフレームワーク「Emy」

Emyはスマートフォン向けのWebアプリケーションフレームワークです。スマートフォン向けのWebアプリケーションフレームワークは幾つか存在します。有名なところではjQuery MobileやSenchaでしょうか。その土俵に乗り込まんとするEmyを紹介します。良くあるiPhoneアプリ風のUIです。色々なデモが用意され...

List

  • 2013/01/12

ネイティブライクなスマートフォンWebアプリを開発するフレームワーク「Junior」

JuniorはBackbone.jsやRatchetを使ってスマートフォン向けにコンテンツを提供する方法は主に二つあります。一つはネイティブアプリ、もう一つはWebアプリです。Juniorはネイティブ並みのWebアプリを開発するためのフレームワークを提供します。右側にあるのがデモアプリです。横スクロール可能なスライドは...

List

  • 2013/01/07

イメージに合わせてどんどんプロトタイプを作れるフレームワーク「Framer」

Framerはデスクトップ、スマートフォンのWebに対応したプロトタイプを作成するためのフレームワークです。インターネット上のサービスはより素早く実装が求められるようになっています。そこで必要になるのがプロトタイプライブラリです。今回はWeb/スマートフォン双方に対応したFramerを紹介します。例。単純にビューを表示...

List

  • 2012/11/27

Mozilla製。すっきりとしたデザインのスマートフォン用OS「Firefox OS」

Firefox OSはMozillaが開発するスマートフォン用OSです。Mozillaがオープンソースのスマートフォン向けOS、Firefox OSを開発しています。いち早く機能を試したいという方はFirefoxアドオンとして動作するシミュレータを使ってみましょう。インストールしました。左側のシミュレータスイッチを入れ...

List

  • 2012/08/28

スマートフォンに特化したEコマースシステム「MobileCartly」

MobileCartlyはスマートフォンに特化したコマースシステムです。スマートフォンにおけるEコマース利用は無視できないレベルに大きくなっています。特に携帯電話でのモバイルコマースが活発だった日本ではそうでしょう。そこで注目したいのがMobileCartly、スマートフォンに特化したコマースソフトウェアです。メイン画...

40751?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-10-14.20.06_thumb

  • 2012/07/21

ネイティブアプリ風の操作ができるスマートフォン用Webフレームワーク「Sidetap」

Sidetapはネイティブアプリライクな操作性が特徴のWebアプリケーションフレームワークです。iOS向けにサービスを提供する場合ネイティブアプリを使うのとWebアプリケーションとの二つが選択肢になります。よりユーザがアクセスしやすいのはWebアプリケーションでしょう。そこでユーザ体験を良いものにすべくSidetapを...

List

  • 2012/05/08

dribbbleをスマートフォンで楽しむ「hooppps」

hoopppsはdribbbleをスマートフォンに最適化させるWebアプリケーションです。世界中のデザイナーが自分のWebデザインを自慢(?)しあうdribbble。そんなdribbleをスマートフォンからスムーズに閲覧できるのがhoopppsです。デザインと表示数、お気に入り数、コメント数が確認できます。一覧はさくさ...

List

  • 2012/05/03

スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック「jQuery Mobile Icon Pack」

jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。アイコンの一覧です...

List

  • 2012/04/27

Facebook製。モバイルWebブラウザテスター「Ringmark」

RingmarkはモバイルのWebブラウザテスターです。3つの輪が描かれたUIが特徴です。RingmarkはFacebookからリリースされたモバイルデバイスにおけるHTML5サポート状況チェックツールです。W3Cに寄贈されました。自動でテストが開始されます。リング0のテストが終わってリング1のテストに入ります。テスト...

33599?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-19-15.32.11_thumb

  • 2011/12/30

zepto.jsを使った軽量スマートフォンWebアプリケーションフレームワーク「Zoey」

Zoeyはzepto.jsを組み込んだ軽量なスマートフォン向けWebアプリケーションフレームワークです。以前紹介したスマートフォン向けjQueryと言えるのがzepto.jsですが、そのzepto.jsを組み込んだスマートフォン向けWebアプリケーションフレームワークがZoeyです。デモです。ボタンコンポーネントです。...

33426?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-15-15.32.03_thumb

  • 2011/12/27

スマートフォン向けHTML5ベースのゲーム開発フレームワーク「jAction」

jActionはスマートフォン向けHTML5ゲーム開発を効率化するJavaScriptライブラリです。HTML5を使えばダイナミックなアクションを実現するゲームだって作成できます。そしてスマートフォン向けのHTML5を開発する際に使ってみたいフレームワークとしてjActionを紹介します。チュートリアルアプリです。まず...

List

  • 2011/12/20

エンタープライズでもスマートフォンを活かす際に参考にしたい「Employee Directory」

Employee DirectoryはJavaのJAX-RSとjQuery Mobileを組み合わせたスマートフォン向けWebアプリケーションのモックアップです。jQuery Mobileを使えば格好いいスマートフォン向けのWebアプリケーションが開発できます。しかし実際のところどうやって作ったら良いのか分からないとい...

32563?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot_2011_11_28_12_57_47_thumb

  • 2011/12/06

たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化「sparrow.js」

sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。ガラケー向けサイトをiPhone...

30269?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2fscreenshot2011-10-06-16.18.56_thumb

  • 2011/10/15

Zynga製。スマートフォンのViewportを制御「Zynga Viewporter」

Zynga ViewporterはiOSのMobile Safariでの表示を制御するJavaScriptライブラリです。iOSのWebブラウザを使って見るサイトを開発する場合に使ってみたいライブラリがZynga Viewporterです。水平、垂直表示を判断したり、表示領域を調整したりするJavaScriptになりま...

28956?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f08%2fscreenshot2011-08-19-11.23.48_thumb

  • 2011/08/31

クライアントサイドだけで作るスマートフォン最適化サイト「mobilize.js」

Mobilize.jsはデスクトップ向けのHTMLをJavaScriptで組み替えてスマートフォンに最適化された表示にするJavaScriptライブラリ。Mobilize.jsはHTML5/JavaScript製のフリーウェア(オープンソースとなっているがライセンスはなし。ソースコードは公開されている)。スマートフォン...

27601?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-10-22.18.50_thumb

  • 2011/06/27

巨大な指がポイント。スマートフォン向けタッチイベントを再現するJavaScriptライブラリ「Phantom Limb」

Phantom Limbは実際の指画像を使ってスマートフォン向けのタッチイベントをテストできるJavaScriptライブラリ。Phantom LimbはJavaScript製のフリーウェア(ソースコードは公開されている)。スマートフォン向けのWebサイトを作るならば、やはりスマートフォン特有の機能を使ってみたいと思うは...

26355?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fimg_0537_thumb

  • 2011/04/19

リストやテーブル主体のスマートフォン最適化サイトに「ChocolateChip-UI」

ChocolateChip-UIはHTML5製のスマートフォン最適化サイト用フレームワーク。ChocolateChip-UIはHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが...