カウンセラー/ヘルパーkuniの日日是好日

スピリチュアル的な内容や介護/福祉をメインに感じたこと、SNS投稿記事の紹介

モバイルホームページ製作記録

PC/携帯電話向けサイト作成記録です。役立ちCGIもあります。 【管理人の運営するへっぽこホームページ製作記より転記しました、興味ある方はお越し下さい。】

2001.6 携帯電話購入と同時に加入していたプロバイダー@niftyにて帯電話対応サイトの初製作行いました。 会員であれば「サクサク作成君モバイル」を使用して簡単、手軽にモバイル向けサイトが作成可能です。反面、万人向けであるが造えに機能的に制限あります。

@niftyではCGI設置ではこちらが参考になりました→はじめてのCGI@nifty、我楽多cgi@nifty。 *@niftyではCGI設置出来るものの、HP(HTML),CGIのサーバが異なるため注意が必要です。こちらの注意事項をよくご覧下さい。

2001.7 機能UPのため、魔法のiらんどにて新たに作成しました。 魔法のiらんどTOPより申し込み可能で、無料・携帯電話より編集可能です。 一度にPC/携帯電話サイトの変更可能ですが、CGIの設置不可能の制限があります。

2002.6 PCサイトをバリアフリー化に更新しました。 *参考にさせて頂いたサイト:みんなのウェブ・ウェブヘルパー→日本語ウェブページのアクセシビリティを点検・修正するためのシステムです、富士通アクセシビリティ・アシスタンス、 Another HTML-lint gateway→HTML文書の文法をチェックし、採点します。 バリアフリーWebデザインガイド 、訪問者に優しいWebサイト作り等です。

ソフトとして”IBM ホームページ・ビルダー V8”を使用。アクセシピリティチェック、HTML構文チェック、携帯ページへ変換機能が気にいっています。

PC/携帯電話サイトの変更は別となるが、細かいサービス向上のため、2つのサイト(PC/携帯電話)にて対応しました。

IBMバリアフリーの扉:アクセシビリティ情報は大変参考になりました。

2004.5 URLをロリポップに統一しました。 ロリポップでは月々250円でCGI,SSI,PHP,SENDMAIl,MYSQL,.htaccessが200M使用できます。

*使用した参考書籍:ケータイ用ホームページを作ろう!(エーアイ出版)、作る!ケータイWeb~作成・活用完全マスター(宝島社)、iモード臓EZ対応!ケータイのホームページをつくりたい!!(株式会社 翔泳社

*Ez-webサイト製作の際使用したソフト : 製作用として→EZ @ EZはEZweb開発ツールダウンロードより  ・閲覧用として→HDML用のUP.SDK/XHTML用のOpenwave SDK6のシュミレータはこちらよりどうぞ

Webブラウザ,iMode/J PhoneからEZ-webサイトが見られるEZ贈ateもお勧めです。

参考としてNTT DoCoMo提供のiモードHTMLシミュレータ.株式会社クイックサーチ提供のVodafone live!シミュレータがあります。

現在 多り分けCGIにより PC→@niftyi-mode/vodafone/ez-web→各サイトに多り分け

*多り分けCGI CGIぽん”INDEXO”、Tor World”アクセス管理系スクリプト・Mobile Divider”がお勧めです。

多り分けにはHTML MATEタグを使用する方法,フレーム機能を利用する方法があります。

携帯電話サイト変更には複数の修正作業(PC/携帯電話3糟)必要ですが、きめ細かいサービスのため、当方式に変更しました。

現在はi-mode/vodafoneサイトはPHPにて運営。Ez-web(hdml)についても勉強中です。 *今後も 携帯電話3社の対応、音声ブラウザ対応・バリアフリー化を進めていきたいと思います。


魔法のiらんど製作雑記(Ez-wab) EZ-Web編 1.EZ-Webサイトにて:魔法もiランドのBOOK機能はエラーでした。ダミー機にて→辞書機能で対応しました。 2.Ez-Webサイト:実機がなくて苦労しましたが一概に”EZ-Web’と言っても”HTML’’HDML’があり前者がi-modoに似たHTMLを使用しているので分かりやすい、後者は”デッキ”の概念がありなれないと分かりにくい *ただしEZサーバにて相互変換行いますのであまり意識しなくていい。

JavaScriptCGI編< 3.カウンター、アクセスログ等の機能を後半で使用すると入力時エラーになります。 4.JavaScriptはtopに2つまで