キャッシュ設定でサイト表示を3倍速くする.htaccessの書き方 : おち研 技術部
.htaccess にキャッシュを指示する Cache-Control や Expires を追記するとサイトの読み込み速度が向上します。.htaccessについての簡単な解説と、コピペで使える一般書式をご紹介。 .htaccess（どっと・えいちてぃー・あくせす） は、Apache Webサーバの動作を定義するためのファイルです。特定ページのアクセスを制御したり、エラーページ（404ページ）をカスタマイズしたり、様々な働きをします。 中でもブラウザキャッシュの設定はページの表示を軽くするために重要な働きをします。ブラウザからのリクエストをローカルに保存し、二度目以降はサーバに問い合わせずローカルから読むことで体感速度を劇的に向上させることが出来るからです。 ここでは.htaccess設定の中でも特にキャッシュ周りの項目について、Cache-Control および Expires の備忘録
ab でPOSTのベンチマーク - うまいぼうぶろぐ
-p postfile postデータを書いたファイルをで指定 -T content-type "application/x-www-form-urlencoded" を指定 postfileはURLエンコードしておく必要あり。複雑なPOSTデータの場合はngrep/tcpdumpしておきながら、一度ブラウザでPOSTしたものをコピペしてそのまま使うなどをすると楽ですね。 # POST data: user=hoge@example.com&pass=hogehoge $ echo -n "user=hoge%40example.com&pass=hogehoge" > postfile $ ab -c 10 -n 100 -p postfilie -T "application/x-www-form-urlencoded" http://app.example.com/path/to/p
[HTML5] Canvasで描画するテキストの高さと横幅を取得して、上下左右中央に表示する - YoheiM .NET
こんにちは、@yoheiMuneです。 久しぶりにHTML5 Canvasを触ったので、それに関するブログを書きたいと思います。 HTML5 Canvasでテキストを描画する際に、上下左右中央に表示するのは大変？ 最近、自分のポートフォリオサイトを作り始めました。 TopページにHTML5 Canvasを使って、文字をページの真ん中に表示するように作っています。 Canvasでテキストを表示したのは、色々とアニメーションさせたかったからで、 ページの真ん中にテキストを表示するのが案外面倒だったので、その方法をブログに残しておきたいと思います。 テキストを左右中央に表示する テキストを左右中央に配置するのは簡単です。 以下のどちらかの方法で、左右中央に表示することが出来ます。 実装方法１：textAlignを利用する（オススメ） １つ目の方法は、textAlignをcenterに指定すること
![[HTML5] Canvasで描画するテキストの高さと横幅を取得して、上下左右中央に表示する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d3fe9c4e421e05d85b6534931af13960750376e/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F245.jpg)
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！ サイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうがイイですね。 OGPの設置は、サイトの <head>部分の <meta>要素に記述をするだけで簡単。 FacebookとTwitter (Twitter Cards) は、基本のOGPの記述があれば、そこに数行を足すだけ。 ということで、本ブログにもOGPを設置したので、忘れないうちにメモっておきます。 ＊今回は、まずOGPの HTML上での基本構造や、Facebook・Twitter用の設定をメモ。まずは基本を整理。 ＊WordPressでの設置は、パーツテンプレートを作り、タグを編集する必要があるので、次回メモ。 本日のINDEX OGPは<meta>要素に記述する <head>要素のprefix属性への記述
)
SVG vs canvas: how to choose (Windows)
In the previous table, think of a mental model of the two in terms of existing software. Canvas resembles MSPaint, where you can draw and create images by using shapes and other tools. SVG resembles a Office PowerPoint slide that has programmable support and the ability to add a theme. When to Use <canvas> and when to Use SVG: The Scenarios This section describes the technical benefits and limitat
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
Leaflet recipe: Hover events on features and polygons
Leaflet is an exciting tool for making interactive maps. It's free. It's simple. It's easy to write. It isn't tied to any one set of background tiles. It works in all the major browsers. It's under active development. It even has good documentation. But one thing it doesn't show you how to create is hover effects. Say you've got some shapes or points on your map and you want something to happen wh
地理院地図の地図タイルを使ったD3.js&Cesiumサンプル
D3.jsでラスター地図のパン／ズーム＆移動の記事を書いた頃は、まだ「電子国土Web.NEXT」だったので、タイル画像を取得するためのリクエストを送るのが非常にメンドウだったのですが、「地理院地図」に代わって一般的なxyz方式でタイル画像を取得できるようになりました。詳細は下記ページで確認できます。 地理院地図 地理院タイルを用いた開発 だいぶ使いやすくなりましたね。 OpenLayersやLeafletを用いたサンプルは公式サイトに掲載されているので、ここではD3とCesiumを使ったサンプルを載せておきます。 D3ラスタータイルサンプル <script src="http://d3js.org/d3.v3.min.js"></script> <script src="http://d3js.org/d3.geo.tile.v0.min.js"></script> (function()
WebGLを利用して3Dな地図を作成できるライブラリ「Cesium」
Cesium はApache 2.0ライセンスの下、オープンソースとして作成された3D地図作成ライブラリです。 ハードウェアアクセラレーショングラフィックスにWebGLを使用しており、クロスプラットフォーム、クロスブラウザで、動的なデータ可視化を行うのに利用することができます。 公式サイトのデモなどを見ると、その性能の高さを感じることができます。 (以下スクリーンショット、公式サイトより） ほんの少しだけ触ってみました。 サンプルコード ぐんまちゃんを群馬に貼り付けてみました。 //セシウムウィジェットを作成 var widget = new Cesium.CesiumWidget('cesiumContainer'); //イメージレイヤーを取得 var layers = widget.centralBody.getImageryLayers(); //イメージレイヤにぐんまちゃん画像を
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
HTTPのパケットを確認したり、書き換える事が出来るWeb Debugging Proxy「Fiddler」の勉強会に行って来ました - 強火で進め
Fiddler の勉強会に行って来ました。 Fiddler は HTTP の通信データを観たり、書き換えたりする事が出来るツールです。 イベントページ はじめての Fiddler reloaded | Peatix http://peatix.com/event/55312?utm_campaign=recommend&utm_medium=email&utm_source=55312&utm_content=7893 資料ページ はじめての Fiddler http://www.hebikuzure.com/fiddler/ Fiddler Scriptデモ http://www.slideshare.net/hagurese/fiddler-script-38509440 書籍 実践 Fiddler 作者: Eric Lawrence,日本マイクロソフト株式会社エバンジェリスト物江修,
HTTPSを使ってもCookieの改変は防げないことを実験で試してみた
寺田さんのブログエントリ「他人のCookieを操作する」には、通信路上の攻撃者がいる場合は、SSLを使っても、Cookieの盗聴を防ぐことはできるが、Cookieの改変を防ぐことはできないと指摘されています。いかにも寺田さんらしい簡にして要を得たエントリで、これに付け加えることはあまりないのですが、残念ながらまだ読んでいない人が多そうだと言うことと、より広い読者に向けて具体的に説明した方がよいだろうと考えました。 そこで、通信路上に攻撃者がいる典型例として、公衆無線LANの偽AP（アクセスポイント）があるケースを題材として、「HTTPSを使ってもCookieの改変は防げない」ことを説明します（Secure属性使うと盗聴は防げますが、改変は防げません）。長いエントリなので結論を先に書いておきます。 Secure属性がないCookieはHTTPSでも盗聴できる Cookieの改変についてはSe
とても簡単にPHPからPOSTリクエストを送信する方法【PHP】 - Programming Magic
今まで、PHPからPOSTリクエストを送信する方法は、fsockopen関数を使って書く方法しか知らなかったが、調べてみると意外といろいろな方法があった。 fsockopen関数を使う方法 →参考：PHP TIPS Vol.3 ソケット拡張モジュールを使う方法 →参考：HTTPリスエストをそのまま返すPHPサーバ | Shin x blog ストリーム関数+ファイルシステム関数を使う方法 →参考：cURLを使わずに、PHPでPOSTリクエストを送信する - PHPプロ！ニュース HTTP拡張モジュールを使う方法 CURL関数を使う方法 →参考:php curlをつかったオリジナルクラス (myCurlRequest) - hiyuzawa.jpn.org Zend_Http_Clientを使う方法 →参考：【PHP TIPS】 51. ス
itti-c.com
itti-c.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
＠IT：Webアプリケーション: 第3回 気を付けたい貧弱なセッション管理
※ご注意 他社および他組織のWebサイトなどへのポートスキャンおよびデータの取得などの行為で得た情報を侵入などに悪用するか、または同じ目的を持つ第三者に提供した時点で違法となります。ご注意ください。 本稿の内容を検証する場合は、必ず影響を及ぼさない限られた環境下で行って下さい。 また、本稿を利用した行為による問題に関しましては、筆者および株式会社アットマーク・アイティは一切責任を負いかねます。ご了承ください。 「第2回 顧客データがすべて盗まれる」は、クロスサイトスクリプティング（XSS）と同様に実際のプログラミングを行うプログラマの責任であるという対策で、最も危険と思われるSQL InjectionとOS Command Injectionについて紹介した。今回は、プログラミング以前の設計段階で潜り込むセキュリティホール――見落としがちなセッション管理の脆弱性について説明していく。 We
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WEBアプリ高速化】Apacheのモジュール「mod_deflate」と「mod_filter」でデータを圧縮し転送量を削減する
GoogleのAPIで住所入力を超絶楽にするデモ＆サンプル:phpspot開発日誌
最新のウェブ開発に役立つ Web Fundamentals と Web Starter Kit
IE互換モード【1-WEB制作サイド編】 X-UA-Compatible｜ホームページ制作のプラルトweb
地図の軽量化・高速化