ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f47dbb8902d6c31c174eb83af263902786531b3/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2013%2F08%2FTridiv-CSS-3D-Editor.png)
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ(t32k.me)が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
by Vernon Swanepoel ウェブサイトのユーザーがどれぐらいページを見てくれているのか、訪問頻度はどれぐらいなのかといった情報を追跡するのにはクッキー(Cookie)やJavaScriptなどが使用されますが、そうやって追跡されるのがイヤだということでCookieを受け入れないように設定したり、JavaScriptをオフにしているという人もいるはず。しかし、それでもユーザーを個別に追跡する方法があります。 Lucb1e.com :: Cookieless Cookies http://lucb1e.com/rp/cookielesscookies/ これはオランダ在住でコード・セキュリティ・ネットワークを愛しているというlucb1eさんが明らかにしたもの。手法としては新しいものではなく、多数のサイトで使われているにもかかわらず、そのことを認識している人はほとんどいないというも
サンプルサイト制作を通して「Webサイト制作」についてまとめてます。 前回の記事で、トップページのコーディングがひと通り完了したので、下層ページのコーディングに移る前に、一旦ブラウザチェックしてみようと思います:)。 以下は目次です。クリックすると各項目へ移動します。 対象ブラウザ。 ブラウザの種類 ブラウザのバージョン ブラウザの進化 チェックすべきブラウザ ブラウザチェック。 ブラウザチェックツール BrowserStackを使ったブラウザチェック VMware+IETesterでブラウザチェック Internet Explorerでバージョン別チェック チェック結果 表示の崩れを整える。 IE8での表示を整える IE7での表示を整える IE6での表示を整える モダンブラウザと同じくらいまで整える。 transitionの動きをjsで実装する IE8以下でも:last-childとか使
「V8 Benchmark Suite」に新たに5つのベンチマークテストを追加し、オンラインゲームや高度なWebアプリを利用するWebブラウザの実際的な性能を測れる、octane(炭化水素)のように多様なスイートになっている。 米Googleは8月21日(現地時間)、JavaScriptベンチマークスイート「Octane」をリリースしたと発表した。従来の「V8 Benchmark Suite」に新たに5つのベンチマークテストを加え、複雑なWebアプリを稼働させるWebブラウザのパフォーマンスの評価をより実際的なものにしたという。 Googleは、従来のKrakenやSunspiderなどのベンチマークスイートは大規模でリッチなWebアプリが一般的になる前に開発されたもの(Googleはこれらを「ミクロベンチマーク」と呼ぶ)であり、実際的ではないという。Octaneは多数(現在は13)のテス
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
※Ubuntu日本語フォーラムのデスクトップ向けソフトウェアガイドにオススメなソフトの一覧がある。 テキストエディタ Webブラウザ ファイラー 画像ビューア 動画プレーヤー ライティングソフト DVDバックアップ 音楽プレーヤー 音楽CDリッパー リネーマー 重複ファイル削除 バックアップ 未分類 テキストエディタ Emacs UNIX系OSではお馴染みのテキストエディタ gedit GNOME標準のタブ型テキストエディタ jEdit 多数のOSで動作するJava製テキストエディタ。プログラマ向けらしい。 Kedit KDEアプリ。軽いが機能は最低限。 Kwrite KDEアプリ。標準的な機能は揃っていると思われる。 Kate KDEアプリ。かなり高機能なリスト型テキストエディタ。やや重い。 Leafpad 軽快なテキストエディタ。Windowsのメモ帳のような感じ。何気に文字コードの認
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか? 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね! 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
※2011.09.29追記※ 現在「Fyels.com」のドメインがオークションによって売買されております。 これからどのようなWebサービスとして運営されるか不明です。 以上のことから、本記事から「Fyels」へのハイパーリンクを削除致しました。 「Fyels」は無料で最大9GBまで利用できるファイルストレージです。 Twitterアカウントでログインできますよ。 Twitterアカウントでログインすれば、http://(TwitterユーザID).fyels.com/のドメインがGetできます。 そこにアクセスすれば、アップしたファイルを友人などと共有できますよ。 ブラウザにドラッグドロップするだけでアップロードできる所も良いですね。 複数ファイルのアップロードにも対応。 APIもあったりしてなかなか機能が充実してますね。 以下に使ってみた様子を載せておきます。 まず「Fyels」へア
ブラウザ用のWebアプリケーションでは、HTMLベースのGUIと各種のスクリプトやActiveX、Javaアプレットなどを組み合わせて高度な機能を機能を提供できます。ただ、セキュリティの関係上ローカルファイルが利用できなかったり、閲覧者が使用しているブラウザによって結果が変わってきたりと実用的なアプリケーションを作ろうとすると不便を感じることも多いでしょう。 そんな時、アプリケーションを実行する環境が比較的新しい(4以降)Internet ExplorerがインストールされたWindowsなら、HTML Applications(HTA)を利用するとWebページを作るのと同様の感覚で、ローカルファイルに自由にアクセス可能なスタンドアロンアプリケーションを作ることができます。HTAでは、Web同様にHTML+CSS+各種スクリプトで手軽にGUIやレイアウトを作成でき、ActiveXコンポーネ
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず!?(編集部) JavaScriptってよく聞くけど何だろう? JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 本講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない! 文科系で数学は苦手! という人が理解できるような入門講座として、JavaScriptの基本から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ
▼ プロキシの所在地 プロキシ名にマウスカーソルを合わせるとそのプロキシの所在地がここに表示されます ▼ プロキシのホスト名 プロキシ名にマウスカーソルを合わせるとそのプロキシのホスト名がここに表示されます 最新の匿名プロキシサーバのリスト(串リスト)です。 Proxy Checkerで利用可能と判定された匿名プロキシが最終チェック日時の新しい順に一覧表示されており、一時間毎に最新のリストに自動的に更新されます。また、外部から利用できないと判定されたプロキシはリスト上での表示順位が下がります。さらに一定回数連続して利用不可能と判定されればリストから自動的に削除されます。 各プロキシは匿名性の種類により以下のように色分けされています。 赤色 : Anonymous (A) HTTPのリクエストヘッダにプロキシ特有の環境変数を付加しない匿名プロキシ 青色 : Anonymous (B)
はじめに Google から、非常に面白そうなソフトウェアがリリースされました! その名も Native Client なんとブラウザ上で X86 のバイナリを動かしてしまうそうです。 これはすごい! さっそく試してみたいと思います。その過程を逐次更新していきます。 自分が試したときの環境 自分が試す環境は、以下の通りです。 Mac OS X Xcode の gcc (version 4.0.1 (Apple Inc. build 5465)) python 2.5.1 準備 では、さっそく準備をしましょう。 http://nativeclient.googlecode.com/svn/trunk/nacl/googleclient/native_client/documentation/getting_started.html を参考にやってみます。 環境一式をダウンロード まずは、以下
last update on 2017/09/17 English 目次 概要 ダウンロード プロジェクト情報 概要 Lynx の Windows 対応版です. 注: 2.8.5rel.1TH より, 暗号機能(SSL)を内蔵した状態で配布するようにしています. お住まいの国や地域によっては, 暗号機能を含むプログラムを輸出/輸入/利用することに制限があることに ご注意下さい. より詳細な情報は 説明ファイル の5章 (暗号機能(SSL)に関する注意事項) を御参照ください. このプログラムと本家で配布しているバイナリとの主な差分は以下のとおりです。 暗号化ライブラリとして GnuTLS を利用している。 (OpenSSLのライセンスがGPL非互換であるため) 日本語環境向けの設定ファイルが付属している。 ※ 2.8.8dev.9 で、私が sourceforge.jp で公開していた版の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く