年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない
Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、ショッピングカートに入れる時、たくさんのボタンが使用されています。 これらボタンのデザインはWeb業界と共に進化し続け、気がついたら数年前のデザインだったということもあるでしょう。 年々進化しているボタンがどのように変わってきたか、Dribbbleをベースにしてデザインするポイントを紹介します。 Button Design Over the Years 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2009年のボタンのデザイン 2010年のボタンのデザイン 2011年のボタンのデザイン 2012年のボタンのデザイン 2013年のボタンのデザイン 2014年のボタンのデザイン 2015年のボタンのデザイン 2016年
ただ「拍手するだけ」のロボット発売 拍手研究の集大成
ロボット・玩具の製品開発会社バイバイワールドは8月31日、拍手をするロボット「ビッグクラッピー」の予約受け付けを開始した。販売予定価格は、29万8000円（税別、送料別）。初回出荷台数は100台で、2018年初旬の発送を予定している。 電源を入れると5秒で動作をはじめ、「どこでも」「店頭」「会社」「飲み会」「お誕生日会」「スポーツ観戦」から6つのシチュエーションを選べば準備は完了。あとは、こちらが何もしなくても人感センサーで人を感知し、100種類以上のせりふをしゃべりながら自動で手をたたくという。 「見守りロボット」「感情認識ロボット」といったロボットが多くみられる中発表された、「拍手するだけ」のロボット。なぜ「拍手」なのか？ 開発者に聞いた。 実はこのビッグクラッピー、バイバイワールドの代表取締役高橋征資氏（「高」は、はしごの高）が学生時代に研究していた「拍手技術」（関連論文）が基礎とな
インフラ部門で働くCプログラマの話
12. miruo Pretty-Print TCP session monitor/analizer miruo を⼀⾔で説明するなら「⾒やすい tcpdump」です。当社⽐10倍です、ISUCON 勢に オススメです。TCPセッション毎にパケットをまとめて出⼒するため、パケットの流れが格 段に追いやすくなります。また、問題のなさそうなパケットはあえて省略して表⽰しないの で、興味のありそうなパケットだけが出⼒されます。 $ ./miruo --all -i en0 -m http tcp port 80 listening on en0, link-type EN10MB (Ethernet), capture size 1522 bytes 0001 0.048 | 10.0.0.100:62511 == 125.6.190.6:80 | Total 21 segments, 133
倒産した技術系スタートアップ企業から学ぶ7つの教訓 | POSTD
多くのGoogle社員と同様、私は起業したくてたまりませんでした。Googleで働くのは名誉なことで、大きなメリットがありましたが、”これ”という決定的な何かが欠けていたのです。 私たちの多くは”あの偉業”を成し遂げた”あの人物”と呼ばれたいと思っていますが、既に定評のあるテクノロジ大企業で、そういった人物になるのは不可能です。 その原動力がどこから来るのかは誰にも分かりませんが、私は多くの人々が自分と同じ気持ちを抱いていることを知っています。私はその欲求を満たすために、会社を設立せざるを得なかったのです。 スタートアップでは資産のほとんどは経営陣が持っていて従業員は持ち分が少なすぎると書かれた文章を読んで、がくぜんとしました。それで自分の会社を設立する決心をしたのです。まず、共同創業者と私は、2012年2月頃に仕事を辞めました。私たちには大した計画はありませんでした。取り組もうとしている
フラットデザイン： 起源、問題、フラット2.0のほうが望ましい理由
フラットデザインとは2012年ごろに広まったWebデザインのスタイルである。それは広く今も利用されているが、過度な利用は深刻なユーザビリティ上の問題を引き起こしかねない。フラットデザインによって発生するユーザビリティ上の最大の課題の1つに、クリック可能な要素のシグニファイア不足がある。フラットデザイン2.0は、それに対する優れた解決策を提供してくれる可能性がある。 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 日本語版2015年11月2日公開 フラットデザインは人気のあるデザインスタイルで、Webページのグラフィック要素に、光沢感や立体感という視覚効果を利用しないもののことである。それは多くのデザイナーからWeb
コンテンツマーケティングでWeb予約を10倍にした矯正歯科のサイト運営ノウハウを公開 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
競合が多い東京駅界隈。ドクター1名でやっている矯正歯科が医院の強みを活かしたコンテンツマーケティングを行った結果、1年半でPV数30倍、Web予約数10倍を達成。その際に行ったコンテンツ作成ノウハウを公開します。 矯正歯科の背景本事例は、競合が多い東京駅から徒歩3分にある、矯正歯科専門の歯医者さんです。通常の虫歯の治療は行わずに、矯正歯科を専門に行っています。2012年に開業し、来院のほとんどが口コミや一般歯科からの紹介で、開業と同時にWebサイトもオープンしていましたが、アクセスは少なく、Webサイト経由での予約は月に数件のわずかなものでした。 口コミや一般歯科医に紹介されて来院する方の満足度は非常に高く、また他院で行っている治療に満足がいかずセカンドオピニオンとして来られる方もいました。高い技術や診察眼を買っている人は多かったのですが、開業してまだ数年で、その知名度を広める術がありませ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
シンプルの心理学 ― 心地良いデザインのために | POSTD
私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し
「これを読まねばプログラマーではない」Twitterエンジニア蓑輪氏おすすめの名著2冊と、技術書の読み方
ひげぽん氏オススメ！ エンジニアが絶対に読むべき名著2冊 西村：ということで、色々お話を伺ってきました。趣味でOSを作って言語処理も作ってIPAで採択され、今や世界的な企業であるTwitterに入られてアメリカに行って、シリコンバレーでエンジニアとして、サンフランシスコで活躍されるという、ある種すごい憧れの存在だと思うんですけど。 そういうひげぽんさんから、今まさにこれからエンジニアとしてキャリアを積んでいこう、スキルアップしていこうと考えてらっしゃる画面の前のエンジニアの皆さんに、アドバイスがあればぜひお願いしたいんですが。 蓑輪：わかりました。まずはですね、エンジニアの皆さんも技術書を読むと思うんですけど、その時に1つだけ僕が気をつけていることがあって。それは何かって言うと、技術書を買ってきて読むわけなんですけど、読んだ時に「わかったわかった」っていう感じで自分がわかったつもりになって
「はてな教科書」を最新化し、サンプルコードを追加しました - Hatena Developer Blog
こんにちは、id:hakobe932 です。はてな教科書を最新版に更新いたしましたので、お知らせします。 「はてな教科書」は、はてなでWeb開発を行うエンジニアのために作られた、1週間程度の期間でWebアプリケーション開発の基本を身につけるための教科書です。はてなサマーインターンシップや、入社時研修に利用されています。2012年からgithub上で公開しており、どなたでも読むことができます。 はてな教科書 はてなでは、継続的に教科書を更新しています。今回の更新では、はてなサマーインターン2014での講義をもとに、課題内容とサンプルコードを変更しました。Webアプリケーションの学習や研修題材としてどうぞご利用ください。 教科書間の課題の連携を深め、一貫した学習ができるようにしました これまでは Perl によるオブジェクト指向プログラミング の課題が他の講義から独立した内容でしたが、他の講義
閏秒を迎えるにあたってLinuxでは何を対策すべきか？ | Act as Professional
2016/12/27 更新Googleなどの大手IT企業がうるう秒対策済のNTPサーバが公開したため、これを利用する内容などを以下にまとめました。 元旦に実施される うるう秒の対策 まとめ2016/07/08 更新2017/1/1に閏秒の実施が決定されました。対応はこの記事のとおりで問題なさそうです。 2015/06/24 情報追加(2015/06/29 更新)下記の対応に関わるntpdの比較的新しいバージョンにSLEWモードで動作していても、うるう秒が挿入されるバグが発見されました。[redhat] これによりntp-4.2.8p3-RC1以降のバージョンでないとSLEWモードで動作していてもうるう秒が挿入されます。RedHatはntp-4.2.6p5-3.el6_6という対応済みのバージョンを提供しています。Ubuntuでは今日現在12.04LTS, 14.04LTSの２バージョンはパ
Twitterの日本人エンジニアに聞く、天才ハッカーと凡人の違い
Twitter社において日本人エンジニアとして活躍するひげぽんこと蓑輪太郎氏が、ITジャーナリストの西村賢氏と対談。勤務の習慣や開発環境、また社内の天才ハッカーが見せる特別な技術などについて語りました。 Twitter開発のテストはローカルで 西村賢氏（以下、西村）：Twitterって巨大な世界的企業で、一般的な開発と全然かけ離れているイメージがあったんですね。今ちょっと驚いたのがRailsでローカル環境でまだやってるということで、ローカル環境、例えば蓑輪さんも入られて最初、Macかなんかで開発するわけですよね。その上に開発環境を整える。 具体的に、例えばデータベースのところはどうするとか、結構この環境構築は大変なんですか、最近、その開発環境とステージングとプロダクションをなるべく近づけろとか、ありますよね、そういうトレンドが。そういう意味で言うと、ローカルTwitterが再現できちゃうと
初めてのHTTP/2サーバプッシュ | GREE Engineering
前回はWebサイトをHTTP/2に対応するためにリバースプロキシを検証した記事を書かせていただきました(HTTP2を試してみる)。 あれから幾つかの議論を経てHTTP/2の仕様も大分安定してきており、HTTP/2を実装したクライアントや実験的にHTTP/2を有効にしているサービスもあるので実際に試すことも出来ます。 そこで今回は応用編としてHTTP/2のサーバプッシュについて、その仕組と実際に試したことについて書かせていただきます。 余談ですが、 現在の仕様では "HTTP2.0" ではなく "HTTP/2" もしくは "HTTP2" が正しい名称になります。 HTTP/2概要 まず、軽くHTTP/2の概要に触れておきます。 HTTP/2は2012年の末頃より、HTTP/1のセマンティクスを維持したままパフォーマンスを改善する目的で議論が開始されました。 Googleの考案したSPDYと言
Meteorがバージョン1.0に到達
オープンソースとして開発されているWebアプリケーションのフレームワーク「Meteor」がバージョン1.0に到達したと発表されました。 Meteorの最大の特徴は「Live updates」と呼ばれる、アプリケーション内の変数の内容がサーバと全てのクライアントでつねに同期している点です。ブラウザなどから入力や変更された変数の値は、自動的にサーバ内のデータベースに反映され、同時にほかのブラウザ上で実行中の同じアプリケーション内の変数の値にも反映されます。変数の内容を動的に画面に反映するテンプレートエンジンの機能も備えています。 つまりデータベースの項目をアップデートしたり、データの変更をチェックするために定期的にブラウザからサーバへポーリングするといったコードは一切不要で、例えばチャットのような、利用者全員がリアルタイムに情報を共有できるアプリケーションの開発が劇的に容易にできるようになりま
［速報］HTML5、ついにW3Cの勧告となる
W3Cが発表したプレスリリース（日本語）の冒頭を引用します。 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ＝リーは、「ビデオやオーディオをブラウザ上で見たり、ブラウザ上で通話をすることは、今や当然の事として受け止められている」と述べています。「写真や店舗の
最近話題になったイケてるWebサービス・アプリ10選（2014年9月編）
こんにちは。 10月が始まりましたので、9月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Holiday 「Holiday」は、休日の「お出かけプラン」投稿、共有サービスです。 「休日に何をしよう？どこにいこう？」という悩みを解決するサービスで、インターネット上の情報を参照し、雑誌の1ページのようなおでかけプランを作成することができます。 クックパッドの2014年度の新卒社員5人によって開発されました。サービスもそうですが、「.holiday」というドメインもイケてますね。 Ello Elloは、アンチ・フェイスブックと呼ばれる海外で話題の新興SNSです。 機能に応じた有料課金を収益源とするモデルを目指していて、Facebookのように利用者のデータ収集による広告は一切しないとうたっています。（2014年9月時点は招待制）。 2012年にクローズドなSNSとして始まった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
100種類の言語に対応したプログラマー向けノートアプリ「Boostnote」 | ライフハッカー・ジャパン
【西川和久の不定期コラム】 「Raspberry Pi3 Model B」で遊んでみよう! Part 1 ～OSのインストールから環境構築まで軽く試す編
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
「絵文字に平等をサポートしてください」人種差別の指摘にゆれるUnicode 