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

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

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

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

もっと見る

List

  • 2016/12/31

Mobile-Checker - w3c製のモバイルサイトチェッカー

スマートフォンの世界は進化が速く、スマートフォンに対応したWebサイトを正しく作れているかどうかは熟知している人であってもなかなか判断できないのではないでしょうか。そんな時には本家であるw3cの仕様に沿うのがベストです。今回紹介するMobile-Checkerはw3cが作成しているモバイルデバイスへの適合性チェックツー...

List

  • 2016/12/20

Power Touch - スマートフォンを拡張キーボードとして使う

TouchBarはその部分自体が小さなコンピュータになっており、本体とは切り離された存在です。その可能性として、二つのコンピュータを組み合わせた利用法が考えられます。タッチを通じてメッセージを飛ばし合うことで面白い処理ができるようになるかも知れません。そんなTouchBarにインスパイアされて作られたのがPower T...

List

  • 2016/07/20

Weex - アリババ製のモバイルUIフレームワーク

スマートフォン用にWebサイトであったり、ハイブリッドアプリを提供する際には専門のUIフレームワークが欠かせません。デスクトップWebブラウザ向けとは異なるUI/UXが求められるためです。しかしそういった実装は簡単ではありません。そこでUIフレームワークが重宝します。今回はアリババ社が作ったWeexを紹介します。## ...

List

  • 2016/05/11

Eruda - スマートフォン向けのコンソール

スマートフォンのブラウザでJavaScriptをデバッグしたり、スタイルの確認を行うのは非常に面倒です。わざわざUSBケーブルで母艦とつながないといけないですし、ケーブルがない状態でデバッグなどほぼ考えられないでしょう。そこで使ってみたいのがErudaです。スマートフォン用のJavaScriptコンソールです。## E...

List

  • 2016/04/05

Mobility - スマートフォン用Web/ハイブリッドアプリ向けUIフレームワーク

スマートフォン向けにWebサイトであったり、Cordovaを使ったハイブリッドアプリを作る場合にはデスクトップ向けとは異なるUIフレームワークを使うのがお勧めです。UIはもちろん、スワイプ操作などのUXも専用の方がユーザビリティが高いでしょう。今回紹介するのはMobility、軽量なスマートフォンブラウザ向けUIフレー...

List

  • 2016/03/08

Devices - Facebook製のデバイス画像集

スマートフォンはそろそろ頭打ちと言われていますが、タブレットやスマートウォッチなど関連デバイスが増えています。さらにAndroidでは多様性があり、数多くの企業がデバイスを開発しています。そんな中でスマートフォンアプリであったり、関連ビジネスを企画するさいに使えるデザインテンプレートをFacebookがリリースしました...

List

  • 2015/05/13

Mobiscroll - スマホWebサイトに使えるUIコンポーネント

Webサイトのモバイルシフトが進んでいます。Googleはクローリングにおいてスマートフォン対応しているか否かを指標に加えると発表し、さらに単なる表示を整えるだけでなくCSS3やCanvasを使ったアニメーションを使ってまるでモバイルアプリ化のようにも動作するWebサイトも増えています。そんな中だからこそ知っておきたい...

List

  • 2015/01/05

TouchstoneJS – ハイブリッドアプリ開発に使いたいUIフレームワーク

WebブラウザでネイティブライクなUIを作成するフレームワークはデザインのトレンドに合わせて年々変わってきています。テーマで最新のUIに対応できる場合もありますが、HTML5/JavaScript/CSS3の進化も考えると、常にトレンドに乗っておくのが良さそうです。TouchstoneJSは最新のUIフレームワークで、...

List

  • Premium_s 2014/12/17

2014年のトレンド振り返り(5)「スマートフォン」

前回分はこちら。- デザイン今回はスマートフォンについて振り返ります。## iOS 8/LollipopiOSはiOS 8、Androidは5.0系であるLollipopがリリースされています。NexusのようなGoogle公式のデバイスは既にバージョンアップが可能ですが(とはいえ怖くてアップデートできないのですが…)...

List

  • 2013/11/12

Remote Preview - 多数のデバイスでの表示を一気に確認

様々なタブレット、スマートフォンでのデザイン確認に便利ですよ!スマートフォン、タブレット全盛の時代になり、各デバイスでの見え方をテストするのも大変になっています。主立ったデバイスだけで済ませてしまえれば良いですが、Androidの各バージョン、解像度ごとのテストが求められる場合も少なくありません。エミュレータで済ませて...

List

  • Premium_s 2013/10/25

スマートフォンサイト構築する際のポイント&関連オープンソース・ソフトウェア

モバイルファーストという言葉はほぼバズになってきています。今回はそのモバイルファーストに注目し、モバイルサイトを構築する上でどういった点に注意しなければならないかを挙げてみたいと思います。

List

  • 2013/09/30

フラットデザインなスマートフォンWeb UIフレームワーク「Onsen UI」

Onsen UIはHTML5/JavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。スマートフォン向けのHTMLテンプレートを使うことで最適化された表示のWebサイトが素早く構築できるようになります。今回は日本製のOnsen UIを紹介します。右側がOnsen UIの表示です...

List

  • 2013/09/10

スマートフォン、タブレットの判別情報をHTMLに追加「Device.js」

Device.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。最近はスマートフォン、タブレット、デスクトップとWebブラウザごとの処理分岐が多くなっています。そのような時に都度ユーザエージェントで判別しているのでは面倒です。使ってみたいのがDevice.jsです。iPhoneで縦...

List

  • 2013/09/02

スマートフォン向けWebアプリケーションフレームワーク「App.js」

App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。Yo...

List

  • 2013/08/31

Webの技術でスマホアプリのプロトタイプを作成「Clank」

ClankはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。スマートフォンやタブレットのネイティブアプリを開発するのは時間を要しますので、Webの技術を使ってプロトタイピングを作りスクラップ&ビルドで色々試してみるのが良いでしょう。そこで使えるのがClankです。ファイル...

List

  • 2013/07/27

スマートフォン向けのWikiエンジン「mobiki」

mobikiはPHP製のオープンソース・ソフトウェア(MIT License)です。Wikiエンジンはコンテンツを蓄積するサイトで様々に使われています。そして今後はスマートフォンが主流になっていくとなれば、スマートフォン用のWikiエンジンが欲しくなるはずです。今回はその一つ、mobikiを紹介します。メイン画面です。...

List

  • 2013/06/27

スマートフォン向けのアプリダウンロードバナーを切り替える「jQuery Smart Banner」

jQuery Smart BannerはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。iPhoneやAndroidでWebアプリを配布しているWebサイトを訪れたらスマートバナーを使ってダウンロードリンクを提示してあげるとダウンロードまでスムーズに運べそうです。そこで使...

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アプリを開発するためのフレームワークを提供します。右側にあるのがデモアプリです。横スクロール可能なスライドは...