By ｍｅｒａ いつもはまじめな各サイトが4月1日になるとここぞとばかりに全力で仕込んでおいたネタを大爆発させ、一体何が本当で何がウソでどこからどこまでがネタなのかという線引きが曖昧になっていく日、それが毎度おなじみ、日本のエイプリルフール！今年も始まりました！ ◆エイプリルフール記事が更新される度に通知されるGIGAZINE公式アカウント というわけで、GIGAZINE編集部はエイプリルフールに便乗していろいろと仕込みまくっている各サイトを4月1日0時～24時まで、文字通り24時間ネットにぺっとりとはりついてリアルタイム更新、この記事にまとめ続けます。記事はどんどん記事末尾に追加されていき、時間の経過とともに信じられない長さになっていく仕組みとなっています。「いちいちページを更新して、追加があるかどうか追っかけていられない！」という場合は、GIGAZINEのTwitter公式アカウント・

By Alan Levine 何らかのサービスを運営している人にとって、競合サービスのユーザー登録者数は気になる数字のひとつです。そんな中、競合サイトのユーザー登録者数を「合法的にスパイする方法」を、ZoomShiftのベン・バートリングさんがまとめています。 How-To Spy on Competitor Signups — The Flux — Medium https://medium.com/the-flux/bb60dd92e41e バートリングさんは毎日自身の運営しているサービスの登録者数がどれくらいなのかをチェックしていて、これはわずか数分で済む簡単な作業でありながら、収入を増加させるために欠かせない行為だそうです。バートリングさんは何人の新規ユーザーが会員登録し、アクティブユーザーはどれくらい存在するのかといった情報に注意しており、これらは「ユーザーを有料サービスを使用し

コーヒーの作り方には、インスタントコーヒーを溶かして作る方法や、カプセル式のコーヒーマシンを使うお手軽な方法から、ゆっくりと時間をかけて抽出する水出しコーヒーまでさまざまな種類があり、作り方にこだわるコーヒー好きの人もいます。そんな自宅でできるコーヒーの作り方をまとめたムービー「An Instant Guide to Making Coffee」が公開されています。 An Instant Guide to Making Coffee まずはオーソドックスなドリッパーとマグカップが登場。 中挽き～細挽きのコーヒー豆をドリッパーにセットして、数回に分けてお湯を注ぎます。これは「プア・オーバー(pourover)」と呼ばれる作り方で、4分程度でコーヒーが完成します。 続いては、底の丸い三角フラスコの上に漏斗が合体したような形の「CHEMEX」のコーヒーメーカーを使う方法。中挽き～粗挽きのコーヒー

お店に行かなくてもポチッとすれば買い物をできて、しかも配送までしてくれるAmazonは大変便利でついつい利用しがちです。そのAmazonで買い物した合計金額を算出するブックマークレットが公開されているので実際に試してみると、思わずイスから転げ落ちそうな事態になりました。 Amazonで一年間に使った金額と、注文履歴のTSVを出力するブックマークレット【2015年版】( https://gist.github.com/yoshida-k/a480a45712ccf1bf239c ) のminify https://gist.github.com/yoshida-k/3c04e9093ce222b45d27 いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋 http://text.moroya.net/entry/2013/06/03/225935 Amaz

「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ

Google人事管理部のSVPのラズロ・ボック氏がNew York Timesのインタビューで、Googleに就職するために必要な要素を語っています。「大学を卒業していること」は必須ではなく、通常の企業とは違った視点で人事採用を行っているようです。 How to Get a Job at Google - NYTimes.com http://www.nytimes.com/2014/02/23/opinion/sunday/friedman-how-to-get-a-job-at-google.html Googleでは大学を卒業していない社員の割合は増加しており、非大卒社員が14％に達するチームも出てきているとのこと。ボック氏は「GPAは雇用基準や学業成績と同じくらい無益です」と、これまで学歴や成績を基準にした人事採用を行っても、有能な才能を見つけ出す指針にはなっていないことを語りまし

「A/Bテスト」とは、例えば画像や文章を複数パターン用意し、それらを入れ替えて表示させてユーザーの反応を比較することで、より優秀なレイアウトやデザインを判断する手法としてウェブサイト構築で活用されています。そのA/Bテストを最大限に活用するために気をつけなければいけない23のポイントが公開されています。 23 Tips on How to A/B Test Like a Badass - Search Engine Watch (#SEW) http://searchenginewatch.com/article/2223888/23-Tips-on-How-to-AB-Test-Like-a-Badass A/Bテストは、2012年に出されたWIREDの記事で一躍世間の注目を浴び、その劇的な効果のおかげでさまざまなツールが登場しオンラインショッピングサイトなどに導入されました。しかし、ウ

最大2000人の購読者に対して、月間1万2000通までのメールマガジンを無料で配信できるクラウドアプリケーションが「MailChimp」です。同サービスは購読者の登録と管理を行う専用ツールやHTMLメールの作成支援機能、課金管理システムなどを備えており、ウェブブラウザ上で簡単な作業をするだけでオリジナルのメールマガジンを配信することが可能となっています。 Email Marketing and Email List Manager | MailChimp http://mailchimp.com/ 「MailChimp」のサイトにアクセスして「Singn Up Free」をクリック。 「Email」などの必要事項を入力して、「Create My Account」をクリック。 登録したアドレスに以下のようなメールが届くので、「activate your account」をクリックしてアカウン

ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所 ユーザーがすぐに見つけることが

ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：

新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret

UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ

オシャレなアイコンを使うと味気なかったスクリーンが急に華やぎますが、アイコンや背景素材などのグラフィック素材が無料で使用できるサイトが「Icon Deposit」です。新着順の他、人気順に並べ替えることができ、自分好みのスタイリッシュな素材を見つけてダウンロードすることが可能。また、アカウントを登録して自分の作った素材を公開することもできます。 Welcome to the Icon Deposit どのような素材がダウンロードできるかというと、以下がその一例です。 ◆01．Micro Icon Set 16×16のPSDファイルアイコンが110個入ったアイコンセット。販売、再配布は不可ですが、個人利用は可能です。 ダウンロードする際はページ右上の「Download This！」をクリックします。 ◆02．Shiny Social Icons (PSD) こちらは商用利用可能。PSDファイ

32×32ピクセルのPNG形式のアイコンが170種類詰まっており、GPLライセンスで提供されています。 ちなみにこのアイコンセットを提供している「WooThemes」は有料のWordPressテーマを作成して販売しているサイトなのですが、その過程でできあがったアイコンや最初から無料で配布するためのアイコンセットなどを時々出してきており、どれもこれも非常に高品質で実用性のあるものばかりです。 ダウンロードは以下から。 WooCons #1: 170 Free Web Icons | WooThemes Pictos: Free Tumblr Icons | WooThemes Simple & Bold Social Media Icons | WooThemes Twitter Birdie Icon | WooThemes WooFunction: 178 Amazing Web Des

「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報

わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K

By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらにはこれら一連の通信をログファイルに記録することなども可能です。 時間はミリセカンド単位で表示が可能となっており、まさにHTTPデバッガと言っても差し支えないレベルなので、「ページの読み込みが遅い原因を知りたい」とか「ちゃんとサーバの設定が反映されているかどうかを確認したい」「ウェブアプリの動作チェックがしたい」という場合に役立ちます。この種類のソフトにありがちな日本語の文字コードが解釈できないとい

約450万人分もの個人情報が漏えいしたYahoo! BB顧客情報漏洩事件をはじめ、何らかの要因によって大事な情報が外部に漏れてしまうケースは少なくありません。企業のシステム管理に携わっている人ならともかく、一般の社員などでは「情報セキュリティ」についての認識が甘いというケースも多いのではないでしょうか。 NTT西日本が作成した「セキュリティ投資すごろく」は遊びながら情報セキュリティについて学べるという無料ゲームで、情報セキュリティ対策の基本的な知識や考え方を無理なく覚えることができます。これから情報セキュリティについて学びたいという人にはピッタリかもしれません。 「セキュリティ投資すごろく」の遊び方は以下から。セキュリティ投資すごろく 上記ページ内、「ゲームを始める」をクリック。 男性と女性からキャラクターを選びます。今回はかわいらしい女性にしてみました。「次へ」をクリック。 プレイヤーの