タグ付けされた質問 「client-side」

「クライアント側」という用語は、ユーザーのブラウザで実行されるWebアプリケーションの部分を指します。クライアント側のコードは、最も一般的にはJavascript、HTML、CSSで記述されています。「クライアント側」に対応するのは「サーバー側」、つまりWebサーバーで実行されているWebアプリケーションの一部です。

21
サーバーを介さずにユーザーがダウンロードできるようにメモリ内にファイルを作成する方法は?
サーバーとやり取りせずに、クライアント側でテキストファイルを作成し、ユーザーにダウンロードを促す方法はありますか?自分のマシン(セキュリティなど)に直接書き込むことができないことはわかっていますが、作成して保存するように指示できますか?

27
JavaScript配列情報をcsv(クライアント側)にエクスポートする方法は?
この種の質問がたくさんあることは知っていますが、JavaScriptを使用してこれを行う必要があります。私は使用Dojo 1.8しており、すべての属性情報を配列で保持しています。これは次のようになります。 [["name1", "city_name1", ...]["name2", "city_name2", ...]] これをCSVクライアント側にエクスポートする方法はありますか?

4
クライアント側とサーバー側のプログラミングの違いは何ですか?
私はこのコードを持っています: <script type="text/javascript"> var foo = 'bar'; <?php file_put_contents('foo.txt', ' + foo + '); ?> var baz = <?php echo 42; ?>; alert(baz); </script> これはなぜ「bar」をテキストファイルに書き込まず、「42」を警告するのですか? 注意:この質問の以前の改訂は、サーバー上のPHPとクライアント上のJavaScriptについて明示的に行われていました。問題と解決策の本質的な性質は、一方がクライアントで実行され、もう一方がサーバーで実行されている場合、どの言語ペアでも同じです(同じ言語であっても)。特定の言語について話している回答が表示された場合は、これを考慮に入れてください。

3
jQuery AJAX GET呼び出しでリクエストヘッダーを渡す
jQueryを使用してAJAX GETでリクエストヘッダーを渡そうとしています。次のブロックでは、「data」がクエリ文字列の値を自動的に渡します。代わりに、そのデータをリクエストヘッダーで渡す方法はありますか? $.ajax({ url: "http://localhost/PlatformPortal/Buyers/Account/SignIn", data: { signature: authHeader }, type: "GET", success: function() { alert('Success!' + authHeader); } }); 以下も機能しませんでした $.ajax({ url: "http://localhost/PlatformPortal/Buyers/Account/SignIn", beforeSend: { signature: authHeader }, async: false, type: "GET", success: function() { alert('Success!' + authHeader); } });
242 jquery  ajax  client-side 

8
すべてのJavaScriptエラーをキャッチしてサーバーに送信する
JavaScriptエラーをグローバルに処理した経験があり、それをクライアントのブラウザーからサーバーに送信する経験があるかどうか疑問に思いました。 私のポイントはかなり明確だと思います。クライアント側で発生するすべての例外、エラー、コンパイルエラーなどを知り、それらをサーバーに送信して報告したいと思います。 私は主にMooToolsとhead.js(JS側の)とサーバー側のDjangoを使用しています。

11
シングルページアプリケーション:利点と欠点[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 この質問を改善する SPAとその利点について読みました。私はそれらのほとんどが納得できないと思います。私の疑問を呼び起こす3つの利点があります。 質問: あなたはSPAの擁護者として行動し、最初の3つのステートメントについて私が間違っていることを証明できますか? === ADVANTAGES === 1. SPAは非常に応答性の高いサイトに非常に適しています。 すべての中間状態に対してサーバー側レンダリングを実装するのは困難です。小さなビューステートはURLにうまくマップできません。 シングルページアプリは、HTMLを取得するためのサーバーラウンドトリップを必要とせずにUIの任意の部分を再描画する機能によって区別されます。これは、データを処理するモデルレイヤーとモデルから読み取るビューレイヤーを使用することにより、データをデータのプレゼンテーションから分離することによって実現されます。 非SPAのモデルレイヤーを保持することの何が問題になっていますか?SPAはクライアント側のMVCと互換性のある唯一のアーキテクチャですか? 2. SPAを使用すると、ページをダウンロードするためにサーバーに追加のクエリを使用する必要がありません。 ええと、ユーザーがあなたのサイトにアクセスしている間にダウンロードできるページ数は?2、3?代わりに、別のセキュリティ問題が発生し、ログインページ、管理ページなどを別々のページに分ける必要があります。次に、SPAアーキテクチャと競合します。 3.他の利点がありますか?他のことについては聞かないでください。 === DISADVANTAGES === クライアントはJavaScriptを有効にする必要があります。 サイトへのエントリポイントは1つだけです。 セキュリティ。 PS私はSPAおよび非SPAプロジェクトに取り組んできました。理解を深める必要があるので、これらの質問をしています。SPAサポーターに害を及ぼすことは決してありません。SPAについてもう少し読むように言わないでください。それについてのあなたの考えを聞きたいだけです。

5
AngularJS:デザインパターンを理解する
AngularJSのリーダーであるIgor Minarによるこの投稿に関連して: MVP対MVVM対MVC。多くの開発者が何時間もの時間を費やして議論し、議論することができる、議論の余地のあるトピックです。 数年間AngularJSは(というか1そのクライアント側の変異体)に近いMVCとなりましたが、時間と多くのリファクタリングとAPIの改善のおかげ上で、それが近い今だMVVM - $スコープオブジェクトは、考えることができるのViewModelされていることControllerと呼ばれる関数で装飾されています。 フレームワークを分類してMV *バケットの1つに配置できることには、いくつかの利点があります。フレームワークを使用して構築されているアプリケーションを表すメンタルモデルを簡単に作成できるようにすることで、開発者がAPIに慣れるのに役立ちます。また、開発者が使用する用語の確立にも役立ちます。 とは言っても、開発者がMV *のナンセンスについて議論するのに時間を浪費するのではなく、開発者が適切に設計され、懸念の分離に従ってキックアスアプリを構築する方がいいと思います。このため、AngularJSをMVWフレームワーク-Model-View-Whateverとして宣言 します。「何でもあなたのために働く」の意味。 Angularは、ビジネスロジックやプレゼンテーション状態からプレゼンテーションロジックをうまく分離する多くの柔軟性を提供します。1日の終わりにそれほど重要ではないことについての白熱した議論ではなく、生産性とアプリケーションの保守性を向上させるために使用してください。 AngularJS MVW(Model-View-Whatever)設計パターンをクライアント側アプリケーションに実装するための推奨事項またはガイドラインはありますか?

8
サーバーにアップロードする前にJavaScriptでクライアント側の画像のサイズを変更する
JavaScriptを使用してクライアント側で画像のサイズを変更する方法を探しています(幅と高さを変更するだけでなく、実際にサイズ変更します)。 Flashで実行できることはわかっていますが、可能な限り回避したいと思います。 ウェブ上のどこかにオープンソースのアルゴリズムはありますか?

11
クライアント側でパスワードをハッシュする価値はありますか
ログインシステムを導入するときは、常に、指定されたパスワードのMD5をサーバー側のユーザーテーブルの値と比較します。 しかし、私の友人は、「クリアな」パスワードがネットワークソフトウェアによって盗聴される可能性があると私に言った。 だから私の質問は:クライアント側でパスワードをハッシュするのは良い考えですか?サーバー側でハッシュするよりも良いですか?

3
文字列とラベルのローカライズとグローバリゼーションのベストプラクティス[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する 私は20人以上の開発者がいるチームのメンバーです。各開発者は個別のモジュール(10モジュールに近いもの)で作業します。各モジュールには少なくとも50のCRUDフォームがある可能性があります。つまり、現在、500近くの追加ボタン、保存ボタン、編集ボタンなどがあります。 ただし、アプリケーションをグローバル化したいので、アプリケーション内のテキストを翻訳できる必要があります。たとえば、フランス語のユーザーにとっては、どこでも「追加」という単語が重要になります。 これまでに行ったことは、UIまたはプレゼンテーションレイヤーのビューごとに、翻訳のキーと値のペアのディクショナリがあることです。次に、ビューのレンダリング中に、この辞書を使用して必要なテキストと文字列を翻訳します。ただし、このアプローチでは、500の辞書に500 近くの追加ができるようになりました。これは、DRYプリンシパルに違反したことを意味します。 一方、addを1か所に配置するなど、共通の文字列を集中化し、開発者にそれをどこでも使用するように依頼すると、集中化された辞書で文字列がすでに定義されているかどうかわからないという問題が発生します。 他の1つのオプションは、翻訳辞書を持たず、Google翻訳、Bingトランスレータなどのオンライン翻訳サービスを使用することです。 私たちが遭遇したもう1つの問題は、プロジェクトを予定どおりに納品するというストレスの下にいる一部の開発者が翻訳キーを思い出せないことです。たとえば、追加ボタンのテキストの場合、開発者はaddを使用し、別の開発者はnewを使用しています。 アプリケーションの文字列リソースのグローバリゼーションとローカリゼーションのベストプラクティス、または最もよく知られている方法は何ですか?

9
反応ルーターハッシュフラグメントからクエリパラメーターを取得する
クライアント側のアプリケーションで、reactおよびreact-routerを使用しています。次のようなURLから次のクエリパラメータを取得する方法がわかりません。 http://xmen.database/search#/?status=APPROVED&page=1&limit=20 私のルートは次のようになります(パスは完全に間違っています)。 var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); 私のルートは正常に機能していますが、必要なパラメーターを取得するためにパスをフォーマットする方法がわかりません。これについての助けに感謝します!

8
JavaScriptでメールを送信する
これは説明が少し混乱するので、ここで我慢してください... ユーザーが自分のWebサイトを介してテンプレート化された電子メールを送信できるシステムをセットアップしたいのですが、実際にサーバーを使用して送信されるのではありません。アプリケーションは電子メールの本文に事前定義された変数を入力して、ユーザーが自分で入力する手間を省きます。その後、目的に完全に一致しない場合は、必要に応じてメッセージを編集できます。 ユーザーのローカルメールクライアント経由で送信する理由はいくつかあります。そのため、サーバーにメールを送信させることはオプションではなく、100%クライアント側で行う必要があります。 私はすでにほとんど動作しているソリューションを実行しています。その詳細を回答として投稿します。もっと良い方法があるかどうか疑問に思いますか?

8
JavaScriptでArray.mapを使用して要素を削除する
map()関数を使用してアイテムの配列をフィルタリングしたいと思います。コードスニペットは次のとおりです。 var filteredItems = items.map(function(item) { if( ...some condition... ) { return item; } }); 問題は、フィルターで除外されたアイテムがまだ配列内のスペースを使用しているため、それらを完全に消去したいということです。 何か案が? 編集:ありがとう、私は忘れていましたfilter()、私が欲しかったのは実際にはfilter()それからmap()です。 EDIT2:それを指摘してくれてありがとう、map()そしてfilter()すべてのブラウザに実装されているわけではありませんが、私の特定のコードはブラウザで実行することを意図していませんでした。

2
クライアント側の「フィーチャーツアー」(チュートリアル/教育)オーバーレイシステム?[閉まっている]
閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか?質問を更新して、スタックオーバーフローのトピックになります。 5年前に閉鎖されました。 この質問を改善する ブラウザでのオーバーレイのようなチュートリアル/ヘルプの提供に焦点を当てたシステム/フレームワークは存在しますか? 例:ユーザーに一定レベルの指示を必要とするWebアプリがあります。この指示プロセスでは、ページ上の特定の要素をメッセージとともに「ハイライト」(矢印、色の濃淡、脈打つ境界線など)したいとします。 これは真のオーバーレイになるため、絶対配置でのみ機能し、既存のレイアウトに干渉しません。 自分で解決する前に、既存の解決策を探しています。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.