どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
XSS (Cross Site Scripting) Cheat Sheet Esp: for filter evasion By RSnake Note from the author: XSS is Cross Site Scripting. If you don't know how XSS (Cross Site Scripting) works, this page probably won't help you. This page is for people who already understand the basics of XSS attacks but want a deep understanding of the nuances regarding filter evasion. This page will also not show you how to
この歳になって初めて Web プログラミングの現場を見て、刺激的な毎日を送らせていただいています。さて、仕事をしていて一番強く感じるのは前職での開発（スタンドアロンパッケージソフト開発をしていた会社の文化）との違いです。で、Web 開発とは何たるかを表現したくて悶々としていたのですが、ある程度整理ができてきたので文章にしてみようと思います。僕はアカデミックな話よりも現場の話をしたいので、いくつもレイヤをまたいだ文章になります。そのため本稿では具体的な技術の詳説とかアジャイル的な用語が飛び交う説明とかはありません。そういうのを期待している人は読まないでください。 ・Web に限らず、お仕事プログラミング全般で共通のこと プログラムを知らない人がイメージする開発というものは、粘度をこねたりくっつけたりするような作業じゃないでしょうか。つまりそれは、知識さえあれば難しいものではなく、モチベーショ
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
What is Snap? Snap is a simple web development framework for unix systems, written in the Haskell programming language. Snap has a high level of test coverage and is well-documented. Features include: A fast HTTP server library A sensible and clean monad for web programming An HTML-based templating system for generating pages Snaplets Snap includes an optional system for building reusable pieces w
パリ発--ウェブの最も基礎的なレベルにあり、大きな影響力を持つハイパーテキスト転送プロトコル（HTTP）標準の全面的な見直しに関して、エンジニアたちは最初の大きな一歩を踏み出した。 当地で現地時間3月29日に開催されたインターネット技術タスクフォース（Internet Engineering Task Force：IETF）の会議で、HTTPを監督するワーキンググループが、HTTPを高速化する方法についての議論を正式に開始した。その話し合いでは、Googleが開発し既に実用されている「SPDY」や、Microsoftが開発し3月28日に発表した「HTTP Speed+Mobility」など、HTTP 2.0のための4種類の具体的な提案のプレゼンテーションも行われた。 これまでに出てきたHTTP 2.0に関する諸提案には、いくつかの相違点がある。例えば、Googleは暗号化を必須にしたいのに
今月の初めに弊社はてなで開発合宿を行いました。2泊3日の合宿の中でチームを組み、テーマを決めて開発をし、最後に各チームがプレゼンをする、というものです。成果物は今後のサービス開発に生かされます。 僕のチームはバックエンドがCommon Lisp、フロントエンドがCoffeeScriptで、お互いが独立していてAPIでのみ通信する設計のWebアプリケーションを作りました。僕とhitode909とswimy1113の3人の最小チームでしたが、最後のプレゼン投票で優勝できました。 ↓ 優勝したときの図。 東北で開発合宿を実施しました - はてな広報ブログ 左の灰色のはてなパーカーを着てるのが僕です。 Common Lispで書かれたアプリケーションが社内1位ってのはかなり夢があります。 合宿が終わってからも継続して開発を続けており、そろそろ数週間が経ちました。ので、この辺りでCommon Lis
企業さま向け キャンペーン診断 「診断メーカー」を通じて企業様の商品・ブランドを無料で宣伝できるキャンペーン診断をはじめてみませんか？
![ここにpostしたい内容を打ち込んでください [名前診断]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d29742e42121fc324b16a8d87456d9e9247549a1/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fpic.shindanmaker.com%2Fshindantitle%2F174831%2Fcard%2F11b7e876523f4858e5c68a8d7c6b8818b8831597_card_G2RvX1O69kwp.jpg%3Fv%3D23e0b7a3a3d2a80b61723618e04109a3d4737f44)
こんにちは、セブ山です。 みなさんはTwitterでどんなつぶやきをしていますか？ おそらく、今日の予定をつぶやいたり、ランチの写真をアップしたり、あなたの「今」を仲の良い友達に向けてつぶやいていることでしょう。 しかし、本当にそのツイートはあなたの友達だけが見ているのでしょうか？ もし、知らない誰かにあなたのつぶやきを覗かれていたとしたら…？ つぶやいた内容を手掛かりに個人を特定されてしまうかもしれませんよ！？ 今回は、そんな個人情報垂れ流し社会に警鐘を鳴らす実験をおこないます！！ ■ルール説明 １．Twitterの検索機能を使って「渋谷なう」とつぶやいているアカウントを探します。 ２．「渋谷なう」の検索結果をもとに、さらに詳細な個人情報を垂れ流しているアカウントを割り出します。 ３．そのアカウントのつぶやきをこっそり監視して、個人を特定し、実際に捕まえるためにハンター（セブ山）が渋谷の
なぜ Gumroad や PayPal が日本から現れないのか
Gumroad 回りが面白くなってます。足りない機能を補う Gumroad Search が出てきたり、リンクを隠す GumSafe が出てきたり、さらに GumSafe がコンテンツ URL を自分の方に抱えることで事実上 Gumroad の決済機能だけを利用できるようにしたり↓、面白くてたまりません。 gumsafe 開発ブログ：gumroadの決済URLが割れてもコンテンツURLの隠匿性を維持できる機能を追加しました というわけで関連する情報を目にすれば興味を持って読んでるうちに、 はっきり言ってこんなサービス、やろうと思えばどこの会社もすぐできたはずなんです（実際そのように言っていた方も見かけました）。それをなぜやらなかったか？（物語を語ろう。物語を創ろう。｜Gumroad の問題点についてもう少し掘り下げてみました。） という疑問を見かけました。 実は私も類似のサービスを数年前に
月間PVは160億、来訪者は1億3000万人のソーシャルサイトをご存知だろうか。レディ・ガガも使っている「Tumblr」である。その25歳のCEOが来日した。 PVは月間160億。月に1億3000万人が来訪するソーシャルサイト。国防総省やレディ・ガガもページを持っている……。 いや、FacebookやTwitterのことではない。日本では非常にマイナーだが、米国では大ブレイク中の「Tumblr」だ。 2月14日、CCI主催のSocialMediaWeekに来日した25歳のCEO、David Karp氏の講演を聞いた。それなりに大きな会場だったが、席の埋まり具合はだいたい半分の100人程度。しかもスーツは1割もいない。膝にMacbook Airをのせたアルファな感じのブロガーがほとんどだ。米国で著名人がこぞって使い始めブレイクしているTumblrだが、日本での認知の低さを如実に表している。
Create consistent color palettes With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values. This tool wil
「差別と韓国人が大嫌いな平等主義者」の皆さんこんにちは！ いきなりきわどい出だしだが、Facebookのある投稿を見て失神しそうになりながらタイピングしているので許してほしい。 ■感動差別エピソード 某氏のウォール経緯で知ったのだが、2012年1月31日19時18分、次のようなエピソードと画像をGさんがFacebookに投稿する。画像とともに引用したい（似たような投稿をしたユーザーは多数いるようだが）。 【人種差別・意訳 ENGLISH/JAPANESE】 実際にあった話 ５０代とおぼしき妙齢の白人女性が機内で席につくと 彼女は自分の隣が黒人男性であるという事に気がついた 周囲にもわかる程に激怒した彼女はアテンダントを呼んだ アテンダントが「どうなさいましたか？」と訊くと 「分からないの？」とその白人女性は言った 「隣が黒人なのよ。彼の隣になんか座ってられないわ。席を替えて頂戴」 「お客様
Google Codeの閉鎖に伴い、2016年以降、この記事のとおりにやっても動作しません！対応方法はこちら。 →Google Codeの閉鎖に伴い、設置済みajaxzip3が2016年1月死亡確定。引き続き利用するにはjsの読み込みをgithubに変更が必要。 ボクぁ超レベルの低いWeb系エンジニアを自負しているんですけど（？）、よくフォームの制作時に「郵便番号入力したら住所が自動で入るヤツ、あれ入れてください」って言われてて、右こめかみの血管を何本も逝かせたもんです。 通常は、Webページ側にAjax仕込むのは当然として、サーバサイドにも住所を返すアプリを設置する必要がありました。とはいっても、郵便番号に対応した住所を返すというシンプルなもの。 ただし。 知ってるか知らんかわからんけど、郵便番号ってのは毎月更新されるものなんです。日本郵便が提供しているこちらの郵便番号データベースを見れ
はじめに 今やWebのフレームワークと言えば、そのほとんどが「RoRタイプ」です。RoR（Ruby on Rails）がWebの開発に与えた影響は非常に大きく、その後生まれたフレームワークの多くがその影響を受けています。 しかし、Javaの世界に関しては、RoRはなぜか素通りしてしまいました。既にStrutsというデファクトスタンダードがあったために新しいMVCフレームワークが割り込む余地があまりなかったのか、あるいはLL（ライトウェイト）言語でないとRoRなスタイルは作りにくかったのか。ともあれ、その後、長い間、Javaでは「いわゆるRoRタイプ」と言えるフレームワークは登場しませんでした。 その流れを変えたのは、Groovyです。Groovyの登場により、JavaでもLL言語のような小回りの聞くコーディングが可能となりました。そのおかげで、ようやくJavaの世界にも遅まきながら新しい世
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2012/04/19/20120418its-not-about-instagram/
