HTML特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 と記述すると空白を挿入してくれます。また、HTMLファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として<を書きたいときには ≷ と記述します。 使用頻度の高いのは、 " & < > © です。
HTML特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 と記述すると空白を挿入してくれます。また、HTMLファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として<を書きたいときには ≷ と記述します。 使用頻度の高いのは、 " & < > © です。
今回のテーマは、グーグルの検索結果(ユニバーサル検索)のどこからトラフィックが流入しているかを読み解くための、リファラ文字列の理解だ。 オーガニック検索の何位に表示された検索結果からのアクセスなのか、検索結果にワンボックスで表示された画像や動画からのアクセスなのかなど、アクセス解析ツールをうまく使うことで、詳細に分析し、SEOに役立てられる可能性のあるデータが、サイトへのアクセスのリファラ文字列に隠されているのだ。 分析の仕方によっては、「(not provided)」で隠された検索キーワードを高い精度で推測できる場合もある、この「ved」パラメータの秘密に迫っていく。 ステップごとに説明し、最終的にはGoogleアナリティクスでこのデータを分析できるようにする具体例を示していく。が、その前に、この記事を書くに至った、僕らが抱えていた問題を紹介しておきたい。 検索ユーザーが「なぜ」「どう」
IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 (IE11) については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog
Selenium IDEは、ブラウザ操作の記録と再生が手軽にできるFirefoxアドオンです。 Selenium公式サイトのダウンロードページを見ると、「Selenium IDE Plugins」というタイトルで、このSelenium IDEの機能をさらに拡張するFirefoxアドオンがたくさん並んでいます。 今回は、これらのSelenium IDEプラグインの中から、特におすすめのものを選んで紹介したいと思います。 Favoritesお気に入りテストスイートの簡単読み込み おすすめ度:★★★ Selenium IDEにテストスイートを読み込んだり、別のテストスイートに切り替える作業は、意外と面倒ですね。 このプラグインを使えば、IDEの画面に「Favorites」ボタンが追加され、テストスイートの読み込み・切り替えが簡単にできます。 使い方も簡単ですぐ覚えられます。 詳細(英語)
急ですが、webサービスやwebサイトの負荷テストは行っていますか?どの程度のアクセスがあった場合にサーバが遅くなってしまうのかをバズる前に検証しておくべきです。 現在、Yahoo、はてブ以外にもGunosy等に載る事で簡単にバズり(普段のPV数 + 想定PV数5000〜30000)その時にサーバが同時アクセスに耐えられなくなり、かなりの機会損失を被ってしまいます。自分のサーバ、または借りているレンタルサーバの能力値を理解していればそれなりの対策が打てるようになるのかなーっと。そうゆう事で負荷テストをオススメします。 今回は記事を書くというよりは負荷テストが出来るwebサービス、ツール、ソフトを紹介している記事をまとめて紹介して最後に要約していきたいと思います。 負荷テストツールをまとめている記事ベスト3 負荷テストを出来るサービスやツールを紹介しているまとめ記事を厳選して紹介したいと思い
人間とウェブの未来(旧) 「ウェブの歴史は人類の歴史の繰り返し」という観点から色々勉強しています。2014年までの人間とウェブの未来の旧ブログです。 これまでのApache2.2系以前でのアクセス制御の書き方は賛否両論でした。僕はあまり好きじゃありませんでした。 過去のアクセス制御に関しては、以下の記事がとてもわかりやすくまとめられていると思います。 こせきの技術日記 – Apacheのアクセス制御をちゃんと理解する。 ここで、以下のように言及されています。 こんなバッドノウハウ、本当はどうでもいいと思う。Apache 3.0では、かっこいいDSL(VCL)で書けるようにする構想があるらしいのでがんばってほしい。 ということで、2.4系ではDSLとはいかないまでも、Require*というディレクティブを使ったモダンな書き方ができるようになったので、それを2.2系以前のアクセス制御の記述と比
RubyのウェブアプリケーションフレームワークRamazeがとってもとっても素敵なので、ただいま実験としてささいなものを作成しております。HTTPdには今話題のthinを使おうかな、と思っているのですが、こうなると考えなければならないのがリバースプロキシですよね。"reverse proxy rails" あたりで検索すると真っ先にapacheの設定方法が出てくるわけですが、なんでもapacheというのもどうかな、と思いました。設定が煩雑になりますしね。そこでリバースプロキシである varnish を試してみました。varnishに関するドキュメントはあまり多くないのですが、varnish はとっても簡単なので素晴しいと思います。せっかくですから、varnishに関する設定方法などを簡単にまとめておきたいと思います。なお、私はサーバであっても ubuntu を使っておりますので(手抜き!)
これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか? ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます! 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね? 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
セマフォとは セマフォとは、並行動作しているプロセス間で同期を行ったり、割り込み処理の制御を実施するメカニズムまたはデータ型や信号のことです。もともとは「手旗信号」の意味を持っています。特に、複数のプロセスでメモリ内の領域やディスク上のファイルを共有している場合、同時にアクセスして内容の破壊や不整合が起きるのを防ぐために使われます。任意の数のリソースを扱うセマフォをカウンティングセマフォ、ロック・アンロックのために値が0と1に制限されているセマフォをバイナリセマフォといいます。 要は、並列動作しているプロセス間のリソース制御をよしなに調整してくれるのが、コンピュータの世界におけるセマフォの役割になります。 Apacheのセマフォ障害 Apacheに限りませんが、このセマフォによる排他制御がうまく行っていない場合、アプリケーションが起動しなくなる場合があります。例えばApacheで、ディスク
4月3日、GoogleがChromeに使っていたWebKitをフォークした新しいエンジンBlinkを発表した。 …だいぶ出遅れたのでとても書きづらいけれど、自分の理解のために書く。ただいろいろあるので、まずはWebKitをフォークするに至った経緯と、Blinkの概要について。 追記 (2013-04-30):別途ふたつエントリを書いたのでそちらもどうぞ。 Chromeの新エンジンBlink ― Webプラットフォーム篇 Chromeの新エンジンBlink ― どうなるんだろう篇 “Chromium port”としての負担 アナウンスしたAdam Barth曰く、Chrome開発時点でのWebKit採用は正しく、WebKitも大きく成長したと。 Chromium Blog: Blink: A rendering engine for the Chromium project ただ、開発を続け
ついにWebKitからGoogle勢が分裂してBlinkという新しいフォークが出来てしまった。 折りしもmozillaがレンダリングエンジンをRustで作り直すという挑戦的なニュースも重なり、 新年度早々Web業界ウォッチャーには衝撃が走った。 さて、このBlinkのフォーク騒動だけど、理由は大きく2つあると思う。 一つは、性能や安全性向上のためのリアーキが現状のWebKitのtrunkでは難しいから。 二つは、WebKitのコミュニティ上でのApple勢とGoogle勢の信頼関係が崩れたため。 一つ目の性能に関する理由は明白。Blinkの公式サイトにもあるような、iframeのsandbox化、ネットワークコードの簡潔化、DOMをJSヒープに移動させることによるDOM操作の高速化などを、様々な移植層に適合した形で実現するのは技術的にも政治的にも非常に難しいためだ。 そういったドラスティッ
8月 2019 (1) 6月 2019 (1) 5月 2019 (1) 4月 2019 (5) 3月 2019 (5) 2月 2019 (12) 1月 2019 (1) 8月 2018 (4) 7月 2018 (11) 6月 2018 (8) 5月 2018 (5) 4月 2018 (5) 9月 2017 (1) 8月 2017 (1) 7月 2017 (7) 6月 2017 (1) 5月 2017 (3) 4月 2017 (1) 3月 2017 (3) 1月 2017 (4) 11月 2016 (1) 10月 2016 (2) 9月 2016 (2) 8月 2016 (3) 7月 2016 (2) 6月 2016 (3) 5月 2016 (8) 4月 2016 (17) 3月 2016 (9) 2月 2016 (12) 1月 2016 (10) 12月 2015 (4) 11月 2015
,、,, ,、,, ,, ,, _,,;' '" '' ゛''" ゛' ';;,, (rヽ,;''"""''゛゛゛'';, ノr) ,;'゛ i _ 、_ iヽ゛';, ,;'" ''| ヽ・〉 〈・ノ |゙゛ `';, ,;'' "| ▼ |゙゛ `';, ,;'' ヽ_人_ / ,;'_ /シ、 ヽ⌒⌒ / リ \ | "r,, `"'''゙´ ,,ミ゛ | | リ、 ,リ | | i ゛r、ノ,,r" i _| | `ー――----┴ ⌒´ ) (ヽ ______ ,, _´) (_⌒ ______ ,, ィ 丁 | | | 前回のエントリ で軽く触れましたが、ARPスプーフィングを用いると、サブネット内からデフォルトゲートウェイを通って外に出て行くはずのパケットを、自分のホ
Cross-Site Tracing(XST)という化石のような攻撃手法があります。「化石」と書いたように、既に現実的な危険性はないのですが、XSTに関連して「TRACEメソッドは危険」というコメントを今でも見ることがあります。 このエントリでは、XSTという攻撃手法について説明し、XSTおよびTRACEメソッドについてどう考えればよいかを紹介します。 TRACEメソッドとは HTTP 1.1(RFC2616)では、8種類のメソッドが定義されています。GET、POST、HEADなどはおなじみのものですが、それ以外にPUT、DELETE、OPTIONS、TRACE、CONNECTの5種があります。 このうち、TRACEメソッドは、HTTPリクエストを「オウム返しに」HTTPレスポンスとして返すもので、以下のようにGET等の代わりにTRACEとしてWebサーバーにリクエストします。 TRACE
Q「ガジェット通信に寄稿したらPV増えますか?」A「いいえ減ります」 - 情報の海の漂流者 この話から色々派生して盛り上がっているみたいなので補足を。 元記事が検索結果から吹っ飛ぶのはGoogleさんがオリジナルコンテンツがどちらであるかを認識していないからではないか?と考える方が結構おられるみたいですが、多分それは違います。 ちなみに、 meta name="original-source" というタグを使うとなんとかなったりしますかね? [N] 他サイトへの寄稿(記事転載)はブロガーにとって良いことなのか? これって、寄稿した所から親の記事にリンクしたら大丈夫って話なかったっけ、、(うろ覚え) / “Q「ガジェット通信に寄稿したらPV増えますか?」A「いいえ減ります」 - 情報の海の漂流者” URL 2013-01-07 12:32:41 via Hatena そう考える根拠は、Goo
MSDNフォーラムで表記の質問を見かけました。同フォーラムの活動実績がないせいか、回答にリンクを貼ると拒否されましたので、こちらに回答します。 ここからが質問なのですが、プログラムの実装が完了したあと、脆弱性が潜んでいないかをチェックする必要があるのですが、脆弱性を検出するツールなどがありましたら教えてください。できれば、無償で使える物で、環境にあまり依存しないもの(Windows Serverのバージョンや、DBMSの種類に依存しないもの)がよいです。 Webアプリの脆弱性を検出するツールはありますか? 以下、回答です。 ご要望の条件をすべて満たすツールは、おそらくないと思います。 少し古いエントリになりますが、以下のブログにWebアプリケーションの脆弱性を調べるツールがまとめられています。 サーバ/Webアプリケーション脆弱性チェックツールの個人的まとめ(フリー/有償) 良い物は高価、
CEATEC JAPAN 2019で、10月17日(木)に開催した、アクセシビリティセミナー2019の記録動画より7件をYouTubeで公開しました。日本語字幕が設定できますのでご活用ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く