wordcamp2009-ktaistyle.ppt

Similar documents
7,, i


1 Fig. 2 2 Fig. 1 Sample of tab UI 1 Fig. 1 that changes by clicking tab 5 2. Web HTML Adobe Flash Web ( 1 ) ( 2 ) ( 3 ) ( 4 ) ( 5 ) 3 Web 2.1 Web Goo

<4D F736F F D CC2906C A90848FA78AC28BAB82C690DD92E882C982C282A282C42E646F63>

2

DEIM Forum 2010 A3-3 Web Web Web Web Web. Web Abstract Web-page R

<4D F736F F D FA78AC28BAB82C690DD92E882C982C282A282C42E646F63>

WikiWeb Wiki Web Wiki 2. Wiki 1 STAR WARS [3] Wiki Wiki Wiki 2 3 Wiki 5W1H Wiki Web 2.2 5W1H 5W1H 5W1H 5W1H 5W1H 5W1H 5W1H 2.3 Wiki 2015 Informa

Web Web Web Web Web, i



19_22_26R9000操作編ブック.indb

2

Contents Logging in 3-14 Downloading files from e-ijlp 15 Submitting files on e-ijlp Sending messages to instructors Setting up automatic

2Mac OS OS Safari プラグインソフト 3.X Mac OS X 5.X Mac OS X 5.X Mac OS X Adobe Reader ( 入出金明細照会結果を印刷する場合 / ローン 外貨サービスを利用する場合 ) Adobe Fla



2


Google Social Influences and Legal Issues of Google Street View Hiroshi Takada


Z7000操作編_本文.indb

Introduction to Information and Communication Technology (a)

1 2. Nippon Cataloging Rules NCR [6] (1) 5 (2) 4 3 (3) 4 (4) 3 (5) ISSN 7 International Standard Serial Number ISSN (6) (7) 7 16 (8) ISBN ISSN I

Sport and the Media: The Close Relationship between Sport and Broadcasting SUDO, Haruo1) Abstract This report tries to demonstrate the relationship be

企業内システムにおけるA j a x 技術の利用

はじめに

Virtual Window System Virtual Window System Virtual Window System Virtual Window System Virtual Window System Virtual Window System Social Networking

untitled


FC2 掲示板.doc 1/6 平成 20 年 2 月 26 日 FC2 掲示板 FC2 のサンプル掲示板 で入力練習 適当に投稿画面に入力 投稿をプレビューで確認 記号表示だった絵文字が確認できます 画像認証が求められる 表示された数字を

3_23.dvi

by CASIO W61CA For Those Requiring an English/Chinese Instruction

HIS-CCBASEver2

32C2100操作編ブック.indb

IPSJ SIG Technical Report Vol.2014-EIP-63 No /2/21 1,a) Wi-Fi Probe Request MAC MAC Probe Request MAC A dynamic ads control based on tra

Microsoft, Windows Microsoft Corporation

Public relations brochure of Higashikawa April No.750 CONTENTS

DEIM Forum 2010 D Development of a La

HPB”gŠp2.eps

"CAS を利用した Single Sign On 環境の構築"

ÿþ

2


"CAS を利用した Single Sign On 環境の構築"

01ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六七八九零壱弐02ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六七八九零壱弐03ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六七八九零壱弐04ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六七八九零壱弐05ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六七八九零壱弐06ⅢⅣⅤⅥⅦⅧⅨⅩ一二三四五六

Microsoft Word - DUC登録方法.doc

, IT.,.,..,.. i

NO

2


West UC Master Slide Template


在日外国人高齢者福祉給付金制度の創設とその課題

Tab 5, 11 Tab 4, 10, Tab 3, 9, 15Tab 2, 8, 14 Tab 1, 7, 13 2

DOUSHISYA-sports_R12339(高解像度).pdf


Kyushu Communication Studies 第2号

ユーザーズマニュアル

2 122

Web Basic Web SAS-2 Web SAS-2 i

<4D F736F F F696E74202D CB4967B2D8F6F93FC8AC48E8B8D9E F8E9E8C9F8DF5817A D C882F182C282A C520837D836A B2E707074>

NextWebBtoB_BtoC _suwa.pdf

‚æ4“ƒ.ren

1. システム概要 1.1 概要本システムは パソコン及び携帯電話等から 斎場の空き状況の確認 予約 予約内容の確認及び修正を 24 時間 365 日体制で行えるシステムです 斎場予約者 ( 葬祭業者 ) 空き状況の確認 予約 ( 仮予約 帳票印刷 ) 予約の確認 ( 予約参照 帳票印刷 ) 予約の

ohp.mgp

IPSJ SIG Technical Report * Wi-Fi Survey of the Internet connectivity using geolocation of smartphones Yoshiaki Kitaguchi * Kenichi Nagami and Yutaka

農研機構 食品総合研究所 研究報告 77号

Meeting Package

Transcription:

Ktai Style による 携帯電話対応 Mobile Access by Ktai Style 池田 百合子 IKEDA Yuriko http://www.yuriko.net/ 本日の内容 Contents インターネットと携帯電話 The Internet and mobile phones 携帯電話の制約 Restrictions of mobile phones 携帯対応プラグイン Ktai Style 紹介 Introduce the mobile accessing plugin Ktai Style 質疑応答 Q&A 1

2

i Menu (NTT docomo) au one (KDDI) 3

4

携帯サイト検索: Yahoo! Search example: Yahoo! Japan ソフトバンクで WordCamp Search WordCamp with SoftBank (uses Yahoo! Japan) ワードキャンプ だと キャンプ用品ばっかり Results for wa-do kyan-pu (Katakana form of WordCamp ) are almost pages of camping goods... 携帯サイト検索: Google Search example: Google ドコモで ライチ ンゲール Search raichin-gale with NTT docomo (uses Google) NHK 着信御礼! ケータイ大 喜利 の常連投稿者 A famous poster of Keitai Ogiri : A TV program in which viewers can participate with mobile phones. 5

6

日本特有の注意 Attentions only for Japan 文字コード (UTF-8 ではなく Shift_JIS) Character encodings (use Shift_JIS other than UTF-8) 絵文字 半角カナの多用 Use pictograms, half-width Kana キャリア毎に仕様が異なる(CSS, 絵文字 画像 ) Spec is different by careers (CSS, pictograms, images, etc) 個体識別符号を使ったユーザー認証 User authentication by the subscriber ID which is submitted tacitly (common for all sites!) 画面サイズの比較 Comparison of screen size (QVGA/VGA/900px) 7

8

9

10

Ktai Style 出力例 Examples 左のQRコードを撮 影して ぜひ手元で も確認を Capture the left QR code and see the sample sites. http://www.yuriko.net/ 出力例:フロントページ Example: Front page 11

12

出力例:月別アーカイブ Example: Monthly archives 出力例:ドコモ ウィルコム Example: NTT docomo FOMA, Willcom PHS ドコモとウィルコムは絵文字が互換 Pictograms are compatible between NTT docomo and Willcom 13

出力例:au ソフトバンク Example: au, SoftBank 3G au とソフトバンクはスタイルシートが使える Style sheets are available for au and SoftBank 3G. 出力例:イー モバイル 2種 Example: EMobile handset, Windows Mobile 音声端末, Windows Mobile は少数派 At EMobile, data communication terminals (can t view web) are major, handsets and smart phones are minor. 14

Theme: Redportal Red+Blue Similar to livedoor Blog コメントの並び順 を切り替え可能 Comments order switch: newer / older Theme: Monolith Silver+Navy Inline CSS Old terms as above: 15

Theme: Green Green with Nature Inline CSS Old terms like center image Alternate icons Theme: Loving Pink with Love # of == # of comments Alternate frames 16

Theme: Photolog メディアライ ブラリから写 真を抜き出し Pickup a picture from the media library Inline CSS Theme: ipotch au, SoftBank / NTT docomo / Willcom Similar to WPtouch NTT docomo does not support margin and border. 17

Theme: Arege Similar to Slashdot Inline CSS Arege (アレゲ) is the keyword of Slashdot Japan Planning theme: Monobook Similar to MediaWiki (System of Wikipedia) Only compatible with SoftBank 3G, EMobile hadset, Windows Mobile smart phones. 18

携帯テーマの改造手法 How to customize mobile themes http://wppluginsj.sourceforge.jp/ktai_style/howto/color-change/ で解説 ぜひ携帯対応しましょう Let s provide mobile view 自分のために 訪問者のために For me and visitors. 携帯サイト検索で探してもらえる Searched by engine for mobile Ktai Styleは専用の携帯サイト並みの見栄え With Ktai Style, seen as exclusive mobile sites. 無償で使えるツールでは最強レベル Ktai Style is one of the most powerful tools in that of free of charge. 19

20

21

補遺:XSS 脆弱性の危険性 Appendix: Hazards of XSS vulnerability 管理者クッキーを盗んでログイン Login by steeling an admin cookie 携帯実機ではなくFirefox + FireMobileSimulator 等での確認作業をターゲット The target is Firefox + FireMobileSimulator etc, not real handsets. クッキーを盗むJavaScript を含むコメン ト ピンを送信 Send a comment/ping includes a JavaScript which steels a cookie. 22