通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今！このページがヒットしている！」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindows・Mac・Linux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し

2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こどものための、ちいさなつり革。お父さんやお母さんの手がふさがっているときに、ちょっと代わりに握っていてください。 お出かけする時、ぼくたち、わたしたちは、お父さんやお母さんと、いつも手をつないでいたい！ でもおとなたちも忙しくて、お買い物の荷物でいっぱいになっていたり、弟や妹のカートをおさなきゃいけない時だってある。しかたないよね。 そんなこと分かっていても、揺れる電車やバスの中、ヒトがいっぱいの中で、不安になることだってある。そんな、ぼくたち子供のために、デザイナーの小野里奈さんがつくってくれたのがこれ。 おとなのズボンや、バッグの肩掛けに装着。それだけで、ぼくたち専用の「つりかわ」が完成。電車やバスに乗った時、いつかはぶら下がってみたいと思っていた、あこがれの「つり革」がぼくたちのものに！子供のための「わっか」だから「こわっか」　これが名前。 いつもくっついてはなれないあまえんぼうさ

AM・FMラジオ放送をPCで聴ける「radiko.jp」が、3月15日のスタート以来人気を集めている。radikoを便利に使うための非公式の周辺サービスを個人開発者などが続々と公開。ラジオの魅力が改めて見直されている。 radikoは、AM・FMラジオ番組を放送と同時にCM含めて丸ごとPC向けに配信する「IPサイマルラジオ」の試験サービス。関東・関西の計13局の放送を、聴取エリア内のPCのWebブラウザから聴ける。ラジオを持っていなかったり、自宅に電波が届かないネットユーザーに人気で、15日のスタート直後からアクセスが殺到し、一時つながりにくくなるといった事態も起きた（ラジオ放送のネット配信がスタート　アクセス殺到でつながりにくい状態も）。 ラジオ聴きながらコメントで交流　周辺サービス続々 この人気を受け、radikoをより便利に使ったり、リスナー同士で交流できるサービスを、個人開発者など

HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ

iPhone・iPod touchより快適に使うための、安くて便利な定番アクセサリーをまとめてご紹介します。 iPhone・iPod touch向けのアクササリー類は比較的高価なものが多いのですが、コストパフォーマンスの高い便利な製品も多く存在します。 そんな中から、人気が高い、または隠れた定番となっている1,000円以下(最安値・税別)のものを9点ピックアップしてみました。 画面の指紋を素早く拭き取れ、洗って繰り返しつかえる『東レ トレシー』 メガネをかける人なら誰でも知っているクリーニングクロス『東レ トレシー』は、iPhone・iPod touchの液晶画面の指紋拭きにも威力を発揮します。 非常に細かい繊維を使ったクリーニング専用のクロスで、素早くピカピカに掃除できるのが特徴です。 液晶画面はもちろん、鏡面仕上げのiPod touchの背面、意外に目立つiPhone(ブラック)の本体

2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！　モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな

日曜日の夕方ネットを見ていたら、あまりにツボにはまるフェア見つけました。 福岡・天神のジュンク堂書店の「売れると思ったのになぜ売れぬ」フェア。 「売れると思ったのに売れぬ本」フェア　作者は衝撃？ 福岡・天神のジュンク堂書店で、店員が「売れると思ったのに、なぜ売れぬ」と思った本を１００点集めた、意外に売れない本フェアが開かれている。 並ぶのは、「恋と股間」という刺激的な題で出版された中学生向けの生き方指南書や５０年以上前のミリオンセラーの復刻本、１０年おいて重版された町歩きエッセーなど。 書店の店員さんというのは、もともと本が好きな人が大半でしょう。そんな人たちが選ぶ世に知られていないけど一押しの本。これは知りたいと思いました。ニュースや2chを見ていても恋と股間という刺激的なタイトルはあるけれど、全部のリストは見つかりませんでした。そこで思い切ってジュンク堂書店のお問い合わせのメールアドレ

Webデザインでも企画書でも、色使いや色選びというのはなかなか悩ましいものです。デザインブログ「Before & After」に、デザインのプロでなくても上手な色選びができる、PDFのカラーセオリーのパンフレットがありました。 そのパンフレットによると、色相、濃淡、カラーパレットに関して少しでも知識があると、色の組み合わせがグッと良くなるということです。写真周辺に持ってくる色を上手くコーディネートするには、ちょっとした芸術的＆科学的センスと、ちょっとした色に関する知識があれば十分。全25ページのパンフレットを読めば、なんと完璧な色選びができるようになるそうです。 パンフレットの中では、まず写真のデジタルデータから自然なカラーパレットを作成する方法が載っています。そのカラーパレットの中から、ポイントとなる色を選び、寒色系や暖色系、トーンや色相などを揃えながら、自分好みに組み合わせていきます。

Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning

都会よりも田舎が好きなfujisawaです。Bayesian Setsというアルゴリズムを使って、関連する文書を高速・高精度に検索できるシステムを作成しましたので、そのご紹介をさせていただきます。 Bayesian Setsとは Bayesian Setsはいくつかアイテムを入力すると、それを補完するようなアイテムを返してくれるアルゴリズムです。原著論文の先頭に"Inspired by Google Sets"と書かれているように、Google Setsを参考にして作成されています。実際にどのような出力が得られるか、Google Setsに以下の表のクエリを検索して試してみますと、 クエリ 出力 apple, banana chocolate, strawberry, vanilla, cherry, ... apple, macintosh software, windows, mac,

ウェブ狂の詩 - @takejune web制作に関する覚え書き このブログの公開は終了しました

冒険野郎マクガイバー、覚えてますか？ 手近な道具と科学知識を組み合わせて、次々と危機を脱出していく。あの当時ですら少し野暮ったく感じた、ダンガリーシャツとベストと長い後ろ髪と共に、ときどきテレビで楽しんだ記憶があります。 そのマクガイバー、どうやらハリウッドがリメイクするそうなのです。マクグルーバーという名前のパロディー映画として発表されるようです。 上がそのトレイラー。いかにも今風のハリウッド大作なのに、マクガイバーのファッションがそのままなのが素敵。 銃が大嫌いな彼が、トレイラーでは銃を撃ってるのが少し気になりますが... [Rogue] Adam Frucci（いちる） UPDATE：冒険野郎マクガイバーの映画化ではなく、冒険野郎マクガイバーのパロディ映画化という事でした。多くの誤解を招いたことをお詫び申し上げます。

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール