問題タブ [progressive-enhancement]

以下のCSSをjQueryで上書きするにはどうすればよいですか？

（アニメーションは実行されておらず、瞬時に切り替えられます。）

私は数年前からWebアプリケーションを開発しています。私が直面している問題の 1 つは、JavaScript が有効になっていない、または利用できない Web アプリを開発しなければならないことです。これが数年前の問題であることは知っていますが、他の Web デザイナーや開発者がこの問題についてどう考えているか知りたいですか? それはまだ問題ですか？

私がこの質問をしている理由は、現在ではほとんど起こりそうにないシナリオに対応しているだけに思えるからです。これは特に、一般向けの Web サイトや Web アプリケーションに関するものですか? 私の評価は正しいですか？私は、他の Web 開発者やデザイナーの経験や学んだことを知りたいと思っています。

ありがとう。

多くのJavascriptを使用するWebアプリケーションを構築しています。今、私はアプリケーションをJavascriptなしで動作させることが理にかなっているのだろうかと思っていますか？通常のWebサイトでは、誰もが確実に使用できるようにしたいことは理解できますが、複雑なWebアプリケーションについても同じことが言えますか？

私はいくつかの大きなウェブアプリをチェックしました、そして、それをするものとしないものがあるようです。たとえば、GMailにはJavascriptなしで動作する基本バージョンがあります。

Google Docsを見ると、Javascriptがないとまったく機能しません。JavascriptなしでGDocsのようなアプリを作成することはほとんど不可能です。

それは通過するのに良い基準ですか：Javascript以外の動作するアプリケーションにフォールバックすることが不可能な場合は、それを行いませんか？

私はこれに似たものを構築しています - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher.html

JavaScript（純粋なCSS）を使用せずに現在のパネルをナビゲーションに表示する方法について、誰かがアイデアを持っているかどうか疑問に思いました。

私はそれが不可能だとかなり確信していますが、とにかく尋ねようと思いました.

明確にするために...このページのリンクをクリックすると、http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html
クリックしたリンクに気付くでしょう。ハイライトで、ユーザーがどのパネルを見ているかを知らせます。それが私がCSSでやりたいことです。

ユーザーが最大 100MB までの大きなファイルをアップロードできる HTML フォームを作成しています。

ユーザーはどこからでも来る可能性があるため、ブロードバンド接続、最新のブラウザー、または Javascript/Flash の可用性を当てにすることはできません。これらの「おまけ」を持っているユーザーには、プロセスに関するフィードバックや柔軟なフォームなど、より良いエクスペリエンスを提供したいと考えています。

私が考えることができる唯一の問題は、サーバーのタイムアウトです。しかし、私はこのような機能を構築したことがないので、他の人のベスト プラクティスと、この分野で最も深刻な問題が何であるかを知りたいと思います。

完全に関連しているわけではありませんが、バックエンドは PHP です。

長時間（> 2分）のサーバー側タスクを開始するWebページを改善する方法を探しています。ページの現在のバージョンは、タスクの全期間を計測するだけであり、ユーザーを非常に苛立たせる可能性があります。

ユーザーエクスペリエンスを向上させる方法については、すでにいくつかのアイデアがありますが、それらはすべて、ある程度AJAXの使用を伴います。このプロジェクトでの以前の経験から、すべてのユーザーがJavaScriptを有効または使用できるわけではないことを知っています。

サーバー側のプロセスがすでに可能な限り最適化されていると仮定すると、すべてのユーザーのエクスペリエンスを可能な限り向上させるために他に何ができるでしょうか。

プログレッシブ エンハンスメントの Enhanced.jsライブラリを使用した Filament Group のデモをご覧ください。

与えるように変更する:-

おそらくjQueryがまだロードされていないため、アラートで「$ is undefined error」が表示されます。

注 - alert($) はデバッグ用です - $('some-selector') などで何かをしようとしています - $(handler) や $(document).ready などは動作しません - jquery が読み込まれておらず、$ が定義されていません。

エンハンスのonScriptLoadedは彼のトリックを行う必要があるように見えますが、追加すると

以降

最初のアラートは機能しますが、$ はまだ定義されていません。

ボタンのクリック イベントで runMyCode を呼び出すと、機能します。

問題は、enhance.js ですべてのスクリプトの読み込みが完了したら、どうすればコードを実行できるかということです。

PS IE8/FF3/Chrome7で確認済みの同じ問題

タイトルが最高かどうかはわかりませんが、完全に説明的なものは考えられません。これが私のシナリオです。

私は、ajaxとJavascriptによって提供されるすべての「ベルとホイッスル」を使用するWebポータルを構築する必要がありますが、Javascriptを持っていないユーザーや、レガシーシステムを使用しているユーザーもアクセスできます。私が見ているように、私には2つの道があります。

1. 「プログレッシブエンハンスメント」：このアプローチでは、1セットのマークアップがあり、完全に機能するクラシックHTMLポータルとして機能します。クライアントサイドライブラリは、既存のマークアップを拡張してhtml機能をオーバーライドし、高度なJavascript機能に置き換えます。

2. 2番目のアイデアは、2つのクライアントライブラリを用意することです。1つはJavascript対応ポータル用で、もう1つはクラシックHTML用です。

私が見る賛否両論があります。

1. 最初のシナリオでは、保守性のためにフットプリントを小さくしています。マークアップのセットが1つあり、重複や同期の問題はありません。私がここで見ている欠点は、コードが二重の義務を果たさなければならないことで混乱する可能性があり、より簡単に破損する可能性があることです。

2. 2番目のシナリオは、各ポータルの側面をニーズに合わせて最適化できるという点で優れています。明らかに、2セットのコードを保守すると、多くの保守の問題が発生します。

私は現在シナリオ1に傾倒していますが、シナリオ2には、3番目のオプションを簡単に追加できるなど、私が気に入っているいくつかの利点があります。率直に言って、私は2つの可能性の間で引き裂かれています。どちらも、実行可能だからです。どのシナリオが最も理にかなっていますか？

jQueryMobileに頭を悩ませようとしています。私の目的は、ネイティブアプリにできるだけ近いルックアンドフィールを備えた非常に高速なアプリケーションを構築することです（少なくとも最新のデバイスの場合）。

ページ間を移動する方法は2つあることを理解しています。

1. 各ページを個別のページとしてロードし、通常のhtmlアンカーを使用して他のページにリンクします。

2. すべて（または多数）のページを1つのWebページに配置し、javascript（$ .mobile.changePage（メソッド）および同様のAPI関数を使用してそれらの間を移動します。

最初のアプローチはすべてのブラウザで機能するはずですが、各ページ遷移の間に遅延があるため、パフォーマンスはかなり低くなります。

2つ目ははるかに高速であるように見えるので、私は間違いなくこのアプローチを好みます。しかし、JavaScriptをサポートしていないモバイルデバイスブラウザではどのように機能しますか？それは確かに、Cグレードのブラウザに優雅に劣化したエクスペリエンスを提供するというjQueryMobileの目的に違反しているようです。

アプリを2回実装する必要があるように見えます。1回はJavaScriptをサポートするブラウザー用に最適化され、もう1回はサポートされていないブラウザー用に最適化されていますか？使用することも別のオプションかもしれませんが、それはさらに厄介に見えます。

このジレンマに取り組むための推奨される方法は何ですか？気づかなかったことはありますか？

ありがとう、

エイドリアン

ユースケースは次のとおりです。

私は、さまざまなグローバル市場にサービスを提供し、複数のプラットフォームで実行されるサイトを構築しています。サイトはすでに言語ファイルをサポートしています。ロケールが決定されると、適切な言語ファイルが提供されます。インターフェイスにあるすべてのテキストは、言語ファイルを介して提供されます。

国/州をリンクするものについては、過去にjavascriptを使用してオプションを交換しましたが、クライアントとの対話なしでサーバー上で処理されるソリューションを探しています（したがって、ソリューションはjavascriptなしで機能する必要があります）。

誰かが実装の実践に関する推奨事項を持っていますか？国/州/ロケールをデータベースに保存する必要がありますか？国のみを選択し、国の選択に基づいて、その国に関連する州とロケールを表示して、ユーザーにサインアップフォームの送信を要求する必要がありますか？

プログレッシブエンハンスメントの原則に準拠したソリューションをここで探しています。後でjavascriptを使用して使用するルートを改善しますが、今のところ、クライアント側のスクリプトがなくても機能するものが必要です。ありがとう！