Webサービス
Webサービスに関する関連サイト、関連ブログ、関連動画をご紹介します。
関連Q&A
- Webサーバ設定やネットワーク技術に詳しい方のご意見を賜りたく！（２）Webサーバ（アパッチ）でのKeepAlive設定について質問です。現在自社にてＪａｖａスクリプト（AJAX)でつくられた特定の業務プログラムをWebサービスとしてインターネット上で提供しています。（いわゆるASPサービスです。）通信プロトコルはhttpsです。Ｗｅｂサーバーにはアパッチ、アプリケーションサーバにトムキャットを利用しています。業務プログラムのここの機能（データ入出力機能、グラフ出力機能、メール送信機能など）はWebサービスとして構成されていおり、画面も画像等結構使っているため、発生する電文量は比較的多く、性能的には少々重いプログラムです。利用するお客様は企業ネットワークを介してのお客様が多く、従いまして当方サーバと通信する経路も複雑な場合が多いですが、お客様ネットワークが①帯域がせまい、②通信量が多く帯域を圧迫している、VPNを張っている、一部にモバイル網であるなど、少々「難有り」なケースで当方業務プログラムのｈｔｔｐ電文がロスト（ヘッダー部は届くがBody部が届かない）し、アッパッチ設定上のタイムアウト値がくるまでフリーズする現象がでています。フリーズしないまでも通信エラーで通信が一度切れる場合もあります。フリーズや通信エラーを検知するタイミングは業務画面にある各種ボタンを押下し、DB登録等のサーバ処理を走らせた直後に起こるケースが多いです。（DB登録やメール送信等サーバ側処理は正常に終了しているケースが多い）このような現象を改善するために試行錯誤している状況ですが、KeepAlvie設定を無効にしてみたタイミングでと現象の発生頻度が激減したという報告をお客様よりうけました。実は同じタイミングでお客様ネットワーク側の回線調整も実施されている可能性もあり、本当にKeepAliveを無効にしたことで現象が改善したのかどうかは分かりません。もう一度KeepAliveを有効にして切り分けてみればよいのかもしれませんが、現在の良好な状態を一時的でもまた元に戻る可能性をお客様に了承頂けないので迂闊には実施できません。お聞きしたいのは、①KeepAliveが原因で通信が不安定になるような事例はあるのか？ある場合、それはどのようなケースがあるのか。②KeepAlveの無効化が現象の発生頻度を抑える効果がある状況だとして、KeepAliveを無効化する以外のチューニング方法は考えられないか？などです。よろしくお願いします。
- 微力ながら…お力になれればと思います。まず、検証環境を構築されることをおすすめします。ネットワークは既存のものでお客様の使用端末、回線、VPN設定も(要件を)同じにして再現するか確認します。サーバー側でWireSharkなどのパケットキャプチャも同時に走らせておきます。これで原因がだいぶ特定できるのではないでしょうか。その上でですが…概ね1番目の方と同じ意見で、補足的な感じです。>①KeepAliveが原因で通信が不安定になるような事例はあるのか？ある場合、それはどのようなケースがあるのか。KeepAliveは一定時間接続を維持する設定です。"KeepAliveが原因で通信が不安定になる"というよりも、モバイルなどネットワークの信頼性が低い(パケットロスが発生しやすい)環境であれば、毎回接続を確立したほうがシステムとしては安定します。また、ネットワーク切断の検知やデバッグもしやすくなります。その分、トラフィックは各ヘッダ分だけ増加しますが、近年のWebアプリケーションのトラフィック量と比べると微量だと思います。逆にKeepAliveが活きる環境は社内ネットワークなどの高い信頼性が確保できる場合です。それ以外は使わないようにしたいですね。②KeepAlveの無効化が現象の発生頻度を抑える効果がある状況だとして、KeepAliveを無効化する以外のチューニング方法は考えられないか？モバイルのWeb開発の経験は少ないのですが、いくつか方法はあると思います。・通信量を圧縮する・専用アプリを開発し、API経由で通信する■通信量を圧縮する・mod_deflate によるコンテンツの圧縮 (確かZip圧縮されるはず。ただし、ブラウザが対応していなければならない)・コードジェネレータ によるコードの圧縮 (無駄なコメント、タブ、空白、改行を除き、HTMLを最低限の構成要素に再構成するコードジェネレータを作る。Googleなんかはそうです)結果的に送信パケット量が減って全体的な安定性の向上にもつながります。■専用アプリを開発し、API経由で通信する・データ入出力・グラフ出力・メール送信用のAPIをサーバー側で用意しておく。 モバイル環境ではモバイル端末専用に軽いアプリを作っておき、各機能を使用するときだけAPI経由で通信する。ざっとこんな感じです。ご参考になれれば幸いです。
- 以下の機能をグリモンで実現したい。業務にて、提供されるWEBサービス上で、グリモンを使って業務効率化したいと考えています。javascriptは素人のため、実現方法が分からずにおります。よろしければ、ソースをいただけると助かります。実現したいこと１，javascriptにて、ページ表示したとき、textareaを２つ表示（実行用ボタンもかな？）。２，一つ目のtextareaに、番号（123456-12345678-123456789の桁数）５０件程度を任意に貼り付ける。３，ボタン実行で、提供されるWEBサイト内のcheckboxの値valueが一致したものは自動チェック（最大１００件）４，一致しない番号は、２個目のtextareaに表示する。※checkboxには、提供元のjavascript（左右のチェックボックスを同時に反映する機能）が既に定義されています。提供されるHTMLソースサンプルは以下になります。何卒よろしくお願いします。＝＝＝＝＝＝＝＝＝＝＝＝<body><table><tr> <td> <input type="checkbox" onclick="twoCheck(this,1)" value="123456-12345678-123456780" name="order_number"> </td> <td> hoge1 </td> <td> <input type="checkbox" onclick="twoCheck(this,-1)" value="123456-12345678-123456780" name="order_number"> </td> <td> hoge2 </td></tr><tr> <td> <input type="checkbox" onclick="twoCheck(this,1)" value="123456-12345678-123456785" name="order_number"> </td> <td> hoge3 </td> <td> <input type="checkbox" onclick="twoCheck(this,-1)" value="123456-12345678-123456785" name="order_number"> </td></tr><tr> <td> <input type="checkbox" onclick="twoCheck(this,1)" value="123456-12345678-123456788" name="order_number"> </td> <td> hoge4 </td> <td> <input type="checkbox" onclick="twoCheck(this,-1)" value="123456-12345678-123456788" name="order_number"> </td></tr></table></body>
- (function(){ document.body.innerHTML="<textarea id='inputbox' style='width:100%;' onchange='document.getElementById(\"outputbox\").value=\"\";strs=this.value.split(\"\\¥n\");elms=document.getElementsByName(\"order_number\");for(i=0;i<strs.length;i++){b=0;for(j=0;j<elms.length;j++){if(strs[i]==elms[j].value){b++;elms[j].checked=1;continue}}if(b<=0){document.getElementById(\"outputbox\").value+=strs[i]+\"\\¥n\";}}'></textarea><br /><textarea id='outputbox' style='width:100%;'></textarea>"+document.body.innerHTML;}());こんな感じでどうでしょう？
関連ブックマーク
- Read It LaterのChrome拡張を端から使ってみた - NAVER まとめ
Webサービス(963)Chrome(62)Google(357) シャッフル Read It LaterのChrome拡張を端から使ってみた
- スマホユーザーが最も写真をアップロードしているSNSは? | 経営 | マイナビニュース
IMJ モバイルのモバイルナレッジラボはこのほど、「スマートフォンユーザーの写真投稿に関する調査」の結果を発表した。同調査では、撮影頻度、Webサービスへのアップロードなどについて聞いている。 調査対象は、20～49 歳のiPhoneまたはAndroid搭載スマートフォンを保有する男女618人。 スマートフォンでの写真撮影経験を尋ねたところ、9割以上が「ある」と回答し、スマートフォンからWebサー...
- 【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ - NAVER まとめ
Webデザイン(220)デザイン(554)Webサービス(967)Web開発(81)Web制作(41) シャッフル 【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ
関連サイト
- 1人でWebサービスを作ってみて失敗した3つのこと « takashi178.me
2011年7月18日 ... 実際に1つWebサービスを作ってみて、私自身は初めての事だらけで多いに学びがあっ たのですが、技術的にもたいした事をしていない上にサービス的にも失敗しているので 記事には何を書いていいか分からずにいました。 振り返ってみれば ...
- 【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービス ...
2009年9月25日 ... 1 Webサービスの紹介ジャンル ... いつの間にか、メールのやりとりはWebメール サービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス ... そして、これからWebサービスを活用していきたいと考えている人もいると思う。
- Instagram写真で想い出を振り返るウェブサービス「1/365gram」【増田 ...
2012年1月11日 ... 「1/365gram」は、Instagramのアカウントでログインすることで、自分で取った素敵な 写真をカレンダー形式で整理してくれる無料のウェブサービス。上の画面のように、 その日取った写真を美しくレイアウトしてくれるほか、アプリ内フォロワーとの ...
関連動画
- Uniface RiA Widget 1(Japanese)
Uniface でRich Internet Applicationを作成する場合の基本となるGUIを紹介しています。U...
- Uniface Grid Wiget の利用方法 日本語版(Part 1)
Uniface Grid Wigetの利用方法をデモにて行います。 UnifaceのGrid Wigetはデータを簡単に...
![★薬用スカルプD スカルプ シャンプー オイリー[脂性肌用]【5250円以上で送料無料】【アンファー公式】](http://thumbnail.image.rakuten.co.jp/@0_mall/angfa/cabinet/2011item/sd/201105_oily_reg_1.jpg?_ex=128x128&c)
![クリスタルガイザー(500mL*48本入)【クリスタルガイザー(Crystal Geyser)】[水ミネラルウォーター]](http://thumbnail.image.rakuten.co.jp/@0_mall/soukai/cabinet/74/9000009984074.jpg?_ex=128x128&c)
