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

命名・「やられWebアプリケーション」（仮） 構築したWebアプリケーションがセキュアかどうかを確かめる方法として、疑似的に攻撃を行うことで問題を発見する「脆弱性診断」があります。脆弱性診断は専門業者が実施することがほとんどだと思いますが、あなた自らが脆弱性診断の技術を身につけることで、セキュアWebアプリケーションについての理解が深まるとか、自社内で脆弱性診断ができるようになるといったこともあるかもしれません。 脆弱性診断の技術を身につける過程では、脆弱性を見つける手法を試したり、診断ツールを試したりする必要がありますが、診断といえど攻撃と同様のことを行うので、気軽に実稼働環境で実験するわけにもいきません。ましてや、他人や他社のWebサイトで試すなどはもってのほかです。 そこで、わざと脆弱性を持たせたWebアプリケーションと、それを動作させる環境が必要になります。 このような環境をわざわ

最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ（かなり前から用いられている）でありながら今また勢いを増しつつある（少なくとも僕は人気上昇中だと感じている）デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先（知り合い）を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手

アクセスログをグラフや図で表示するアクセス解析ソフトやオンラインサービスはたくさん存在しますが、何十種類ものレポートを表示することができると、逆にどれが大事でどれがそうでないのかが判断しにくくなります。まして、IT系に詳しくない上司や経営者層を相手にするのであれば致命傷です。内容がいくら正しくても、意志決定を行う人が理解できないレポートは役に立ちません。 そこで使えるのが「社長がみてもわかる」をコンセプトにしたアクセス解析サービス「Web Analyst」。とにかく簡単に使えるのが特徴で、専門用語を一切使用せず、本当に必要なものに絞り込んで作られており、読んだ後すぐ行動に移せるほど的確な分析をしてくれる利便性を追求したものとなっています。 というわけで、実際に使ってみたレビューとレポートの詳細は以下。 アクセス解析に基づく成果分析ツール｜Web Analyst（ウェブアナリスト） http

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。 現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue

なんて声が聞こえてきそうである。アクセス解析がうまくいかない原因は、実は明確である。あなたにとって今何が課題であるか、きちんと見えていないからだ。今回の記事では、よくある課題、言い換えればあなたがクリアする必要がある課題を、順を追ってチェックリスト形式で書いていく。 課題①：ツールを使う時間がない／人がいないアクセス解析活用の課題で最初にあがるのは、時間である。多くのWeb担当者は多忙だ。キャンペーンに向けて代理店と打ち合わせを行い、新商品やサービスが出ればそのページを作る。他部門とのやりとりなど、何かと社内の調整も多く、さまざまな先端動向を把握しようとし、困ったことがあっても上司に相談もできず自分で考える。そんな状態では、アクセス解析が大事だと頭でわかっても、どうしてもアクセス解析は後回しになりがちだ。「時間は作るもの」とはいうものの、言うは易く行うは難しである。 あなたがこの課題にぶち

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key -- and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully. According t

今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste

Pythonで実感、「音声認識」の仕組みを知る Pythonで音声データを扱うには？　波形表示やフレームごとの特徴量計算を試す 2024.12.19

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

「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。