セキュリティトークンメーカーのYubicoが開発・製造する「YubiKey」は、セキュアな2段階認証が簡単に導入できる物理デバイスです。そんなYubiKeyのラインナップに、ついに指紋による生体認証が可能なタイプが追加されることが、Microsoft主催のカンファレンスであるMicrosoft Igniteで判明しました。 Yubico Reveals First Biometric YubiKey at Microsoft Ignite | Yubico https://www.yubico.com/2019/11/yubico-reveals-first-biometric-yubikey-at-microsoft-ignite/ Yubico Unveils Security Key With Built-In Fingerprint Reader | News & Opinion

何らかの意図やさまざまな機能を記号化して表現するアイコンはサービスやUIを分かりやすく彩ってくれるものですが、細かいアイコンを多数用いる場合、画像としてダウンロードして埋め込んで、というのは面倒なもの。アイコン集「Unicons」では、1000以上のアイコンを無料かつ登録いらずでゲットできるほか、画像のダウンロードも不要でフォントのようにサイトにアイコンを埋め込むことができます。 1000+ free vector icons - Unicons - Iconscout https://iconscout.com/unicons 「Unicons」のトップページから「Start using for Free」をクリックすると、使い方説明にスクロールします。 アイコンを埋め込むために必要なのはわずか2ステップで、CSSに特定のコードを追加した後、埋め込みたいアイコンを選んでコピーしたMark

CSSはWebページを表示する際に、「どの要素をどこに配置するのか」を決めるものですが、Webの発展とともにCSSもさまざまな設定が追加されており、「CSSで何ができるのか」という段階でつまずいてしまうことも少なくありません。そんなCSSの項目を視覚化し、一目でどんな効果がでるのかを確かめられるようにまとめたページが「CSS Reference」です。 CSS Reference - A free visual guide to CSS https://cssreference.io/ サイトにアクセスし、下にスクロールすると…… CSSの項目を分野ごとにまとめた「Collections」と、その下に全ての項目を検索できる検索ボックスが出てきます。例えば「margin」と検索し、出てきた「margin」の項目をクリックしてみます。 左側に分野名と検索ボックス、右側にmarginの説明という

ウェブブラウザ上で動く、無料でAdobe Photoshop並の画像編集が可能なツールが「Photopea」です。海外の大手掲示板「Reddit」の名物企画「AMA(Ask Me Anything：何か質問ある？)」にPhotopeaの開発者が登場し、技術的なものから日常的なものまで、さまざまな質問に答えていました。 I made a free alternative to Photoshop, that is used by 1.5 millions of people. Ask me Anything! : IAmA https://www.reddit.com/r/IAmA/comments/9urjmg/i_made_a_free_alternative_to_photoshop_that_is/ Photopeaがどんなツールなのかは以下の記事を見ると一発でわかります。 無料でブ

ソフトウェアをパッケージ製品としてユーザーにライセンス販売するのではなく、ソフトウェアを提供者側のコンピュータで稼働させ、そのソフトウェアの機能をインターネットなどのネットワーク経由でサービスとして提供するのがSaaS(Software as a Service)ですが、そんなSaaSビジネスを会社で運営していくための考え方や公式をStripeが公式ブログにまとめています。 Stripe Atlas: Software as a Service, as a business https://stripe.com/atlas/guides/business-of-saas ◆なぜSaaSは世界中に広がるのか？ ・顧客の場合 Stripeは、「顧客はSaaSが『機能する』ので、SaaSを好む」のだとしています。SaaSではサービスを使うために何かをインストールする必要がなく、その点が魅力となり

Googleでは2014年から新しいUX体系として、デバイスの違いを乗り越えて操作性に統一感を持たせ使いやすさを向上させた「マテリアルデザイン」を提唱。声かけだけではなく統一サポートサイトとして「Material.io」を開設し、情報共有や普及に努めています。このサイト内に、アプリにどんなカラーパレットを用いればいいのかを助ける新たなカラーツールが登場しました。 Color Tool - Material Design https://material.io/color/ アクセスすると、最初は下の方がグレーアウトした状態。ページのどこかをクリックすると…… ツールを使えるようになります。左側にページレイアウト、右側に「マテリアルパレット」が置かれています。 ページレイアウトは文字中心のものや画像が中心になるものなど6種類が用意されていて、「＜」「＞」で切り替え可能。今回は5番のレイアウト

多くの人が力をあわせる「チーム」が仕事を進める上で重要なことは何か、Googleの社内チームを研究して見えてきた重要なポイント5つがまとめられています。 re:Work - Guide: Understand team effectiveness https://rework.withgoogle.com/guides/understanding-team-effectiveness/steps/introduction/ ◆何が「チーム」を定義づけているのか 「効率の高いチームを作るものは何か？」と問いかける際に重要なのが、そもそも「チームとは何か？」を認識することであるとのこと。メンバーであること、関係性、そして個々人の責任について明確にすることで、チームの効率性は大きく向上するといいます。 その中で意識すべきなのが、「ワークグループ」と「チーム」の違いを認識すると言うこと。この2つは

「WebAssembly」は、JavaScriptの生みの親のブランダン・アイクが「ゲームチェンジャー」と表現するほど期待されているウェブ向けのバイナリフォーマットです。モバイル端末やIoT端末の普及が見こまれる中、マシンパワーの劣る端末でも効率よく実行できるように、ウェブの標準言語と言ってよいJavaScript以外の言語をコンパイルするためのユニバーサルなローレベルバイトコードが求められていましたが、ブラウザ開発者はそれぞれ独自にツールを開発する状況でした。 そんな中、2015年6月にMozilla、Google、Microsoft、Appleなどのウェブブラウザの主要プレイヤーが標準フォーマットとして開発に合意したのがWebAssemblyで、プロジェクトを推進するWebAssembly Community Groupが結成され、まずはC/C++をコンパイルしてJavaScriptエ

By Brooks Duncan 2012年、非上場企業ながら「企業評価額10億ドル(当時のレートで約790億円)」とアメリカの経済関連出版社ダウ・ジョーンズに評価されたのが、オンライン上で使用できるノートアプリ「Evernote」です。かなり多機能で、メモをとったり重要なデータをストックしておいたり、リマインダーとして使ったりオンライン上で共同作業を行うために使ったりすることも可能なEvernoteですが、最近は設立初期から在籍していた副社長が辞任したり海外オフィスを複数閉鎖したりと不調が続いています。そんなEvernoteの不振は多くのIT系企業が抱える「5％問題」によるものだ、とIT関連のニュースを取り扱うVentureBeatのライターであるChris O'Brienさんが考察しています。 Evernote's 5% problem offers a cautionary less

By Hugh Gallagher オープンソースソフトウェアの開発・ダウンロードサイトとして老舗の「SourceForge」が、ソフトウェア開発者から三行半を突きつけられるという事態に陥っています。「老舗サイトは、どのようにして堕ちたのか？」をまとめるとこんな感じです。 Black “mirror”: SourceForge has now taken over Nmap audit tool project [Updated] | Ars Technica http://arstechnica.com/information-technology/2015/06/black-mirror-sourceforge-has-now-siezed-nmap-audit-tool-project/ SourceForge grabs GIMP for Windows’ account, wra

Microsoftが新OS「Windows 10」で採用する新ブラウザ「Microsoft Edge」が正式に発表されました。あらゆる垣根を乗り越えるという意味合いが込められているEdgeからはMicrosoftの本気度が伝わってきます。 Microsoft Edge http://www.browserfordoing.com/en-us/ Microsoft makes it easy for developers to port Chrome and Firefox extensions to Edge http://www.neowin.net/news/microsoft-makes-it-easy-for-developers-to-port-chrome-and-firefox-extensions-to-edge Microsoft's Edge browser can s

次期Windows OS「Windows 10」にはInternet Explorerの他にも新しいウェブブラウザ「Spartan」が搭載される予定です。その新ブラウザSpartanが、Windows 10のテクニカルプレビューの最新版「ビルド10049」でついに公開されたので早速、使ってみました。 Introducing Project Spartan: The New Browser Built for Windows 10 http://blogs.windows.com/bloggingwindows/2015/03/30/introducing-project-spartan-the-new-browser-built-for-windows-10/ 一足先に新ブラウザSpartanを体験するにはWindows 10テクニカルプレビューのインストールが必要です。Windows 1

Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE

バイアスとは、シンプルに言うと育った環境や文化、経験などさまざまな要素からなるフィルターのことで、意志決定の際に避けては通れません。無意識でバイアスがかかることもあり、正確な判断を下すことを困難にしてしまいます。Googleは業務においてバイアスをかけないことが重要だという企業理念を持っており、社員がバイアスについて理解できるように講義を開いています。その中でGoogleの人事部を対象に行われた講義のムービーが公開されていて、Googleの無意識バイアスに対する対策を伺い知ることが可能です。 Unconscious Bias @ Work | Google Ventures | Office for Institutional Equity https://oie.duke.edu/knowledge-base/toolkit/unconscious-bias-work-google-ve

Amazonがメールサービス「WorkMail」を発表しました。WorkMailはAmazonのクラウドサービスAmazon Web Services(AWS)を活用したクラウドベースのメールサービスで、既存の電子メールクライアントを引き継いで使用することも可能。さらに1ユーザーにつき50GBのクラウドストレージを利用可能でカレンダー機能付きなど強力なサービスとなっています。 Amazon WorkMail https://aws.amazon.com/jp/workmail/ Amazon WorkMail – Managed Email and Calendaring in the AWS Cloud | AWS Official Blog https://aws.amazon.com/jp/blogs/aws/amazon-workmail-managed-email-and-cal

面白いアニメーションを作るために物理演算エンジンを使いこなせればとても便利ですが、自力で物理演算に取り組むには高度な知識と技術が必要となります。そんな扱いの難しい物理演算を手軽に導入できるJavaScriptのAPIが「Matter.js」です。 Matter.js - a 2D rigid body JavaScript physics engine http://brm.io/matter-js/ Matter.jsでどんなことができるのかはデモを見れば一発で分かります。上記サイトの「Demo」をクリック。 すると、「Matter.js Physics Engine Demo」という物理エンジンのデモページが開くので、プルダウンメニューにあるデフォルトパラメータを指定して、「Reset」をクリックすればOK。2Dのアニメーションが再生され、Matter.jsでどんなことができるのかが直

Microsoftはアメリカ時間の1月13日、Windows 7に関する無償サポートや仕様変更のリクエスト受付などを含んだ「メインストリーム サポート」を終了したことを発表しました。一方でセキュリティに関する重要なサポートなどは継続されます。 Windows 7 メイン ストリーム サポート終了のお知らせ - Microsoft http://www.microsoft.com/ja-jp/windows/lifecycle/eos/consumer/default.aspx Microsoftでは各世代のOS発売後10年間にわたってセキュリティや仕様変更に関するサポートを提供していますが、特に最初の5年間には無償でのサポートやOSの仕様変更や新機能に関する受付サービスなどを含む「メインストリーム サポート」が提供されています。しかし、2009年10月22日に発売されたWindows 7は

GoogleはChromeに拡張機能を入れるだけでAndroidからPCを操作できるアプリ「Chrome Remote Desktop」をリリースしていますが、さらにiOS版のChrome Remote Desktopの提供が始まりました。iPhoneやiPadからPCをリモートコントロールできるようになったので、実際に試してみました。 Chrome Remote Desktop app for iOS is now available, making it easy to securely… https://plus.google.com/100585555255542998765/posts/AjFCw1nYCUn iOSの「Chrome Remote Desktop」でiPhone 6からPCをリモートコントロールしている様子は以下のムービーから見ることができます。 iPhone 6

同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる新しい画像形式が「BPG」で、FFmpegやJavaScriptだけで動くLinux「JSLinux」などを開発したFabrice Bellard氏が開発した画像形式です。ただサイズが軽いというだけではなく、グレイスケール・YCbCr＝4:2:0・4:2:2・4:4:4・RGB・YCgCo・CMYKなどの色空間をサポートし、アルファチャンネルや可逆圧縮にも対応しています。 BPG Image format http://bellard.org/bpg/ BPGが他の画像形式と比べてどれくらい優れているのかを比較できるのが以下のページ。2種類の画像形式で同程度のファイルサイズの画像を表示させており、「mozjpeg」とBPGとで同じ画像を比較すると、BPG画像の鮮明さが際立ちます。 BPG Image Comparison

スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置 これはGoogle Mapsのレイアウト。右の図は、ユーザー