タグ

mobileとWeb制作に関するnisshin-kのブックマーク (22)

  • はてなブログ | 無料ブログを作成しよう

    2024夏休み旅行 神戸・2日目【前編】 zfinchyan.hatenablog.com ↑1日目はこちら 6:50 わたしと夫だけ先に起床 前日に買っておいたお芋のパンで朝ごはん 昨日の疲れからか、なかなか息子たちが起きてこなかったので、ゆっくり寝かせてから10:00にホテルの下にあるプレイゾーンに行って、パターゴルフやバス…

    はてなブログ | 無料ブログを作成しよう
  • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

    2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる! モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな

    モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
  • モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ

    こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>

    nisshin-k
    nisshin-k 2010/03/04
    見出しのコロンのやつってtableじゃないと無理じゃない?
  • ウノウラボ Unoh Labs: Flash Lite ことはじめ。

    こんにちは。 コーヒー飲むならマンデリンな ryosuke です。ただ実際の所深いこだわりはありません。 早速ですがFlash Lite は携帯向けという事もあって少なからず制限があります。今回はその辺りを中心に特徴をざくっとまとめてみようと思います。 実装バージョンの普及状況 例によってキャリア毎に制限が異なったりするので Flash Lite の仕様と同時に各キャリアの実装状況を把握する必要があります。 モバイル用のFlashとして登場したFlash Liteですが、現在3キャリアあわせると 1.0/1.1/2.0/3.0/3.1 があります。 1.0はdocomoとSoftbankの端末のいくつかに存在する程度で余り数はありません。auは1.1の実装から提供されています。 普及率やスペック、上位互換性から1.1でパブリッシュされたswfのコンテンツが作りやすく、最も多くのユーザーにリ

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org

    PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター(仮名)」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。

  • モバイルサイトのWebデザイン15選

    携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Flashで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか

    モバイルサイトのWebデザイン15選
  • 携帯サイトのDOCTYPE宣言について|携帯|Kamitani79-メロンとバナナとブログ

    Kamitani79の日々のブログ。撮影した写真や音楽映画のレビュー・Movable Typeの活用方法など。メロンとバナナのように!! 3キャリア対応の携帯サイトを作るのは、非常に難しい。 少し前のCHTMLで作ると装飾部分にとても制約が多い。 DOCTYPE宣言もそれぞれ違う。XHTMLで作成する場合のDOCTYPE宣言は以下のようになる。 docomo <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang

  • アフターピルsosすぐ届く安心ナビ

    <PR> 「今すぐアフターピルが必要💦!」そんな緊急時でも、エミシアクリニックなら最短1時間で薬を自宅に届けてくれます😌 🏥エミシアクリニックなら🏥 エミシアクリニックでピルを処方する流れ ↓最短1時間で届く!簡単3ステップ↓ STEP1 LINEで友だち追加 公式サイトからエミシアクリニックを友だち追加し、1分ほどで終わる問診票の記入をします。 問診票の確認後に返信があり、医師によるオンライン診療に進みます。 STEP2 オンライン診療 オンライン診療とは言っても電話はビデオ通話は不要。やりとりはLINEだけなので気楽です。 医師から送られたLINEの必要事項に回答すればOK!5分程度で終わりますよ。 STEP3 ピルを受け取る 処方されたピルが最短1時間でポスト投函されます。プライバシーにも配慮されているのであなた以外の人に中身バレすることはありません。 \ アフターピルがすぐ

    アフターピルsosすぐ届く安心ナビ
  • FLAMO | ケータイFlash講座

    第一回:カレンダーの作り方 講 師:小松 学史氏 制作に必要なアプリケーション:Flash MX Professional 2004 今回は、Flash待ち受けカレンダーの作成方法について解説します。 Flash Lite1.1から年月日等を、FSCommand2で取得できるようになりました。 それを利用すればカレンダーを作成することができます。 今回作成するカレンダーは、年月日を表示するだけのシンプルな形のものを作成してみます。 (今回は、土日、祝日等の表示変更はいたしません) 制作する方法はいくつか考えられると思うのですが、私が今回考える仕組みとしては図1のような流れで作成します。 ポイントとしては、日付を表示するムービークリップ(以下MC)を複製しつつ移動させ、それを繰り返し文によっていかに配置させるかです。 図1・カレンダーを作成する流れ スクリプトを

  • CNET Japan

    人気記事 1 FCNTの新スマホ「arrows We2/We2 Plus」--価格や販路の違い等を写真で確認 2024年08月16日 2 バルミューダ決算、新型「Mac mini」など--週間人気記事をナナメ読み(8月9日~8月15日) 2024年08月16日 3 携帯4社決算を読み解く--減益のドコモ、契約者急増の楽天モバイルが抱える課題 2024年08月15日 4 Instagramで「既読」を付けずにDMを閲覧する方法 2024年03月11日 5 KDDI、「povo2.0」のデータ使い放題期間満了時刻を変更へ--9月17日購入分から 2024年08月16日 6 Meta、「Meta Quest HDMI Link」を発表--VR上にスクリーンを表示 2024年08月16日 7 「かこって検索」、ミッドレンジの「Galaxy A55」「A54」などでも提供へ 2024年08月15日

    CNET Japan
  • オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」|linker journal|linker

    The domain name Linker.in is for sale A great idea deserves a great domain name!

    オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」|linker journal|linker
  • 携帯電話向けWebアプリのセッション管理はどうなっているか - ockeghem's blog

    最近購入したPHP×携帯サイト 実践アプリケーション集を読んでいて妙な感じがしたので、この感覚はなんだろうと思っていたら、その理由に気づいた。書に出てくるアプリケーションは、PHPのセッション管理機構を使っていないのだ。そんな馬鹿なと思ったが、目次にも索引にも「セッション」や「session」という語は出てこない。サンプルプログラムのCD-ROM上で session を検索しても出てこないので、セッションはどこでも使っていないのだろう。 そうは言っても、書にはブログやSNSなど認証が必要なアプリケーションも登場する。書で採用している認証方式はこうだ。 携帯電話の個体識別番号を用いた、いわゆる「かんたんログイン」のみを使う 認証状態をセッション管理機構で維持しない。全てのページで毎回認証する そのため、「iモードID」など、ユーザに確認せずに自動的に送信されるIDを用いる つまり、全て

    携帯電話向けWebアプリのセッション管理はどうなっているか - ockeghem's blog
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • [Think IT] 【モバイル向けサイト制作】出遅れるな!Flash Lite入門

    Webディレクター/Flashクリエイター 1995年に初めてインターネットの世界に触れ、1999年に独学で個人サイトの運営を始める。その後、格的にWeb業界へと転身し、クリエイター、ディレクター、プランナー、講師業務、セミナーなど幅広く従事。また、個人的にもパブリッシャーとして活動中。より効果の高いWebの活用術を日々勉強中。『いざ高みへ!』 1ka2ka.com:http://1ka2ka.com/ 株式会社24-7:http://www.24-7.co.jp/

  • TokuLog 改め だまってコードを書けよハゲ - ケータイシミュレータなんて使ってないで Moxy 使えばいいのに

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

  • モバイルサイトのデザイン : LINE Corporation ディレクターブログ

    こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。 今回は、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方をご紹介したいと思います。 モバイルサイトのデザインというと、画面が小さいし容量制限も厳しいし、デザインのやりようがないのでは? と思うかもしれません。 確かに 1 年程前まではそんな状況だったのですが、世間的に 3G 端末が普及し、容量制限の緩和、通信速度の向上とモバイルサイトを華やかに魅せる環境が整いつつあります。 そこで『ケータイ livedoor』も昨年後半あたりから少しずつ 3G 端末をメインとした開発を行っており、今ではモバイルサイトの“こったデザイン”が必須となっています。 これまで、サイト開発時にディレクターがデザイナーにお仕事を依頼するタイミングは、サイトのリリース直前という場合がほとんどでした。最後の仕

    モバイルサイトのデザイン : LINE Corporation ディレクターブログ
  • モバイルサイトのスピード構築術 - livedoor ディレクター Blog

    こんにちは、櫛井です。 現在はPC版のPICSやAuthなどのPCサイトを主に担当していますが、昨年の4月に公開されたlivedoor PICSのモバイル版の開発についてお話しようかと思います。 (当時はモバイルの部署におり、livedoorのモバイルサイトを色々と作っていました) 機能面などはプレスリリースや開発日誌などをご覧いただくとして、livedoor PICSモバイル版の開発は以下の手順で行いました。 ■モバイルサイト作成の下準備 元々PC版でlivedoor PICSというPCサイトをスタートしていたので、基的にはモバイル版で見る際の要件をまとめ、連携する他のコンテンツの状況を調査し、見せ方を資料に落とし込んでいく作業というのをまず行います。 私の場合は最初は手書きです。要件やイメージをざっくり形にするだけなので大抵は30分くらいで一気に書きます。 かなり汚いですが、こういう

    モバイルサイトのスピード構築術 - livedoor ディレクター Blog
  • フィーチャフォン向け HTML の考え方 - 携帯電話向けコンテンツの書き方

    フィーチャフォン向けに HTML 文書を作成するに当たってご留意願いたい事として、文字コード, 携帯電話独自の機能及びフィーチャフォンで使えないか使うべきでない機能について解説します。 実際にマークアップするには。 文字コードについて。 文字コードとしては、シフト JIS コードまたは UTF-8 を用いて下さい。 かつては UTF-8 だと KDDI/沖縄セルラーの端末に問題がありましたが、令和 4年に同グループのフィーチャフォンが停波したため問題はなくなりました。 その他、マークアップに当たって心掛けたい事。 例え携帯電話向けといえども、HTML で記述する以上、PC で閲覧される恐れもあります。 PC での閲覧に問題が生じないように、しっかり基となる要素などで論理的にマークアップしましょう。 詳しくは実際の携帯電話向けコンテンツ作成で解説します。 フィーチャフォンならではの HTM

    フィーチャフォン向け HTML の考え方 - 携帯電話向けコンテンツの書き方
  • *My First HDML*

    HDML言語及びWAP2.0対応端末用XHTML解説