- 会社・スタッフ紹介
- メディア掲載
- Web Designing
2011年12月号より、Web業界唯一の専門誌「Web Designing」で
連載を行なっています。
Web Designingの人気コーナー「現場で役立つ技術力養成講座」で、Smartphone Lab.を連載しています。是非、お買い求めいただき、お読みください。
Web Designing http://book.mycom.co.jp/wd/
2012年5月号 Vol.130
- SmartphoneLab.
- jQuery Mobileでフォームを拡張する
- スマートフォンは、フィーチャーフォン（一般的な携帯電話）に比べて、画面が大きく、サイトの閲覧がしやすい。しかし、タッチパネルを使っているスマートフォンではフォームへの入力がしにくく、使い勝手は決して良いとは言えない。昨年、正式版が公開されたjQuery Mobileは、このようなスマートフォンの特徴を認めた上で、スマートフォンでも入力がしやすいようにフォームを拡張する機能が搭載されている。
2012年4月号 Vol.129
- SmartphoneLab.
- 少ないエリアで多くを見せる「隠すレイアウト」
- フルブラウザ機能を備えたスマートフォンだが、PCのディスプレイを比べると、その表示領域は圧倒的に狭い。スマートフォンに最適化したサイトでは、重要なコンテンツをなるべく削除しないで閲覧できるようにするかが課題の一つになるだろう。今回は、情報量の多いコンテンツを「わかりやすく隠すレイアウト」を紹介する。
2012年3月号 Vol.128
- SmartphoneLab.
- 位置情報を取得して案内マップを作ろう
- スマートフォンはパーソナルなツールであり、常に携帯しているものである。屋外でも移動中でも気軽に、そしてPC並みのクオリティでWebサイトにアクセスできることは非常に便利で、スマートフォンを使う大きな魅力でもある。そんなスマートフォンならではの機能として、位置情報機能がある。今回は位置情報機能を使って簡単なWebアプリ「案内マップ」を作ってみよう。
2012年2月号 Vol.127
- SmartphoneLab.
- jQuery Mobile はじめの一歩
- 先日、「jQuery Mobile」の正式版がリリースされた。
α版、β版の時代が長く続いていたので、手を付けるのをためらっていた人も多いのではないだろうか。
「jQuery」という名がついているが、JavaScriptフレームワークであるjQueryとは内容も使い方も異なる。
そのため、どのようなものなのかイメージがつかずに敬遠していた人もいるかもしれない。
今回は、jQuery Mobileを「まずは使ってみる」ということに焦点を絞って解説していこう。
2012年1月号 Vol.126
- SmartphoneLab.
- スマートフォン特有の操作「フリック」を導入する
- スマートフォンは、さまざまな点でPCとは異なるインターフェイスを備えているが、中でも「フリック」はタッチパネルを利用したスマートフォンならではの操作方法だ。フリックでコンテンツを滑らかにスライドさせていくのは心地よいものだ。今回は、「フリック」を実現する方法を解説しよう。
2011年12月号 Vol.125
- SmartphoneLab.
- 「viewport」の定番設定パターンを習得する
- 今月から始まった当Labでは、今や必須となりつつあるスマートフォン対応について、様々なノウハウをお届けする。
さて、スマートフォンサイト制作の最初の関門といえるのが「viewport」だ。PCサイトには存在しない「窓」の概念を理解し、もろもろのパラメータを設定していくだけでも一苦労だ。しかし、実は現行のスマートフォンサイトで使われる「viewport」の設定パターンは、とても少ないのだ。今回は、定番とも言える3つのパターンを紹介していこう。
