【レポート】キャッシュ効果を最大化するDiffable | エンタープライズ | マイコミジャーナル
Steve Souders - High Performance Web Sites Webページ読み込みを高速化するテクニックはいくつもあるが、現在のところ取り上げられることが多い方法は、基本的に次の方法に落ち着くことが多い。 なるべくひとつのファイルにまとめてHTTPリクエストの回数を減らす。 ファイルはミニファイや圧縮を実施し、GZIP圧縮を効かせた状態で配布する。 ファイルはなるべくキャッシュが効きやすいようにする。 複数の画像をひとつの画像にまとめてCSSで切り分けて使うテクニックも、CSSの中に画像データを含めてしまう方法も、リソースはすべてひとつのパッケージにまとめて配布可能にする取り組みも、こうした取り組みを実現するためのテクニックのひとつということになる。しかしこの方法にはひとつの問題がある。HTMLやJavaScript、CSSファイルは頻繁に編集するものだ。変更した部
ファイルを比較するなら「WinMerge」 | バシャログ。
W杯も終わり、祭りの後な雰囲気ですね。 kimotoです。 さて、今日はテキストの diff をとるツール、WinMerge をご紹介します。 すでに有名なソフトなので、知ってる人も多いと思いますが。 WinMerge は、ファイルの中身を比較して差分を確認したり、そのままマージをしたりできるツールです。 例えばこのように比較する事ができます。 このように色分けされて表示されるので一目でどこが変更されたか分かります。 また、左ペインにはファイル全体の中で現在の位置が表示されていてこれまた分かりやすい。 この左ペインで直接位置を動かす事もできます。 また、差異を選んで右クリックから右に移動したり左に移動したりも簡単で、マージも楽チンです。 TortoiseSVN を使用している人なら、Tortoiseメニューの「以前のバージョンと比較」などを行うと、自動で WinMerge が立ちあがり、比
全メールの97％がスパム--送信国ワースト1位は米、英国が4位に上昇
ソフォスは7月14日、4〜6月の迷惑メール（スパム）送信国ワースト12に関する最新のレポートを発表した。これによると、スパム汚染国の1位は引き続き米国で、全世界のスパムメッセージの総数の15.2％を配信しており、1〜3月の13.1％から、さらに増加している。 また、英国の順位が今年初めの9位から4位に上昇、全世界のスパムの4.6％を占めている。2位はインド（7.7％）、3位はブラジル（5.5％）となっている。5位は韓国（4.2％）、6位はフランス（4.1％）、7位はドイツ（4.0％）と続き、以下は8位イタリア、9位ロシア、10位ベトナム、11位ポーランド、12位ルーマニアとなった。日本は30位だ。 スパムは企業のメールサーバが受信する全メールの97％にも上っており、生産性を低下させている。スパムの大部分は、偽造または違法商品を販売する手段として使用され、すべてのスパムが仮想的には、「ボット
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
Chrome 拡張機能でウェブ制作をより快適に
+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
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
Cassandra入門と、さらに詳しく知るためのリソース集
クラウド時代の新しいデータベースとして、非リレーショナルな構造を持つNoSQLデータベースが話題になっています（NoSQL＝Not Only SQL。命名の経緯はこちら）。そのNoSQLの中で、もっとも注目されているデータベースの1つがApacheのCassandraです。 Cassandraは、Facebookで大規模データ処理のために開発され、その後オープンソースとなり、現在ではApache Software Foundationのプロジェクトとして開発されています。 現在、CassandraはFacebookやDiggなどで使われている、もしくは使うことが検討されているとされ、Twitterでも（ツイートデータの格納には使われないようですが、それ以外の用途で）利用されています。 TwitterとDiggがNoSQLの「Cassandra」を選ぶ理由 Twitterが、Cassandr
面接官が考えていること。そして面接で落とされないために必ずするべき事。 « The Wisdom of Crowds – JP
この記事では東京で知った面白い話、「新卒採用の面接官をした方の話」を紹介します。日本人なら誰もが知っている有名企業で、新卒採用の一次面接を担当している方の話です。ちなみに１００人単位で面接しなければいけない人気企業です。そしていわゆる「コミュニケーション能力」が重視される面接とはどういうものか、そういった面接官側からの話です。 まず彼が言うには「100人を面接したら95人は全く印象に残らない」とのことです。それは「大多数の人が同じような事を面接で自己PRするから」また「そもそも自己PRを論理的に出来る人が少ないから」だそうです。また「面接官は話の細かい点なんて聞いていない」とも言っていました。志望者が話している間に次に何を質問しようかと考えていて頭がいっぱいだそうです。だから記憶に残るのは話のだいたいの主旨とその時の印象だけ。 これはみなさんも身に覚えがあると思います。例えば、この前のオフ
【レビュー】Firefoxのメモリをもっとうまく使う方法 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Firefox 2系と比べるとFirefox 3系のメモリ消費はだいぶ改善されている。FreeBSDのメモリアロケータであるjemallocを採用したことが大きい。しかし、マルチプロセスアーキテクチャを採用したChromeが登場してから、ふたたびFirefoxのメモリ消費が気になるようになってきた。たしかにChromeの消費するメモリ量は多いが、タブがそれぞれプロセスとして分離しているため、タブを閉じると1プロセス分まるまるメモリが開放される。消費は多くても開放もしっかりしていて、いつまでも大量のメモリを消費し続けるFirefoxよりも魅力を覚えるユーザが増えている。 しかし、Firefox向けに提供されているアドオン/エクステンションは強力で魅力的。特定のアドオン/エクステン
Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 本当にざっくりなので抜けもあるだろうし「それくらい書かんでも分かるわボケ」なものもあるでしょうけど、まぁそれは追々。 ディレクトリ名やファイル名として使用することを前提としているので、文法とかは全く考慮してませんので悪しからず。 最近、医療・病院関係のサイトに仕事で関わることが多
単体テストを“神速”化するQuick JUnitとMockito
単体テストを“神速”化するQuick JUnitとMockito：ユカイ、ツーカイ、カイハツ環境！（16） Quick JUnitプラグインの3つの大きな特徴 近年、JUnitとHudsonを利用した継続的インテグレーション（CI）によるテストの自動化や、テスト駆動開発（TDD）の普及などにより、ユニットテスト（単体テスト）のテストコードの作成が重要視されています。 今回紹介する「Quick JUnit」プラグインは、JUnitによるテストコードの作成と実装を支援するEclipseプラグインです。Quick JUnitプラグインは石井勝さんにより開発されていましたが、石井さんが不慮の事故により死去後、Quick JUnitプラグインプロジェクトにより開発が継続されています。優れたオープンソースプロジェクトの模範のようなプロジェクトです。 訂正のお知らせ 故人のお名前について間違いがあり、修
見えてきたECサイトの人気レイアウト
ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC（電子商取引）サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場（100サイト）、Yahoo!ショッピング（50サイト）に出展しているECサイトおよび企業が独自に運営するECサイト（100サイト）を7月に調査した。 70％がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70％だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。
日本の人事システムについて - 内田樹の研究室
ツイッターで茂木さんが就職活動について書いている。 多くの点で、私も同意見である。 けれども、完全には同意できないところもある。 意見が違うというのではなく、話を「切り出す順番」が違うということなのかも知れない。 それについて考えてみたい。 茂木さんはこう書いている。 「大卒２割、就職も進学もせずという今朝のニュース（http://bit.ly/9IP2QS ）に思うところあり、日本の就職について連続ツイートします。 大学３年の夏から、実質上就職活動が始まる日本の慣習は、明らかに異常である。学問が面白くなって、これからいよいよ本格的にやろうという時に、なぜ邪魔をするのか。 そもそも、新卒一括採用という慣習は、経営的に合理性を欠く愚行だとしか言いようがない。組織を強くしようと思ったら、多様な人材をそろえるのが合理的である。なぜ、一斉に田植えでもするように、同じ行動をとるのか？ 日本の企業が
組織目標と個人目標の順番 - Chikirinの日記
組織に所属する人は、「組織の目標達成にどれだけ貢献したか？」という視点で評価されます。 企業が売上 100億円という目標をたてれば、部門目標はそれにそって決められます。 営業部門は「組織全体で 100億円の売上を達成するため、去年より販売数を 2割アップ！」という目標をたて、 開発部門は「組織全体で 100億円の売上を達成するため、競合品と差別化でき、値崩れしない新商品をボーナス商戦までに開発する！」という目標をたてるわけです。 その後、目標はさらに分解され、個人目標が立てられます。 営業部門のＡ課長は「営業部全体で去年より 2割たくさん売るために、うちの課では○○社と○○社と○○社に○台ずつ納入するぞ！」みたいな目標をたてます。 このように、組織目標は→部門目標→個人目標と分解され、組織に所属する全員が自分の目標を達成すれば、部門目標が達成され、最終的には組織目標が達成されます。 組織に
bit.lyの短縮URLの文末に「＋（プラス）」をつけると解析結果ページにアクセスできる | ライフハッカー・ジャパン
短縮URLサイトに「bit.ly」というサイトがあります。Twitterでも、日頃からよく見かけますね。このサイトには、短縮URLの機能に加え、解析機能が備わっています。たとえば、短縮したURLが何回クリックされたのか、どこでクリックされたのか、などがわかります。 その解析ページにアクセスする簡単な方法を、以下に紹介します。 こういった感じで、「bit.ly」の短縮URLが表示されています。 この短縮されたURLの文末に「+（プラス）」を付け加えるだけで、解析ページにアクセスできるのです。 つまり、「http://bit.ly/b4yqKg」を「http://bit.ly/b4yqKg+」にすればOKです。 解析結果はこのように、何回クリックされたのかなどが分かります。 Twitterで誰が言及しているのかなども、ひと目で分かります。 「bit.lyで短縮されたURLの文末に「+」をつける
ナンパのすすめ
先日、私は久々にナンパをした。少なく見積もっても5年ぶり。ひょとしたら8年ぶりくらいかもしれない。本当はもうナンパなどしている歳でもないのだろうが、閉塞感を打ち破りたい気持ちもあり、ナンパをすることにしたのである。場所は花火大会の会場。24歳のシャイなイケメンを相方とした。もともと彼が花火大会に行きたいと言い出したのである。花火大会でナンパがしたい、と。彼はシャイなのでナンパができない。そこで、少しはナンパの経験がある私が彼にナンパの仕方を教える。そういう目的の花火大会参加であった。 だが、暑い。我々二人は暑さで溶けそうになりながら、花火見物のベストポジションへ向かった。早めに向かったのは良かったのだが、開始時刻までの時間つぶしを用意すべきであることも知らず、場所取りのレジャーシートを持参すべきであることも知らなかった我々は、固いアスファルトの地面にじかに座り、何もすることがなく、ただ開始
便利なCSS3ツール6つ＋α:phpspot開発日誌
Six Useful CSS3 Tools | Tools 便利な６つのCSS3ツールがまとまったエントリを＋αでご紹介。 まだ覚えていないプロパティなんかもWYSIWYGやジェネレート等で簡単に理解＆覚えることが可能です。 CSS3 Button Maker CSS3なボタンメーカー。角丸やシャドウの指定が可能 CSS3 Generator CSS3を使ったスタイル効果をブラウザ上で簡単ジェネレート CSS3 Please! クロスブラウザ向けのradiusやshadow等を一括生成 CSS3 Gradient Generator CSS3のグラデーション生成ツール CSS3 Transforms WYSIWYGでCSS3のtransformプロパティを生成可能 CSS3 Selectors Test ブラウザのCSS3対応状況が分かるツール CSS3 Click Chart by Im
Mozilla Re-Mix: 商品探しに便利なFirefoxアドオン「楽天、Amazon、Yahoo! ショッピングの検索と売れ筋ランキング」
ネット上で気になる商品を見つけたとき、すかさずその商品はどこでいくらで売っているのかを検索するようなことがあります。 このような場合、商品名などを検索窓にコピペして、ショッピングサイトなどで検索することが多いと思いますが、手間がかかる上に複数のサイトで検索したいような時には同じことを何度も繰り返さなければなりません。 ネットショッピングに慣れている方なら、Amazonではいくら、楽天では・・と考えるのはごく自然なことですので、このような作業は迅速に行いたいものですね。 そんなユーザーに便利なFirefoxアドオンが「楽天、Amazon、Yahoo! ショッピングの検索と売れ筋ランキング」というアドオンです。 「楽天、Amazon、Yahoo! ショッピングの検索と売れ筋ランキング」は、名前の通り、楽天、Amazon、Yahoo! ショッピングでの検索を素早く実行できるほか、ツールメニューか
【ネタ帳】CSS3のコードを作成してくれるジェネレータ20個まとめ +25記事*二十歳街道まっしぐら（FC2ブログ時代）
★新URL：http://20kaido.com/ ★新RSS:http://20kaido.com/index.rdf いままでFC2ブログで5年間、お世話になりました。感謝です。 移転先でもよろしくお願いいたします！ 二十歳街道まっしぐら（FC2ブログ時代）人気記事TOP50まとめ 最近TODOがたまりまくってうまく消化できません‥。 8月後半になれば落ち着くはずー。今日は旅行に行ってます。 さて、今週のネタ帳TOPはCSS3関連。 CSS3の角丸+グラデーションを簡単に作成できるジェネレータ「CSS Corners」という記事を以前書きましたが、 こういったサイトってたくさんあるんですよね。そのまとめです。 ジェネレータってもんは本当に便利で、視覚的に扱えて、コードまではいてくれるのがいいですね。 最下部に載せている、カメラレンズのマグカップいいですねー。欲しい！ （【ネタ帳】では、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 写真をプロの様に加工するフォトショップ用無料アクションファイル100個まとめ
CNET Japanと連携するショッピングサイト「Re:SOURCE×楽天」がオープン - CNET Japan
iPhone 4時代のオススメ定番アプリ60+
はてなダイアリー