タグ

mobileに関するVERSATRANのブックマーク (31)

  • PhotoSwipe

    What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';

    PhotoSwipe
  • WordPress › Error

    Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at mysql5.sourceforge.jp. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the datab

  • ke-tai.org < Blog Archive > ケータイの端末ID・ユーザIDの取得についてまとめてみました

    ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報(製造番号など)」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー

  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ

    ※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著

    ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ
  • [携帯]携帯サイトで枠線を表現する方法 │ これからゆっくり考L +α

    3キャリア1ソースでコーディングする場合、枠線を実現するためにはどのようにすればいいと思いますか? ぱっと思い浮かぶのは、恐らくcssのborderプロパティだと思いますが、実際どんな感じになるのかチェックしていきます。 xhtmlの場合、htmlの場合、と両方確認してみました。 サンプルページ(border使用) QRコード →サンプルページを見る <div style="text-align:center;"> <div style="background:#eeeeee;border:2px solid #000000;text-align:center;width:80%;margin:0 auto;"> <img src="img/sp.gif" alt="" width="1" height="2" /><br /> サンプルです。サンプルです。<br /> <img sr

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • 携帯サイト(html,table使用可)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    前回のエントリー「携帯サイト(html)の制作に入る前に確認しておきたいチェック項目」では、tableを使わずにできるデザインでサンプルページを作成しました。 今回は「tableを使用してよい」という条件のもとで制作した場合、で考えてみます。 ただ、table非対応機種で見てもそこまでむごい崩れ方をしないように考慮して制作します。 デザイン、条件は前のエントリーと同様です。 前提条件は、 ・3キャリア1ソース ・htmlCSSは使用不可) ・文字コード:Shift-JIS ・改行コード:CR LF 対応端末は、 ・docomo 901以降 ・au WIN端末 ・sb 3G です。 ※table非対応端末が含まれているがtableは使用してよいこととする。ただし、table非対応機種でもサイトの閲覧に支障がないようにすること。 チェックポイント tableが使えることによって前よりもチェッ

  • [携帯]リンク色の指定方法、フォーカス時の各キャリア表示差異 │ これからゆっくり考L +α

    モバイルサイトでリンク色を指定するには、htmlの場合はbodyタグ内に記述、xhtmlの場合はhead内に記述する必要があります。 <body link="#000000" vlink="#ff0000" alink=""> ・link 通常のリンク色 ・vlink 訪問済みのリンク色 ・alink フォーカス時のリンク色 <head> ... <style type="text/css"> <![CDATA[ a:link{color:#000000;} a:visited{color:#666666;} a:focus{color:;} ]]> </style> </head> ・a:link 通常のリンク色 ・a:visited 訪問済みのリンク色 ・a:focus フォーカス時のリンク色 未選択時のリンク色はどのキャリアも同じ表示ですが、選択時の文字色、背景色は各キャリアによって

  • Ktai Styleでの元画像リンク表示について

    現在Ktai Style1.71利用中です 最近自分のサイトを携帯で閲覧していて気付いたのですが [元画像(*KB)]の表示が無い画像があります。 元画像へリンクはされてるようなんですが 黒縁などの画像だとわかりにくく 元画像を表示できない、と思ってしまいました。 他の閲覧者に聞くと「見れないと思った」人が複数居ました。 実際はリンクされていますが 携帯から見ると「リンクがない」と勘違いしてしまうんです。 原因を探すと1.60で 画像をインライン表示しているとき、元画像のサイズが 50KB 以下ならば元画像へのリンクを携帯用サムネール画像に直接付与するようにしました。それ以上のサイズの場合は、従来通り、画像の後ろに「元画像 (xxxKB)」というテキストリンクになります。 と言う改変がされているようです。 この設定を解除して、50kb以下でもテキストリンクを表示させることは 出来ますでしょ

    Ktai Styleでの元画像リンク表示について
  • 絵文字を使いこなして見るためのページ【Docomo】全ページ

    携帯電話の絵文字の情報を集めてみました、絵文字を使用したCGIを自分で作成する為に集めた資料なので、拙い部分も多いとは思いますが、皆様の参考になればと思い、公開させて頂きます、又ページで使用している絵文字の情報の著作権等に関しては各キャリア及び画像の製作者が有すものが含まれております、ので絵文字等を利用する場合には、著作権に十分に注意してご利用下さい。 ドコモ・au・SoftBankの絵文字と、ドコモ・au・SoftBankにて公開されている電子メールの絵文字変換表を電子データにして公開しています。 携帯メールで絵文字がどのように変換されるかのご参考としてもご利用いただけるかとも思います ページの情報を使用したことによって受けた、いかなる損害等に関してもページの作成者は保障いたしません、利用者の責任においてデータをご利用頂きますようお願い申し上げます。 又、HPはリンクフリーです、

  • 携帯ラインタグ

  • WPのKtai Styleで携帯サイトのデザインをする方法 - [mu]ムジログ

    先ほど、WordPressの携帯対応でおなじみのKtai Styleプラグインで携帯での表示デザインを変えてみるのにチャレンジしてみました。 思ったより簡単! でもphpコードの読み方を知らなかったら苦労するなぁ、と感じる部分もありました。しかし、プラグインのページに載っている情報がかなり充実しているので、ある程度思い描いた通りのデザインは実現できます。 管理画面で色をコントロールする 上記のように文字色や日付の書式などは管理画面から簡単に行えます。カスタマイズの第一歩はここからですね。 独自のテーマファイルを作成する これはデフォルトのテーマをコピーして作成しましょう。 /wp-content/plugins/ktai_style/themes以下にデフォルトテーマがいくつか入っています。これをフォルダごとコピーして編集しましょう。 基的にはプラグインのページでも推奨されているよ

  • PC/モバイルで表示コンテンツを切り替えるWordPressプラグイン – [Mu]ムジログ

    PC/モバイルで表示コンテンツを切り替えるWordPressプラグイン 2009 年 7 月 30 日 – 3:58 PM category WordPress tags プラグイン Comments: 0 Trackbacks: 0 ブログを書いていて、PCと携帯で表示内容を変えたい、ボリュームを変えたいという方もいらっしゃると思います。 特にアフィリエイターさんはPCと携帯でリンクURLが違うため、併記したりしてユーザビリティも悪い状態になっていると聞きます。 そこで、PCと携帯で表示内容を切り替えられるプラグインを作りました。 正確には指定した範囲をPCのみで表示する、携帯のみで表示する、ということが制御できるものです。なお、動作にはおなじみのKtai Style(携帯対応プラグイン)が必要です。 それでは、使い方を説明していきます。 ダウンロード PC Ktai conten

  • MOBILE ROADIE - PRODUCTS - All Access Today Japan

    誰でも簡単に iPhone/Androidアプリが作れる!! プログラミングの知識不要 Web上での管理画面で、アプリの作成とそのコンテンツの管理ができます。 TwitterやYoutubeなどのWebサービスのコンテンツをアプリの中で統合することもできます。 そして、iPhoneAndroidアプリを同時に管理できます。 月額1万円でアプリが持てます 今までのアプリ開発は、多額の費用が必要でした。 Mobile Roadieを使えば、年間12万円からあなた専用のアプリを持つことができます。 スマートフォンのOSアップグレードがあったとしても、その対応は料金に含まれます。 各アプリマーケットへの申請不要 あなた自身が直接iTunesストアやAndroidマーケットにアプリ申請をする必要性はありません。 Mobile Roadieがすべての手続きを代行します。 もう既にMob

  • jQuery Mobile: Demos and Documentation

    A Touch-Optimized Web Framework for Smartphones & Tablets Alpha Release

  • Ktai Entry : 携帯でメール投稿できるプラグイン - WordPress Note

    友達のサイトを作るのに、使ってみました。 携帯から閲覧でき、投稿・編集もできるという Ktay Style もあるけれど、パケット代や手軽さを考えると、メール投稿で記事が書けるほうがシンプルでわかりやすい。なので、閲覧目的のためには Ktay Style を、投稿には Ktai Entry というように、使い分ける方法をとりました。 ちなみに、実際に使用したのは、WordPress 2.7.1 と Ktai Entry 0.8.10 です。 Ktai Entry 携帯でメール投稿できるプラグイン。いわゆる「モブログ」を可能にする。 画像を添付したメール、絵文字にも対応。 投稿専用メールボックスに定期的にアクセスして新着メールがあれば取り込み、投稿処理を行う。 要PHP5以上。 (※メール着信時に投稿スクリプトを起動させる方法もあるが、レンタルサーバーでは無理とのこと) 配布元:Ktai E

    Ktai Entry : 携帯でメール投稿できるプラグイン - WordPress Note
  • 新しい形の携帯電話「Flip Phone Concept」: DesignWorks Archive

    【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 国内携帯、海外携帯と次々と新しい端末が登場している携帯電話。全面タッチパネルのものや、折りたたみ式など形も様々ですが、今日紹介するのは今までにない形の携帯電話「Flip Phone Concept」です。 こちらは三枚のディスプレイが繋がっているようなデザインになっていて、用途に応じて、様々な形をとり、

    新しい形の携帯電話「Flip Phone Concept」: DesignWorks Archive
  • Ktai Styleカスタマイズ時に便利なテンプレートタグ

    「Ktai Styleをカスタマイズして携帯用フロントページ作成」はご覧頂いたでしょうか?もしご覧頂いてない方はそちらからご覧になってください。「Ktai Styleをカスタマイズして携帯用フロントページ作成」ではフロントページの記事を省いて、そこにタグやテンプレートタグなどを追加できるように作成しました。ここではフロントページを作成する際に使える便利なテンプレートタグを紹介します。 文字をスクロールさせるmarqueeタグ 以前はPCサイトでもよく見かけた文字のスクロールですが今ではあまり見かけなくなりました。しかし携帯サイトではこれがなかなかオシャレです。PCサイトでmarqueeタグを使う場合は<marquee>ここに文字</marquee>でいいんですが、携帯サイトではdocomoがこの方法ではスクロールされない為下記のコードを使いスクロールさせます。 <div style="ba

    Ktai Styleカスタマイズ時に便利なテンプレートタグ