製品コンセプト | SYMMETRICソフトウェア開発ブログ

携帯サイト制作の実践ノウハウ：マルチキャリアで見えるコピーライトマーク（©）の出し方

コピーライト「©」や登録商標「®」のような文字参照は、auでは「C」「R」と表示されます。下のように英字テキストと接したところが「R」や「C」になってしまうと、ユーザーに正確な情報が伝えられないので困り者です。（W61Kでの登録商標マーク、コピーライトマークの表示）ラウンドアバ …

携帯サイト制作の実践ノウハウ：ドコモ絵文字を本来の色で見せたい

デフォルト（青）以外のリンク色が設定されたページで、リンクテキストに絵文字を使うと、ドコモでは絵文字の色がリンク色と同じになります。リンクに限らず通常のテキストに色指定した場合も同様のことが起きます。これでは絵文字の装飾が際立たず、見栄えもしません。本来の絵文字の色に戻すには、下のソースのようにs …

どこまでも拡張できる超大規模システムを目指して

“THE MAGIC ROUNDABOUT”というものがあるそうで、ラウンドアバウトがいくつも連結しています。大きな地図で見る運転するとなれば、これはちょっとびびりますね… 携帯コンテンツ変換のラウンドアバウトでは、大規模システムをターゲットした製品です。大規 …

快適な交差点→安定して高速な変換システムを目指して②

通行量が適切であると、実際のラウンドアバウトでは不思議なくらい、うまく機能するようです。 [youtube=http://www.youtube.com/watch?v=LA3qv1dkAVw] 携帯コンテンツ変換のラウンドアバウトでは、大量の通信が発生しても常に安定的なサービスが出来るように不断の …

快適な交差点→安定して高速な変換システムを目指して①

パリの凱旋門はもしかしたら一番有名なラウンドアバウトかもしれません。大きな地図で見るそこでも、交通量が増えてくると、ノロノロの渋滞も起きるようです。 [youtube=http://www.youtube.com/watch?v=lay8aZlsbB0] 携帯コンテンツ変換のラウンドアバウトでは …

事故の無い交差点→ロバストなシステムを目指して

本当のラウンドアバウト（交差点）の運転は、最初は非常に難しいらしい（人伝の話ですが）です。なかなか入れない、下手をすればグルグル回ったり、違うところへ出ちゃったり…経験が無くても想像はつきます。最悪、事故になることもあります。 [youtube=http://www.youtube.c …

“ラウンドアバウト（roundabout）”という名の由来

「ラウンドアバウト」という名前は多くの日本人にはなじみ名の無い単語だと思います。なぜこんな名前をつけたか、名前に込めた意味を書こうと思います。ラウンドアバウトとはイギリスなどにある交差点の形につけられた名前です（回転木馬と言う意味もありますが）。こんな交差点です。そう、最近のラウンドアバウトBLO …

携帯サイト制作のヒント：クローラーをキャッチしSEO対策をしやすくする

カスタマイズ可能な端末グループの１つ、「クローラーグループ」は、携帯サイトのクローラー対策に役立つ端末グループです。クローラーのUser-Agentを設定ファイルに書いておくと、クローラーからのアクセスが判別でき、PIやアプリケーションでクローラー向けの処理を書くことができます。 ●クローラーグル …

携帯サイト制作のヒント：端末グループを使いこなす

PI機能で使える条件式には、ラウンドアバウトが持つ機種情報の項目名以外に「端末グループ」を使うことができます。またリクエストヘッダ「X-RA-Device-Group」から取ることもでき、アプリケーションの開発サポートとしても活用できる機能です。端末グループはいくつかの機種をグループ化したもので、 …

携帯サイト制作のヒント：PI機能で表示コントロール

ラウンドアバウトの機能の１つに、アクセスした機種の属性に応じて、コンテンツ内の表示の一部を切り替える機能（PI）があります。出し分けたい内容をHTML上に記述すれば、条件にマッチする機種にのみ表示させることが可能です。 PIとはProcessing Instructionの略記で、XML文書中に特定 …

携帯サイト制作のヒント：2ペインレイアウトをするには？

ページを縦に分割する２ペインレイアウトは、一目で多くの情報を見せることができ、ユーザビリティ向上に効果的なレイアウトです。 PCサイトではdivなどのブロック要素にfloatプロパティを指定することで２ペイン・３ペインのレイアウトをしますが、携帯サイトではdivにfloatが効かず横に並べられないの …

携帯サイト制作のヒント：綺麗な箇条書きを実現するには？

箇条書きリストは情報を整理して見せるのに効果的ですが、PCサイトでは一般的でも携帯サイトでは使われません。下の例のように字下げ幅やマーカーの見た目の違いが大きいことや、ドコモはCSSプロパティでアレンジできることがほとんどないことから、見た目をアレンジしたくても３キャリアで同じような表示ができないの …

ラウンドアバウト・ホスティングの存在理由

ラウンドアバウト・ホスティングは、「コンテンツ変換製品やサービスは高すぎる」「携帯サイトを手作りするのは大変だ」という中で、もっと安く素晴らしいコンテンツが作れないと「モバイルはこれ以上発展しない」という危機感から生まれています。サービスコンセプトは次のようなものです。今やクラウドという時代にあっ …

携帯コンテンツ変換ASP：プロキシ型携帯変換の限界

敢えて単刀直入に書けば、次のようになります。「ドコモ端末用にコンテンツを作っているので、ドコモ端末は変換を通さずにアクセスする」という一見理に適ったように思える構成でも２つの疑問が生じます。ドコモ端末に生じる問題は解決してくれないのか？であれば、ドコモ端末での問題は自分で解決しなくてはならない …

携帯コンテンツ変換ASP：プロキシ型の２URLとドコモ無変換の問題

プロキシ型携帯コンテンツ変換ASPでは、２つのURLが存在します。１つは元のコンテンツのあるWebサーバで、もう1つが変換プロキシサーバです。多くの場合、まず本当のURLを持っているコンテンツサーバにアクセスし、au/softbankの時は変換サーバにリダイレクトされます。そして、この事がこの方式の …

携帯コンテンツ変換ASP：コストと運用面の比較

ASP利用では導入コストが低くても、運用コストが高ければ元も子もありません。課金体系について、ラウンドアバウト・ホスティングと変換プロキシ型ASPでは大きく異なっています。基本月額料金従量超過課金（1PV換算）ラウンドアバウト・ホスティング 2～3万円（共用）、10万～12万円（専用）※サーバ …

携帯コンテンツ変換ASPの種類

ラウンドアバウトや他社競合製品を導入する場合、自ら選定・テスト・購入・導入する必要が生じます。その手間を省くことができるのが、ASPです。ASPであれば、利用したい期間だけ使えたり、製品テストなどをする必要が無いので、気軽に導入が図れます。そして、携帯変換にもASPがあり、2種類あります。１つはラ …

携帯サイト制作のヒント：行間が詰まって読みにくいので改善したい

新着情報など一覧でテキストを見せるようなページで、行間が詰まっていると読みにくい印象を与えます。背景色の付いたボックスと接する箇所は特に余白が欲しくなります。 PCサイトではCSSのline-heightやmarginプロパティを使えばできますが、携帯サイトの場合、最も普及するiモードブラウザ1.0 …

携帯サイト制作のヒント：アイコンを使ったわかりやすいナビゲーション

PCサイトではアイコンと言えば画像ですが、携帯サイトではアイコンに絵文字を使うことが一般的です。なぜなら、文字と同じくらいの画像を常に配置しておくことが難しいからです（画面サイズの数だけの画像と、それを切替える仕組みが必要）。ラウンドアバウトを使うと画像は画面のサイズと連動して縮小するので、PCサ …

携帯サイト制作のヒント：回り込みはできますか？

ページレイアウトを工夫する際画像のテキスト回り込みは携帯サイトでもよく見られます。ドコモ・ソフトバンクはCSSのfloatプロパティ、auはalign属性とキャリアによって方法が異なり、一般的にはベタベタに両方を書いたりキャリアによって記述を分けたりします。ラウンドアバウトなら言語変換と外部CSS …