株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報

au 2011年秋冬モデルで何が変わったか？

koreadays — Tue, 13 Dec 2011 10:54:10 +0900

auでは今年の秋冬モデルから新仕様の端末F001が発売された。新仕様の端末は従来の端末とは異なり、IPアドレス帯域が新仕様端末専用の帯域に変更された。新仕様についてはauの技術サイトEZFactoryにも掲載されているけど圧倒的に情報量が少ない。掲載されている情報が全部とも思えないので、実機を使って実際の仕様を調べてみた。

携帯サイトを簡単にスマートフォン対応するsparrow.jsについて

ナカニシ — Wed, 19 Oct 2011 14:43:02 +0900

9月にシンメトリックからscriptタグを1行追加するだけで携帯サイトがスマートフォンでも同じように見れるようになるJavaScriptソフトウェア「sparrow.js」がリリースされました。sparrow.jsはソースが公開されており、誰でも手軽に利用することができます。是非ご利用になってみてください。リリースの宣伝はこれくらいにして、今回の記事ではsparrow.jsについてを解説したいと思います。

リダイレクト時のステータスコードには何を使えばいいか？

koreadays — Tue, 27 Sep 2011 10:35:43 +0900

HTTPではリダイレクトするときに300番台のステータスコードを使用する。具体的に言うとリダイレクトを表すステータスコードには301/302/303/307の4種類があって、用途によって使い分けられるようになっている。が、モバイルの世界では4種類のステータスコードを自由気ままに使えるわけじゃない。実機での調査結果を元に、ステータスコードの使い方をまとめてみた。

自然体PMのススメ：進捗管理(7/7)イニシアティブを握ること

エラモサウルス — Tue, 13 Sep 2011 10:33:44 +0900

顧客は、きちんとプロジェクトが進行しているか知りたく、きちんと終わるのか知りたがっています。これに応えられなければPMとしては失格であり、進捗管理において以下は顧客との関係において必須となります。定期的な正しい現状報告、その報告が正しいことを示す証拠の提示現状に即し、実行可能で理にかなった計画、その計画が選択された理由の提示現状報告と計画によって、順調に進捗しているorゴールに間に合う、と判断できること相当に難しいことに思われるかもしれませんが、プロジェクトは常にこの状態に置かれていなければなりません。プロジェクトの最悪な事態は、「間違った」「不明瞭な」「嘘」である報告から始まります。正しく現状を把握することは最重要事項です。現状把握ができない管理方法は最悪な事態への第一歩と言えるでしょう。

自然体PMのススメ：進捗管理(6/n)Excel。A4で印刷できるように

エラモサウルス — Thu, 28 Jul 2011 10:17:20 +0900

ずっとBlogのことが気になっているうちに2年以上の月日が経ってしまいましたが、なんと、続きです。これまでの「自然体PMのススメ：進捗管理」の記事は以下。（1/n）最終日を守る。予定は次善策（2/n）無駄をなくせば成功する（3/n）実体に則せばうまくいく（4/n）ガントと進捗線が破綻に導く（5/n）マイルストーンに向かって走れ

スマートフォンのラジオボタンを使いやすいサイズにしたい

YOU — Tue, 14 Jun 2011 14:06:14 +0900

スマートフォンは画面をタッチして操作をするので、フォームを使ったページではラジオボタンとチェックボックスのサイズは入力のしやすさに大きく関わってきます。情報を入力しているときにボタンサイズが小さくてタッチしにくいと、イライラしてしまったり入力を諦めてしまったりするので、ECサイトなどでは購入機会の損失につながる深刻な問題になりかねません。それを防ぐ為にも、ボタンは最適サイズにしておきたいものです。そこで、どのようなCSSプロパティを使うとiPhone、Android端末でボタンをタッチしやすいサイズに調整出来るのか実際に確認してみます。 iPhoneとAndroid端末では結果が少し違っていたので、その結果をまとめてみました。

Androidでフォームを数字入力モードに設定するには？

koreadays — Tue, 24 May 2011 14:37:08 +0900

フィーチャーフォンでは、フォームでテキストを入力する際の文字入力モードをHTMLの属性（istyle="4"など）で指定できる。文字入力モードは「ひらがな」「カタカナ」「英字」「数字」のように文字種を指定できるから、入力モード切替が煩わしい携帯では切り替えの手間が省け、ユーザビリティが良くなる。ではスマートフォンは入力モードに対応しているか？いや、Androidに搭載されたブラウザは標準HTML準拠だからダメに違いない・・・。そう思ってあきらめていた。が、調べてみるとAndroidブラウザでも数字モードに設定する方法があった。

JavaScriptとjQueryでスマートフォンでの画像保存をプロテクトする

char — Wed, 27 Apr 2011 15:19:38 +0900

Webページ上の画像は、Webに公開する以上閲覧者に保存されたり複製されるのは仕方のないことです。基本的にPCブラウザと同じ構造のスマートフォンブラウザで複製を完全に防止する対策法はありません。しかし、フィーチャーフォンでは画像の保護や転送をブロックすることが一般的に行われており、スマートフォンでも同様のことをしたいという事情もあると思います。調べたところ、「dwImageProtector Plugin for jQuery」というjQueryプラグインで画像保存をブロックする方法がありました。スマートフォンはJavaScriptが動作しjQueryも使えるので、これを利用したプロテクト方法を紹介します。

Androidスマートフォンの壁紙サイズの法則が見えてきたぞ

char — Tue, 15 Feb 2011 10:47:11 +0900

2010年冬、携帯キャリア各社から続々とAndroidスマートフォンが発売されました。シンメトリックでは新発売スマートフォンのスペックを調査しており、私も実機を使っての調査に携わっています。2010年秋以降は、この調査ワークが忙しくなり、世のスマートフォンブームを実感しています。調査するスマートフォンの機種スペック項目には、実機を触らなくても情報収集でほぼ確実に予測できるものもあります。それらには、一定の法則性や制約が存在するからです。しかし壁紙サイズは、実機で調査しなければ判らない項目でした。なぜなら私が調査に関わり始めた2010年夏頃は、Androidスマートフォンがまた２，３機種程度と少なく、三者三様で何の法則性もないように思えたからです。あれから半年ほど、モバイル業界はAndroidで一層盛り上がっています。2010年秋冬は次々とAndroidスマートフォンが発売されました。私たちはスケジュールの合間をぬい実機調査にいそしむ日々。そんなあるとき、今まで調べた壁紙サイズを眺めていたら、ふとあることに気が付きました。もしかしたら・・・、そうかもしれない・・・、そういうことか！と、ここへきて壁紙サイズが予測できるルールが見えてきました。

来年の課題は間違いなく　「モバイルサイトのスマートフォン対応！」

ya-yo — Wed, 22 Dec 2010 16:47:16 +0900

シンメトリックの携帯コンテンツ変換エンジン「ラウンドアバウト」のPRです。今年の秋・冬モデルとして、各キャリアからスマートフォン端末が発表され、最近では続々と発売開始されています。現に、私も今まで使っていたドコモ端末をスマートフォン(Android)に機種変更しました。その機種変更した際に、一般消費者のスマートフォンに対する関心がニュースで目にする以上に高いものだと猛烈に感じました。スマートフォン売り場は、ドコモ、au、ソフトバンクどのキャリアも人で溢れてました。手にとっていじっている人も若い女性や、中年の男性や夫婦など、今までにない層の人たちが多くいました。今年はiPhoneが爆発的に普及しましたが、来年は間違いなくAndroidがそれ以上に普及するでしょう。きっと、来年はAndroid元年になります。そんな来年の課題は間違いなく「モバイルサイトのスマートフォン対応！」その解決策が、スマートフォン＋ケータイ、すべてのモバイルを高品質で一元化するサイト変換ツール「ラウンドアバウト」です。是非、ITmediaの記事をご覧下さい。関連記事： “存在を感じさせない”サイト変換ソリューションで、業務効率が向上（ITmedia）

Andorid2.1のブラウザはShift_JISをサポートしないのか？

char — Mon, 13 Dec 2010 17:33:47 +0900

11月11日、XperiaがAndroid OSを2.1にアップデートされ、今冬続々と発売されているAndroidスマートフォンの多くがOSバージョン2.1です。 OS2.1のスマートフォンでWebサイトを見ていると、こんなエラーが出てしまい、ページが見られないことがありました。 This page contains the following errors: error on line 1 at column 36: Unsupported encoding Shift_JIS Below is a rendering of the page up to the first error. Shift_JISをサポートしていませんって・・・国内のスマートフォンが日本で普通に使われる文字エンコーディングをサポートしていなかったら大変なことだぞと思い、実際のところを調べてみることにしました。

SoftBank SSL仕様変更への対処まとめ

koreadays — Tue, 16 Nov 2010 14:28:18 +0900

先日、SoftBankのネットワーク環境が変更されるとの通知が行われた。内容はと言うと、2011年2月以降にWebブラウザからSSL通信を行う際の仕様が変更されるというものだ。果たしてWebサイト側ではどのような対応が必要になるのか？

auブラウザ、いまだにUTF-8が使えず！

koreadays — Thu, 09 Sep 2010 15:10:36 +0900

携帯ブラウザでは元々Shift_JISしか対応していなかったけど、FOMAサービスが開始された2001年頃からUTF-8対応の端末が徐々に増えてきた。携帯でも(X)HTMLのキャラクタエンコーディングはそろそろUTF-8でいいんじゃないか？そう思って実験的にコンテンツを表示させて見ると・・・。au端末の挙動が明らかに変だ。

入力フォームの操作性、機種による違いにご注意！

koreadays — Thu, 08 Jul 2010 14:18:41 +0900

入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。今回は携帯の十字キーの操作性にフォーカスしてみる。

iPhoneでサイトをホーム画面に追加した時のアイコンはどうやって指定するの？

ya-yo — Tue, 22 Jun 2010 14:20:20 +0900

iPhoneのホーム画面に以下のようなURLショートカットアイコンを表示できることを知ってましたか？今回はこのURLショートカットアイコンをホーム画面に追加する方法と、サイト制作者がこのアイコンを指定する方法について紹介したいと思います。

画像をピッタリ横並び表示させるテクニック

koreadays — Thu, 10 Jun 2010 16:59:32 +0900

メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。

maxlength属性の仕様の違いには要注意！

koreadays — Thu, 22 Apr 2010 20:00:23 +0900

入力フォームではおなじみのmaxlength属性。携帯ブラウザでも使えるけど、やっぱり機種依存がある。機種依存の影響は大きく、場合によっては画面遷移やDB定義にまで手をつけないといけないことも・・・。まずは手元にある端末を使って実機調査を敢行した。

自力でNoClassDefFoundErrorを解決！（後半）

koreadays — Wed, 14 Apr 2010 16:44:31 +0900

前回はTomcatにおけるクラスローダの全体像を書いた。今回はクラスの参照可否性について説明したい。クラスの参照可否性とはクラスローダがクラスを読み込むことができるかどうかの条件で、少々複雑な内容になる。前回説明したクラスローダの階層と今回説明する参照可否条件まで知っておけば、クラスローダに起因する問題には大部分対応できるハズだ。今回はサンプルコードを元に説明したい。

HelmaでサーバーサイドJavaScript - データベースを使う

char — Wed, 07 Apr 2010 16:04:37 +0900

Helmaシリーズ第３回、今回の内容は、Helmaでデータベースを使う方法についてです。データベース連携のための準備 helma.Databaseオブジェクトを使ったデータベースアクセス HelmaにはO/Rマッピングが用意されています。O/RマッピングはSQLレスにプログラミングができることが魅力ですが、結論から言うと、私はhelma.Databaseオブジェクトを使った方法で目的を果たしました。テーブルをJOINするなど、既に書くべきSQLがわかっているのにO/Rマッピングの方法がわからず、調べるのに時間がかかりすぎてしまったからです。という事情で、ここで説明する方法は、O/Rマッピングを使わない別の方法です。O/Rマッピングでの方法は、記事の最後に参考URLを掲載するので、そちらを参照してください。

自力でNoClassDefFoundErrorを解決！（前半）

koreadays — Mon, 15 Mar 2010 18:00:19 +0900

前回の記事ではJavaクラスローダに関する現象を書いた。普段はあまり意識することの少ないクラスローダだけど、前回のような現象が現実に起きていることを考えると、クラスローダに対する多少の知識はあったほうが絶対に役立つ。今回はクラスローダの様々な機能・特徴のうち、Webアプリケーションプログラマでも是非知っておきたい情報を2回に分けてまとめてみた。キチンと理解できればTomcatでNoClassDefFoundErrorが起きてもすぐに解決できるようになるはずだ。