【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳) 3月 13, 2013 admin 読了: 約 24 分 フロントの技術について英語の記事をシェアされていて、気になったので理解を深めるために翻訳してみました。 英語の記事では、28から始まるのですがややこしいので、1はHTMLからはじめていきたいと思います。 DANGER!!!WARNING!!!はじめに 元記事はこちら ※間違った意図や誤訳をしている箇所が多々あると思いますが、その点ご了承くださいませ…。 初めてということでしょっぱい訳で、すみません…。 1. avoid inline code / インラインコードを避ける 1. <style></style> や <script></script> をHTMLに直接書く 2. <link rel="stylesheet" href="" />
「HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ
The document discusses Amazon FSx for Lustre, a fully managed file system for high-performance computing workloads. It provides fast parallel access to data stored in Amazon S3. The presentation covers how FSx for Lustre delivers scalable throughput and IOPS using Lustre and SSDs. It also discusses how FSx for Lustre can be used to access data stored in S3 for compute workloads run on EC2, with da
ホーム ブログ プログラミングが分からない人でも簡単なWebアプリケーションを作れちゃう!?JavaScriptフレームワーク『AngularJS』 「プログラミングは分からないけど、 簡単なWebアプリケーションを作れるようになりたい。」 「HTML・CSSは分かるけど、 JavaScriptが苦手だから何とかしたい。」 「自分の作ったサイトに、 ちょっとしたプログラミング要素を入れたい。」 そんなニーズにお応えしてくれるのが、 今回紹介させていただく「AngularJS」(アンギュラージェイエス)です。 AngularJSって? 簡単に言えば 「HTMLのタグを拡張させるJavaScriptフレームワーク」ですが・・・、 よく分かりませんよね。 そこで今回はサンプルとして Todoアプリを作って慣れてみましょう。 自信がないという方も大丈夫! とにかく書くコード量が少ないです。 順に手
SignalRアプリをスケールアウトする際の注意点と、それを回避するためのBackplane機構について説明。さらにRedisをBackplaneとして活用する方法を解説する。 ← 前回 連載 INDEX 次回 → 前々回の記事ではIIS 8でWebSocketを有効にしてSignalRのアプリケーションを動かす方法を紹介した。今回はSignalRアプリケーションにおけるスケールアウトについて紹介したい。本稿のサンプルは、こちらからダウンロードできる。 SignalRのスケールアウトとBackplane SignalRでも通常のWebアプリケーションと同様、複数のWebサーバーを立てることにより、1台では処理できない量のリクエストを処理することが可能になる。ただし、SignalR、あるいはWebSocket一般において注意すべきことがある。 SignalRスケールアウト時の注意点 ユーザー
SignalR 2.0をIIS 8(WebSocket)で動かす方法を説明。Windows Server/IIS、.NET/Visual Studioに関するアップデートについても簡単に紹介。 ← 前回 連載 INDEX 次回 → Windows Server 2012 R2などのアップデートについて 今回の本題であるSignalRの説明に入る前に、Windows Server/IISおよび.NET FrameworkとVisual Studioに関するアップデートについて紹介する。 Windows Server 2012 R2 Windows Server 2012のアップデートに当たるWindows Server 2012 R2では仮想/クラウド関連機能やネットワーク機能を中心に強化されている。PowerShellのバージョンが4.0に上がり、DSC(Desired State Con
IIS のバージョンは、Windows 10 が IIS 10.0、Windows 8.1 が IIS 8.5、Windows 8 が IIS 8.0、Windows 7 が IIS 7.5、Vista が IIS 7.0 となっており、接続制限はあるものの機能的には、それぞれ Windows Server 2016、Windows Server 2012 R2 、Windows Server 2012 、Windows Server 2008 R2 、Windows Server 2008 のものと同等であり、小規模なサイトであれば十分に実用に耐えられる HTTP サーバーを立ち上げることができます(こちらを参照)。機能面では、Windows 10 で、HTTP/2 に対応し、Windows 8 で、WebSocket に対応しました。 Windows 7/Vista では、IIS は
Applies To: Windows Server 2003, Windows Server 2003 R2, Windows Server 2003 with SP1 Connection limits restrict the number of simultaneous client connections to your Web sites and your Web server. Limiting connections conserves memory and protects against malicious attacks designed to overload your Web server with thousands of client requests. Important You must be a member of the Administrators
Windows 11、Windows 10、Windows 8.1、および Windows 8 に .NET Framework 3.5 をインストールする Windows 11、Windows 10、Windows 8.1、および Windows 8 上でアプリケーションを実行するために、.NET Framework 3.5 が必要になることがあります。 また、さらに古いバージョンの Windows にもこれらの手順を使用することもできます。 必要に応じて .NET Framework 3.5 をインストールする .NET Framework 3.5 が必要なアプリケーションを実行しようとすると、次の構成ダイアログが表示されることがあります。 .NET Framework 3.5 を有効にするには、[この機能をインストールする] を選びます。 このオプションを使用するには、インターネット
更新履歴 [ 全て表示戻す ] 2015.09.02: さらに追記 2015.08.27: このページの根本を覆すような追記 2015.08.04: 冒頭に解決策を挿入 2015.02.04: 追記部分が読みにくかったので、文章構成を変更 2013.08.01: 初出 2015.08.27追記 情報提供いただきました。 このページで取り上げている「.NET Framework のバージョンの互換性」の英文オリジナルページを読むと、翻訳文で「下位互換」と訳されている部分は原文では「Backward compatibility」と表現されており、これは「下位互換」ではなく「後方互換」ではないか?とツッコミ頂きました。 後方互換性とは 「後方互換」 (backward compatibility): - IT用語辞典バイナリ 後方互換性とは、互換性(コンパチビリティ)の区分のうち、より新しい製品
たとえば下位互換の場合、下位のものが上位に対して互換性があるのか、上位のものが下位に対して互換性があるのか、いつもわからなくなる。 誤用も多いようなので、この単語だけからでは実際のところどうなのかは判断できないようだ。 上位互換 機能やグレードが上位のシステムが、下位のシステムの規格を扱えること。 Wikipediaでは例として次のようなものが挙げられている。 Adobe Photoshop CS(上位)がAdobe Photoshop Elements(下位)のデータも扱える。 PS2(上位)でPS(下位)のゲームも遊べる。 ゲームボーイ(ry わかりやすい。 しかし、任天堂はこのことを下位互換と表現しているようだ。 下位互換 上位互換の逆で、機能やグレードが下位のシステムが、上位のシステムの規格を扱えること。 ただし機能の一部が使えなかったりはする。 Wikipediaでは例として次の
2012年01月25日02:25 カテゴリWEBMono C#でWebSocketサーバーをやってみる その1 ■趣旨 WebSocketサーバーはnode.jsとかJettyとかでもできるけど、オラC#が好きだからC#でやるだ。 でもWebでサーバーサイドつったらLinuxがメジャーだし、ここは試しにMonoも使ってみっか。 ■最終目標 サーバーサイド→Linux(Ubuntu) + Mono + C# クライアントサイド→HTML + Javascript で双方向通信する。 ■方針 細かいところは気にせずとにかく進める。 ■まずやること まず開発環境の準備です。 最終的な動作環境はLinuxですが、当面はWindows上で作業します。 以下のサイトからMono(実行環境)とMonoDevelop(IDE)をダウンロードおよびインストールしましょう。 Mono MonoDevelop
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
(1)Ajax XmlHttpRequestオブジェクト(JavaScript)を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基本的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。
ASP.NET MVC で WebSocket サーバを立てたくて色々調べた結果、あまり情報がなくて苦労したたのでここに記録を残します。 キーワード: ASP.NET MVC WebSocket Microsoft.WebSockets SignalR 背景 ASP.NET MVC で WebSocket やろうと思うと、SignalR という新しい仕組みがあるんですが、これを使うとクライアント側にも jquery.signalR.js を読み込まなくてはいけなくなるので、JS以外のクライアントで使えないって事と、もっと素に近い WebSocket を扱う方法を知りたかった、というわけです。 要するに WebSocket っぽい OnOpen(), OnClose(), OnMessage() などのメソッドを書いて作っていくやり方です。 NuGetにある Microsoft.WebSoc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く