間違いだらけの「かんたんログイン」実装法
今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間
FACEs: 携帯Flash (FLASH Lite 1.1) へ普通にパラメータを渡す
http://faces.jp/files/ao/0814/wrap.php?a=welcome&b=to&c=faces 上記リンク先でURLのパラメータを変更してみてください。 ソースは 'test.swf' の部分を好きな swf に書き換えて下さい。→ zip ファイル というか、「iモード用のFLASHにパラメータを送りたい」 に antwerpen さんが書いてくれてるものを function にくるませてもらっただけです。ありがとうございました。 <? header("Content-Type: application/x-shockwave-flash"); //echo swf_wrapper('test.swf',array('arg'=>"dsadasdasdasdadadsa")); echo swf_wrapper('test.swf',$_GET); fun
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
携帯電話事業者に学ぶ「XSS対策」 - ockeghem's blog
NTTドコモとソフトバンクモバイルは、フィーチャーフォン（いわゆるガラケー）にてJavaScriptの対応を始めています。JavaScriptに対応すると、クロスサイト・スクリプティング(XSS)脆弱性の懸念が高まりますが、両社は独自の手法によりXSS対策をしている（しようとしている）挙動が観測されましたので報告します。この内容は、オレ標準JavaScript勉強会でネタとして使ったものです。 NTTドコモに学ぶ「XSS対策」まず、サンプルとして以下のようなXSS脆弱なスクリプトを用意します。 <?php session_start(); ?> <body> こんにちは<?php echo $_GET['p']; ?>さん </body>これを以下のURLで起動すると、IE7では下図のような表示になります。 []http://example.com/xss01.php?p=山田<scrip
ke-tai.org > Blog Archive > 機種やキャリアによって異なる十字キーの操作性について解説された記事「入力フォームの操作性、機種による違いにご注意！」
機種やキャリアによって異なる十字キーの操作性について解説された記事「入力フォームの操作性、機種による違いにご注意！」 Tweet 2010/7/13 火曜日 matsui Posted in 記事紹介・リンク | No Comments » ちょっと良さげな記事をみかけたのでご紹介します。 携帯コンテンツ変換エンジンroundaboutでおなじみのシンメトリック社の技術ブログに、機種によって異なる十字キーの操作性とユーザビリティについて解説された「入力フォームの操作性、機種による違いにご注意！」というエントリーがありました。 → 株式会社シンメトリック公式ブログ 携帯開発から生まれる技術情報 – 入力フォームの操作性、機種による違いにご注意！ [symple.jp] ここ最近ドコモのiモードブラウザ2.0が普及してきたことから、ケータイサイトの操作の基準は大きく変わってきています。 今まで
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
mineoで節約暮らし✨
mineoを契約する時の初期費用、けっこうかかりますよね…。 ①契約事務手数料・・・3300円 ②SIMカード発行料・・・440円 ①＋②で合計3740円となりますが、申し込み時にエントリーパッケージ（エントリーコード）を使えば、①の契約事...
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
iモード専用サイトのhtmlソースの閲覧方法 « mpw.jp管理人のBlog
iモードブラウザ2.0のJavaScriptを調査･研究する過程で、iモード専用サイトのhtmlソースを閲覧する方法を発見しました。 今回発見した方法を用いれば、「ドコモ・ゲートウェイ以外からのアクセスを禁止している」、「サーチエンジンのクロールを禁止している」、「XSS脆弱性が存在しない」の三つの条件を満たしているiモード専用サイトでも、htmlソースを閲覧することができます。 しかし、htmlソースを閲覧するためには、そのiモード専用サイトが別の二つの条件を満たしている必要があります。 htmlソースが閲覧可能なiモード専用サイトの条件 デフォルトホストで運用されている。（ヴァーチャルホストではない） iモードブラウザ2.0のJavaScriptからのアクセスを禁止していない。 iモード専用サイトのhtmlソースの閲覧方法 iモードブラウザ2.0のJavaScriptで、htmlソース
ke-tai.org > Blog Archive > AWStatsを使って国内ケータイのアクセス数を集計するには（CentOS5編）
AWStatsを使って国内ケータイのアクセス数を集計するには（CentOS5編） Tweet 2009/11/12 木曜日 matsui Posted in サーバ | 2 Comments » AWStatsはフリーのウェブサーバログ解析型のアクセス集計ソフトです。 フリーの割にはグラフィックがよく、日本人にも馴染みやすいインターフェイスのため、利用されている方も多いと思います。 → AWStats official web site [awstats.sourceforge.net] しかしながら、デフォルトでインストールしたままのAWStatsでは、国内ケータイ電話からのアクセス数を正しく集計できません。 ※なぜか検索エンジン（ロボット）からのアクセスと判定されるようになっています。 今回はyumでインストールできるCentOS5標準rpmの場合を例にとって、ケータイからのアクセスが
世界の株価と日経225 [スマホ・iPhone版]
【複合チャート】 ☑ はデフォルト表示 ☑ USD/JPY=為替ドル円 ☑ NIKKEI=日経平均株価 ☑ NK CFD=日経平均CFD NK OSEm=日経先物mini大阪 ☑ FTSE=英国FTSE100 ☑ DOW=米国NYダウ ☑ DOW CFD=NYダウCFD OIL=WTI原油先物 BTC/JPY=仮想通貨ビットコイン チャート上部の指数名をクリックすると表示非表示が切り替わります。 チャートは指数の表示と期間の変更をCookie保存して、次回アクセス時に同じ設定で表示をします。スマホでは変更後にチャートを一度タッチしないと設定変更が保存されません。 【前日比の色】 銘柄によって前日比の色を分けています ぱっとみの色の強さで注目すべき銘柄を分りやすくなるようにしています。 「指数」=株価指数、株価指数先物、債券利回り 「為替」=為替 「先物」=原油、金、仮想通貨（恐怖指数は先物
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
携帯サイトのDOCTYPE分岐方法 - ある人のぼやき [Webぷろぐらま]
なんか面白そうだったので乗ってみる http://ma-san.org/2009/10/htmlphpdoctype.html $LIB_MPの詳細はこっち http://d.hatena.ne.jp/aquarn/20080523/1211556411 <?php $htmltype = $LIB_MP->get("htmltype"); if($htmltype == 'XHTML'){ if($LIB_MP->get("carrier") == 'DOCOMO'){ header("Content-type: application/xhtml+xml"); echo '<?xml version="1.1" encoding="Shift_JIS"?>'."\n"; echo '<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHT
![携帯サイトのDOCTYPE分岐方法 - ある人のぼやき [Webぷろぐらま]](https://cdn-ak-scissors.b.st-hatena.com/image/square/429761a68ae507968c3ddd975a7fce83800e9161/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127140169872%2F17680117127140174144%2F1558124436)
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
体験空間 -Sony Style
「Life-X」との連携により、「Flickr（フリッカー）」「Picasa（ピカサ）ウェブ アルバム」「フォト蔵」などのフォトサイトにあげた自分の画像や、フレン ドの最新の画像を、待受画面に表示できるようになりました。 また、フォトサイト上の画像に直接コメントを書いて、フレンドと共有した りと待受画面を使った、新しいコミュニケーション・スタイルが楽しめます。 ※ 「まちうけフォトウォッチ ver.2.0」の「Life-X」連携機能をご利用いただくた めには、「Life-X」へのユーザー登録（無料）が必要になります。 「Life-X」について詳しく知りたい方や、まだユーザー登録をされていない方は「こちら」から。 また、体験空間でも 「Life-Xラボラトリー」を開設！！ 「Life-X」の本サービスで正式に提供される前の実験的な機能やアプリを順次リリースしていく 予定です
ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
