2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler

以下は、WEBプログラマー用のWEB脆弱性の基礎知識の一覧です。 WEBプログラマーの人はこれを読めばWEB脆弱性の基礎をマスターしてWEBプログラムを書くことができるようになっているかもです。 また、WEB脆弱性の簡易リファレンスとしても少し利用できるかもしれません。 WEBアプリケーションを開発するには、開発要件書やプログラム仕様書通りに開発すれば良いというわけにはいきません。 そう、WEB脆弱性を狙う悪意のユーザにも対処しないといけないのです。 今回、WEBアプリケーションを開発にあたってのWEB脆弱性を、以下の一覧にまとめてみました。 このまとめがWEBアプリケーション開発の参考になれば幸いです。 インジェクション クロスサイト・スクリプティング セッション・ハイジャック アクセス制御や認可制御の欠落 ディレクトリ・トラバーサル(Directory Traversal) CSRF（

Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML（Vector Markup Language）と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVGは

確かに、｢中国ってこわい｣だけで片付けてはいけない気がしてきました。 こちらは、米Gizmodoのブライアン・ラム編集長による、グーグルの中国市場撤退をめぐる動きについての考えさせられる手記です。 続き以下、ラム編集長よりです。 グーグルが中国からの撤退を表明し、セルゲイ・ブリンは検閲に対抗するようアメリカ政府に働きかけています。アメリカにはこれまでも、外国に対し、倫理的・経済的な基準を押しつけてきた過去があります。こうした発想はよろしくないんです。戦争とは、このように始まるものだから、です。 検閲なんて、確かに自由な世界のネティズンにとっては、いまわしい言葉です。でも僕たちだって、企業利益を保護するための検閲や、宣伝をしています。なので、グーグルの姿勢を支持すべきなのかどうか、僕にはよくわかりません。 僕は、他のアメリカ人とは少し異なる視点から話をしています。僕はこの国で生まれましたが、

IKKOさんにはじまって(？)、DEDE MOUSEやエイプリルズ、小川一水に汀こるもの、はてはガチャピンさんやあとなんか広瀬なんたらいう人まで参入してきて何かと賑やかなtwitter。つぶやきアーティストであるところの君たちも、バイタリティ溢れる有名人さんたちから日々素晴らしいインスピレーションを得ているんじゃないかな？　なんだかんだ言っても、やはりリアルでマグネフィセントな実績を残してる人たちの言葉の重みは違うよね！ だから、私たちみたいな凡人が彼らをオピニオン・リーダー視するのは自然なことだと思う。 でも、もちろん津d……広瀬さんたちだって常に正しいことを言ってるわけじゃない。人間は間違いを犯す生き物だ。それはいい。しかし、だ。有名人の皆さんの言葉というのは重みが違う！ 被観測範囲が違う！　ひいては社会的影響力が違う！ よね？　まさにベンはケンよりもツヨシってやつさ。 我々には彼ら個

11月19日（日本時間11月20日午前3時半）、グーグルはWebアプリケーションの実行に特化したオープンソースの新しいOS、Google Chrome OSのための「Chromium OS」プロジェクトをオープンソースとして公開したと発表しました。 オフィシャルページでグーグルは「Google Chrome OS will be ready for consumers this time next year.」と書き、Chrome OSの製品がユーザーの手に届くのは来年になるとしています。 公開されたのは、以下のものです。 Source code（ソースコード） Design docs（システムデザインのドキュメント） User interface experiments（ユーザーインターフェイスのドキュメント） Getting and Building a Chromium-Based

ギターが弾けるようになりたい人いませんか？ ネットで楽器の演奏方法が学べることは過去にも紹介しましたが、ギターだけに限って言うとネット上のリソースはものすごい量あるんです。CNETのDon Reisingerがその数多くありすぎるリソースの一部をまとめてくれていますのでそちらをご紹介。 ちょっとは弾いたことあるけど楽譜を見てもコードの押さえ方とかがよく分からなくて...という方向けにはAll Guitar ChordsやChordbookなどがかなりおすすめです。初心者向けの曲にはあまり出てこなそうなコードまでもがちゃんと網羅されているので、そこそこ弾ける人でも眺めてみると新しい発見があるはず。 ギターもいいけど、おいらやっぱりドラムに興味ある、という方向けにVirtualDrummingというサイトも紹介されています。 楽器が演奏できたらなぁ、と本気で思っている人は手段はネットでも近所の

Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した

地域の小さなお店や経営者がWebサイトを使って集客を行う際に する事、Tipsを挙げてみます。あくまで一例ですが、Webサイトの 露出から集客（コンバージョン）に至る為の施行をリストにしてみました。 今日の記事はターゲットが地域依存性の高い業種にしています。 普段から良く書くSEOの記事ではなく、個人が行うブランディングのヒントです。 内容はかなり泥臭い方法になっていますので、クール且つスマートに仕事したいモテモテな貴方は今すぐ立ち去るがいい。 SEO効果は付加価値として付いてくるでしょう。 1・サイトマップ送信 xml形式のサイトマップをGoogleとYahoo!に送信し、より確実にクロールをして貰います。これはWebマスターの基本です。個人的にはxml-sitemaps.comが最も使いやすい印象です。sitemapの記述法に関してはGoogleのヘルプをご覧下さい。 いきなりブランデ

ドットインストール代表のライフハックブログ