GitHub - jesseduffield/lazydocker: The lazier way to manage everything dockerYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
NightmareJS+Dockerによる環境非依存なUIテストの導入 - Alpaca技術ブログ
Alpacaで主にフロントエンドを担当している北山(@gamella, blog)です。 フロントエンドを開発していると、「ログインして、これをクリックしたら、この表示が行われていること」みたいなUIテストを環境非依存で簡単に行いたいと思うことがありますよね？僕はあります。 Alpacaでは開発にDockerを全面採用しているということもあり、最近ちょくちょく目にするNightmareJSをDocker上で動かして簡単にUIテストを導入できたので、その知見を共有したいとおもいます。 Nightmare まず、どうしてDockerを利用したいかということですがAlpacaでは、すべての機能をDocker上で動作させているため、それに倣っているいうこともありますがUIテストをローカルでもCircleCIでも、Dockerが動作する環境であればどこでもコードの改変なしで実施できるというのは大きな
デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 - Qiita
ウェブサイトやアプリケーション制作の現場で、非デザイナーが度々デザイナーからフィードバックをもらう内容をアバウトに4原則にまとめました。デザインは理論だそうで、以下に挙げるようなポイントさえ抑えれば非デザイナーでも「ハズさない」デザインをつくることができます(デザイナー談)。 追記[09/23/2015]：参考文献について 本記事は以下に掲載しております参考文献「ノンデザイナーズ・デザインブック(Robin Williams)」の前半部分における要所を引用して作成しています。デザイナーの方が非デザイナーにアドバイスする際に非常に有用な本らしく、私自身受けたフィードバックもこの本の内容に基づくものでした。予想していた数百倍の反響があり心底ビビっていますが、これをきっかけにデザインに興味をもち更に自分で勉強していくきっかけとなれれば本望です。わかりやすくデザインのポイントをまとめてくれた参考文
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
心地よいUIの温度 - 言葉と気遣いで高めるUI -
1. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
多腕バンディットによる表示コンテンツの最適化 - クックパッド開発者ブログ
こんにちは。技術部検索グループの原島です。 上の画像は、スマートフォン（ブラウザ版）で見たクックパッドの検索結果ページです。レシピだけでなく、ニュースも表示されていますね。献立や掲示板のスレッドなどが表示されることもあります。 クックパッドでは、検索結果ページに表示するコンテンツをクエリなどに応じて最適化しています。最適化は、膨大なログデータと最新の機械学習を用いることで、実現しています。このエントリでは、クックパッドにおけるコンテンツ最適化の裏側を紹介します。 最適化の背景 スマートフォンの普及に伴って、ユーザが利用するプラットフォームは PC からモバイルにシフトしつつあります。クックパッドにおけるモバイル利用者の割合も、ここ 2 年で 10% 以上増加しました。最近では、60% 以上のユーザがモバイルからアクセスしています。 ユーザの利用形態が変化すれば、検索結果ページもその変化に対
新鮮さ vs. 慣れ： デザインの見直しはどのくらい積極的に行うべきか
ユーザーは変化を嫌う。したがって、彼らが慣れ親しんでいるデザインを継続して、それを徐々に進化させていく方が良い場合が多い。しかしながら、長い目で見れば、漸進主義を取ることによって一貫性は徐々に失われ、その結果、新たなUIアーキテクチャが必要になってくる。 Fresh vs. Familiar: How Aggressively to Redesign by Jakob Nielsen on September 21, 2009 デザインチームのメンバー（あるいは彼らの上司）がこう言うのを耳にすることは多い。「新鮮なデザインが必要なんだ」。こうしたきっかけによって始められたデザイン変更プロジェクトは、そもそもの基本の部分が間違っている場合が多く、ゴールや戦略の設定も誤りがちである。 よくあるのは、新しいデザインが前よりも悪いデザインになってしまうことである。というのも、単純に言って、それは新
iaspectrum.net
iaspectrum.net 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
UIとUXとデザインと。 - void chachaki::Blog::main
記事やイベントなどで「UI/UX」と併記される度にもやもやとしたものが浮かぶ。何故ゴッチャになるのかなぁと考えてみたりした。特に結論はなく。混乱の原因として、「デザイン」という言葉がついただけで、ひとつメタな視点に立つ必要がある、それが抜けて議論されてしまうのかなぁと思ってみたりした。 UIがあって、そのUIを設計(デザイン)する場合、一つメタな視点でUIを眺める。UIデザインでは、UX(ユーザー経験)を考える必要がある。そんなに難しいことではなくて、このUIを使う時どんな風に使うかなぁ…といったことは想像すると思ってる。 次に、UXのためにデザインしようとすると、これは企画とかサービスになると思った。ビジネス視点というのもあるけれど、基本的にサービスを起点にUXのためのデザインを行なうと思っている。このサービスを使う時どんな体験になるかなぁ…といった具合のイメージ。 じゃぁそのサービスを
「苦悩からユーザビリティテストに希望を託すまでの道のり」と題してプレゼンしたので、資料を公開します
自己紹介の代わりに著書紹介 「P2P教科書」 「パーフェクトJava」 「実践JS サーバサイドJavaScript入門」 「パーフェクトJavaScript」
第53回 NFC革命 | WIRED VISION
第53回 NFC革命 2011年3月10日 ITデザイン コメント： トラックバック (0) フィードITデザイン （これまでの増井俊之の「界面潮流」はこちら） 「NFC」（Near Field Communication）というキーワードが最近話題になっています。NFCとは、SuicaのようなRFIDタグで使われている無線通信の規格です。日本ではソニーが開発したFeliCaの仕様に準拠したSuicaやICOCAのようなカードが沢山利用されていますが、海外ではフィリップスが開発したMIFAREという規格のカードの方が広く使われており、日本でもTaspoではMIFAREカードが利用されています。FeliCaとMIFAREは規格が異なっていますが、共通部分であるNFCがISO規格として標準化されています。 NFCがISOで標準化されたのは2003年のことです。Suicaが近年爆発的に普及した一
第48回 Webでプログラミング | WIRED VISION
第48回 Webでプログラミング 2010年10月12日 ITハッキング コメント： トラックバック (0) フィードITハッキング （これまでの増井俊之の「界面潮流」はこちら） 文書もメールもWeb上で管理する「クラウドコンピューティング」があたりまえになってきましたが、プログラムの開発はまだ手元のパソコンの上で行なわれるのが普通です。 たとえばWindowsのプログラムを開発する場合はWindows上のVisual Studioのような開発ツールを利用するのが普通ですし、iPhoneのプログラムを開発する場合はMacintosh上のXcodeのような開発ツールを利用するのが普通です。Unix上のプログラムを開発する場合はUnixマシン上でEmacsのようなテキストエディタを使ってプログラムを作成し、Unixマシン上のコンパイラを使って実行プログラムを生成するのが普通です。いずれにしても
第47回 じっくりとあっさり | WIRED VISION
第47回 じっくりとあっさり 2010年9月14日 ITデザイン コメント： トラックバック (0) フィードITデザイン （これまでの増井俊之の「界面潮流」はこちら） 操作の時間によって挙動が変わるインタフェースは一般には推奨されていません。装置の使い方に慣れていない人がゆっくり操作したときうまく動かないようなことがあると困るからです。このため、普通のパソコン操作ではマウスボタンを速くクリックしてもゆっくりクリックしても動作は変わらないようになっています。 ボタンの数が少ない機器では、ボタンの長押しに特別な機能を割り当てているものがありますが、割り当てられた機能と長押し動作との関係を覚えることが難しい場合は使いにくく感じられます。 「#」キーを長押しするとマナーモードになる携帯電話がありますが、「#」の長押しとマナーモードの関係を直感的に覚えることは困難です。また、Windowsのシフト
第38回 ユーザ評価の落とし穴 | WIRED VISION
第38回 ユーザ評価の落とし穴 2009年12月16日 （これまでの増井俊之の「界面潮流」はこちら） 人間が利用するシステムを作るときは必ずユーザ評価が必要です。開発の初期段階において客観的な他人の目で見てもらうことにより、問題を早期発見することができますし、全くスジが悪いようであれば最初から考え直すこともできます。少人数のテストユーザに評価してもらうことによって劇的に問題点が減ることが知られています。 完成したシステムについてもユーザ評価は重要です。新しいユーザインタフェースシステムを開発した研究者は、学会で論文を発表することによってそのシステムを世に広めるのが普通ですが、論文を発表するためには、識者による論文査読を通過する必要があります。新規でないシステムや有用でないシステムなど、発表する価値が無いシステムは査読の段階で問題点が指摘され、論文として発表されないようになっています。 この
第36回 手品とインタフェース | WIRED VISION
第36回 手品とインタフェース 2009年10月14日 （これまでの増井俊之の「界面潮流」はこちら） 奇術や手品は人間の錯覚や勘違いを最大限に利用したエンターテインメントです。人間は錯覚や勘違いの固まりですから、突然何かが変化しても気付かなかったり/慣れたものを見逃すことが多かったり/手品の達人は観客の目前でも易々とイリュージョンを見せることができ、観客はそれを見て驚き楽しむことができます。人間の知覚能力や認識能力がたいしたものではないという事実は多くの場合は不利だと思われますが、そのおかげで未熟な技術でも実用的に使えて都合が良いこともあります。テレビや映画は1秒間に30枚以下しか画面を表示していないにもかかわらず、動画がなめらかに動くように見えるのは人間の知覚能力が低いおかげといえるでしょう。 勘違いをしやすいという点は、逆に考えるとイリュージョンを見る能力があるという長所だと考えること
第37回 安定感を求めて | WIRED VISION
第37回 安定感を求めて 2009年11月10日 （これまでの増井俊之の「界面潮流」はこちら） 汚い部屋にゴミを落としても拾う気になりませんが、綺麗な床の上にゴミを落とした場合は拾うかもしれません。汚い部屋のゴミが多少増えても部屋が汚い状況は変わりませんが、ひとつでもゴミがあると「綺麗な床」は「汚い床」に変わってしまいますから、もとの状態を保つためにはゴミを拾う必要があります。人間は安定した状態を好むもののようで、不安定な状態や整合がとれない状況を見ると気持ち悪く感じられますし、安定した状態が長く続くような行動をとりがちです。下図の左側のような状態はいかにも不安定ですから、こういう様子を見たら右のようにグラスを移動したくなるのが人情です。 割れた窓ガラスが放置されているような地域では治安の悪い雰囲気が定常化して犯罪が増えるが、小さな犯罪もきちんと取り締るようにすれば意識が変化し、結果的に大
livedoor Techブログ : 第ニ回 ライブドア テクニカルセミナー・ログ
2009年9月25日（金）に開催されました 第2回 ライブドア テクニカルセミナー の発表資料と動画を公開致します。 まったく役に立たない力学シミュレーション（薬袋 貴志） データセンター移設は突然に（平井 壮） pixivのインフラを支える技術（上薗 竜太氏） ユビキタス時代のユーザインタフェース（増井 俊之氏） まったく役に立たない力学シミュレーション 株式会社ライブドア メディア事業部 薬袋 貴志（30分） 力学エンジン・3Dレンダリングエンジン等、とても便利で面白いオープンソースがある中、あえて自前で簡単な力学シミュレーションをやってみる。そして、自前ロジックと Box2Dと Papervision3Dとのハイブリッドデモ。 データセンター移設は突然に 株式会社ライブドア ネットワーク事業部 平井 壮（30分） part1 part2 2003.12 にデータセンターを移転
Latest topics > ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 - outsider reflex
Latest topics > ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 巻き戻し/早送りボタンが26日以降クラッシュする件 Main ツリー型タブでブックマークにツリー構造を保存できるようにしてみた » ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 - Jul 30, 2009 Mozilla Corporationの中の人であるAlexander Limi氏が次世代のFirefoxのタブインターフェースをどのように改善するかについての議論の叩き台となるエントリを6月に公開されている。その中にツリー型タブへの言及もあった。だか
第30回 スクローリングの小細工 | WIRED VISION
第30回 スクローリングの小細工 2009年4月24日 （これまでの増井俊之の「界面潮流」はこちら） スライダやスクロールバーのようなGUI部品は広く便利に使われていますが、これらの由来や発明者についてはあまり知られていないようです。スライド式の可変抵抗器は昔から使われていましたから、計算機上でもこのような部品を利用したくなる気持ちは理解できますが、スクロールバーのような動きをするものは現実世界に存在しませんから、誰がどのようにしてこのようなGUI部品を発明したのかは興味深いところです。 これらの部品は、大きなテキストの一部を表示したり数値を調整したりするのに便利ですが、巨大なテキストを扱ったり値を微調整したりすることは簡単ではありません。 たとえば縦の長さが500ドットのスクロールバーを利用する場合、ノブを1ドット移動したときは表示を1/500ほど移動させる必要がありますから、5万行のテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
