Skip to main content

Home/ 3G iPhone/ Group items tagged webdesign

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Toshiro Shimura

Movable Type 4 を iPod touch または iPhone で利用する | Movable Type 4 ドキュメント - 0 views

www.movabletype.jp/...imt.html

iphone mobile movabletype webdesign

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • Movable Type と同じ Six Apart のプロダクトの TypePad では、iPod touch, iPhone 用のインターフェイスを提供していますが、Movable Type 4 でもプラグインを導入することで、iPod touch, iPhone 用のインターフェイスを利用することができます。ここでは、Movable Type に iPod touch, iPhone 用のインターフェイスを提供する iMT プラグインの導入から、最初のログインまでの手順をご紹介します。iMT プラグインは GPL の下で利用可能です。
  • iMT のインストールは2つのフォルダを、インストール先の Movable Type にアップロードするだけです。ダウンロード後、解凍した iMT プラグインのフォルダにある mt-static/plugins/iMT というディレクトリと、plugins/iMT というディレクトリを各々アップロードします。 mt-static/plugins/iMT mt-static フォルダにある plugins フォルダ内の iMT フォルダは、サーバー上の [MT]/mt-static/plugins/ ディレクトリにアップロードします。 plugins/iMT plugins フォルダにある iMT フォルダは、サーバー上の [MT]/plugins/ ディレクトリにアップロードします。
  • iPod touch, iPhone 用の Movable Type インターフェイスへのアクセスは、PC 用のインターフェイスへのアクセスと同じ URL で行えます。たとえば、普段 PC で Movable Type を利用する場合、http://foo.bar/buz/mt.cgi にアクセスしているのであれば、iPod touch, iPhone でのアクセスも http://foo.bar/buz/mt.cgi で行えます。 ログインすると、以下のような画面が表示され、ブログ記事の作成・編集、コメント管理などが行えます
Toshiro Shimura

Movable Type 4をiPhone＆iPod touchに対応させる「iMT」 - The blog of H.Fujimoto - 0 views

www.h-fj.com/...16-212315.php

iphone mobile movabletype webdesign

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • 先日、iPhoneから電話機能を除いた「iPod touch」が発表されました。 日本でも近日発売される予定で、私も思わず注文してしまいました（笑）。   これに合わせて、Movable Type 4をiPhoneやiPod Touchに対応させる「iMT」というプラグインが公開されています。 Movable Typeには、管理画面のテンプレートを丸ごと差し替える「AltTemplate」という機能があります。 iMTは、この機能を利用して、Movable Type 4の管理画面の一部をiPhoneおよびiPod Touchに対応させるプラグインで、SixApart自らが開発して公開しています。 iMTをインストールすると、iPhoneおよびiMTで以下の機能を使うことができます。 ブログ記事の新規作成 過去のブログ記事の編集 コメントの管理 ファイルをダウンロードして、Movable Typeのインストール先サーバーにアップロードするだけで使うことができます。 ソースを見たところ、UserAgentでブラウザを判断して、iPhoneかiPod touchであればテンプレートを切り替える、という仕組みがとられていました。 その部分を外して、常にiMTのテンプレートを使うようにしてみると、パソコンでiMTの画面を見ることができました。
Toshiro Shimura

TechCrunch Japanese アーカイブ » MovableTypeとTypePadのiPhoneインターフェース公開 - 0 views

jp.techcrunch.com/...vabletype-and-typepad-launched

iphone mobile movabletype typepad webdesign インターフェース公開

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • SixApartは、同社のホスト型人気ブログソリューションTypePadのiPhoneインターフェースを発表。 iPhoneやiPod Touch（からのアクセス）を感知した場合、新インターフェースが表示され、ユーザーはエントリを作成／編集、コメント管理、iPhoneから直接写真を掲載できるようモバイル用に設定、そして公開済みのブログを閲覧したりなど、全てiPhoneフレンドリーなレイアウトで可能になる。
Toshiro Shimura

iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目 - page3 - builder by ZDNet Japan - 0 views

builder.japan.zdnet.com/...0,3800082818,20357926-3,00.htm

iphone mobile webdesign

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • 4. Cookieの利用が可能 　Cookieが利用できるのもiPhone/iPod touchでのWeb体験を向上させるひとつの可能性である。ユーザー名だけでなく、履歴や設定など様々な情報をSafariに補完することができるようになる（iPhoneでは電源を切って再び立ち上げた際も、Cookieの情報は残る）。 　セキュリティ面が気になるが、パソコン版と同様、ブラウザ側Cookieを認証するかどうかのダイアログボックスが表示されるだけでなく、設定画面からCookieを消去することもできる。
  • 5. FlashとJavaは利用できない 　今後、状況が変わる可能性は十分にあるが、今のところFlashとJavaを利用したiPhone/iPod touch向けのサイトを制作することはできない。動きのあるサイトはある程度JavaScriptでも作ることができるが、独自で動画配信や複雑なゲームの開発は現状の環境では不可能と考えて良いだろう。 　Flashに関しては発売前から対応を求める声が多く、将来的には実装されるのではないかと言われている。Javaに関しても、Sunの経営陣からサポートするようにとの声が上がっているようだが、Macソフトウェア開発で馴染みのあるObjective-Cが今後、使える可能性があるかもしれない。
Toshiro Shimura

iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目 - page2 - builder by ZDNet Japan - 0 views

builder.japan.zdnet.com/...0,3800082818,20357926-2,00.htm

iphone mobile webdesign

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • 先日発売されたiPod touchには、iPhone同様、ブラウザにSafari 3が採用された。そのため、先頃アップルが公開したドキュメントを参考にして、iPod touch向けにモバイルコンテンツを配信することが可能だ。本稿ではiPhoneサイト構築にあたり、知っておきたい5つのTipsを紹介する。
  • 1. タブブラウジング 　iPhone、iPod touchでは厳密には「タブ」ではないが、複数のWebサイトを同時に開いてのブラウジングが可能だ。様々なページを見比べたり参照しながらブラウジングすることがストレスなく行える。利用者にとって便利といえるが、特定のページに居座るという可能性は低くなる。モバイルコンテンツには元々そういった部分はあったが、マルチタスクはさらにそれを加速させるだろう。
  • 2. 柔軟なサイトデザインの実現 　他のブラウザではサポートしきれていないCSS 2.1および一部のCSS3がSafariでは利用できるのも、マークアップエンジニアの心を揺さぶる部分だ。 　CSSといえばWebサイトのレイアウトを組むときや装飾に役立つというイメージがあるが、iPhone/iPod touchではそれ以上の役割を果たしている。一部の携帯電話で利用可能なOperaにも実装されているが、SafariではCSS3のメディアクエリ（Media Queries）が利用できる。 　メディアクエリを利用すれば、デバイス、スクリーンサイズ、色に応じて異なるスタイルをページに継承させることが可能だ。パソコンで閲覧できるページをそのまま見られるのが強みではあるが、可能な限りストレスのない体験を提供したいところだ。その際、わざわざ専用ページを設けるのではなく、メディアクエリを利用してオールインワンソリューションを提供することができる。（注釈2） 注釈2 <link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" /> 　メディアクエリはCSSファイル内に書き込むことが可能だが、上記のようにHTMLのlinkタグ内に記述することもできる。iPhone/iPod touchは横に傾けた際の幅が480pxなので、スクリーンサイズが最大480px（max-device-width: 480px）を想定したCSSファイルを用意しておくと良いだろう。
  • ...1 more annotation...
  • 3. JavaScriptを利用したWebアプリケーション開発 　CSS3と同様、Safariでは高いレベルでJavaScriptのサポートを実現している。詳しくはアップルが公開している「Web Kit DOMプログラミングトピックの紹介」を参照して欲しいが、様々なアニメーション効果やAjaxを利用することができるのだ。メディアクエリーを利用して最適化したサイトデザインを提供することができるが、JavaScriptを組み合わせてデバイスを回転したときに異なるレイアウトを提供するといったことも難しくない。 　今までのWebサイト開発で慣れ親しんでいたJavaScriptをそのまま使っても動作するが、注意も必要だ。Safariは早いJavaScriptレンダリングを売りにしているものの、パソコン上で起動しているSafariに比べると大幅に遅くなる。iPhoneとMacBookを対象にしたレンダリングスピードのテストがブログ「John Murch the Self Proclaimed Geek Guru」で公開されているが、CPUの影響かiPhoneのほうが遅いのが分かる。パソコンと同等のJavaScriptが利用できるが、iPhone向けにJavaScriptを最適化するか、利用するJavaScriptの量を削る努力は惜しまないほうが良いだろう。（注釈3）
Toshiro Shimura

iPhoneサイトを構築しよう--iPhoneからみるモバイルサイトデザインのヒント - page3 - builder by ZDNet Japan - 0 views

builder.japan.zdnet.com/...0,3800082818,20360078-3,00.htm

iphone mobile webdesign

shared by Toshiro Shimura on 11 Jul 08 - Cached
  • iPhone/ iPod touchだけでなく他のモバイルデバイスにもいえることだが、ユーザーの利用背景を意識したインタフェースの提供が、よりよいモバイル体験の要になってくる。先述したようにiPhone/ iPod touchでは目的に応じてインタフェースを最適化してユーザーに提供しているが、ステップが進行していくごとに、そのときよく使う機能/メニューを表示しているのも注目だ。 　例えばiPod touchで写真を見る場合、アルバムを表示している際は下にスライドショーを始めるためのボタンが表示されるが、アルバムの中の写真を選択すると、今度はスライドショーのボタンと一緒に前後へ移動するためのボタンも表示される（画像3）。ユーザーがそのとき何をしたいのかを把握して、そのタスクを最も素早く簡単にこなすためのひとつの見せ方といえるだろう。
  • テキストの有効活用もモバイルサイトでは重要になってくる。回線が早くなってきたとはいえ、PCサイトのように動画や画像が多いサイトが素早く表示されるわけではない。よってテキスト中心になるのはモバイルサイトでは必然的な傾向だが、前回紹介したようにWebKitがサポートしているCSSを駆使することで、画像ボタンのように見えるUI要素もテキストと最小限の画像を組み合わせるだけで作ることが可能だ。画像を使わなくても、テキストに強弱を付けるだけで的確に情報を伝えることができる。 　例えばiPhoneのメールはリストに件名、送信者の名前、日付、本文の数十文字が表示される（画像4）。PC用のメールソフトの場合、表データとして表示する場合があるが、モバイルではそのような形式で表示するだけのスペースはない。そこで、iPhoneでは文字の大きさ、太さ、色でデータの種類を表すことで、表データ式の今までの見せ方から脱している。また、大きさと太さからどの情報が重要かも視覚的に理解することができる。こうしたテキストによる情報の階層化を行うことで、小さなスペースにコンパクトにまとめられるだけでなく、情報そのものが意味をもつようになる。
pinless call

manchester web design: manchester web designing-webdesigning manchester - 1 views

www.greenpixelagency.com

Manchester Web Designing Agency Manchester Web Design Agency Cheap Bury Web Designing Bury Web Designing Bury And Manchester Web Designing

shared by pinless call on 29 Jul 11 - No Cached
  • pinless call on 29 Jul 11
     
    MANCHESTER Web Designing agency success is attributed to the insured performance and highlights the effective work. MANCHESTER Web Designing agency think positive with the open mind source for those communities who want to real amazing ideas about web designing with latest web style sole and dynamic effects in globally. Competitions are being revolved around the whole world to be the best, dynamic, and unique. This policy when will be succeed if an agency show his skills and convinced its self in front of the audience, and MANCHESTER Web Designing agency beliefs that it have all qualities those are to be founded in a good web designing agency. You must have been thought that what is web designing? MANCHESTER Web Designing agency defines it as the following: Web designing not to just a collection of html, images and css etc. It's a manner to utilize your skills to control the user who interact with your website and visit it. Web designing is a sense of a website which present it's self as a beautiful environment, which that provides MANCHESTER Web Designing agency. MANCHESTER Web Designing agency beliefs in latest techniques and increments which are changed day by day. MANCHESTER Web Designing agency is not just a designing company it also develops the extra smart sense, which needs to a unique website or communication applications. MANCHESTER Web Designing agency have completed web solution and about it's designing.
1 - 7 of 7
Showing 20▼ items per page