更新情報 2016/4/5 Moto360 2ndが日本発売されています。 Moto360 2ndのスペックや購入レビューなどはこちらをご覧ください。 Moto360 新型(2nd gen)購入レビュー。スペック、日本発売日、価格まとめ。 Moto360の特徴 Moto360は、ウェアラブル端末向けのOS「Android Wear」を搭載したスマートウォッチです。 Android Wearスマートウォッチとして、初めて円形のディスプレイを搭載したことで話題となっています。 Moto360はバッテリーの持ちが悪いことや、ディスプレイ焼き付きなどが報告されていますが、デザインはSamsung Gear LiveやLG G Watchと比べてかなり良いと個人的には感じています。 Moto360のスペックなど詳細はMoto 360のスペック・価格・日本発売日・実機画像まとめ【随時更新】を参照してく

「自撮り棒」なるものが大人気になるくらい、自撮りに対する人々の熱意は並々ならぬものがあります。そんな自撮りを空中からスマートかつ簡単に実現できるのが小型・軽量の手のひらサイズドローン「ZANO」です。 ZANO - Autonomous. Intelligent. Swarming. Nano Drone. by Torquing Group Ltd — Kickstarter https://www.kickstarter.com/projects/torquing/zano-autonomous-intelligent-swarming-nano-drone 手のりドローンZANOがどれだけ自撮りに便利な空撮マシーンなのかは以下のムービーを見ればよく分かります。 ZANO in action - YouTube 川のほとりでZANOを取り出した男性。 手のひらからZANOが飛びたちまし

TOP  >  Pickup  >  WeeklyDesignNews（N.79）久米島の魅力を堪能できるサイト「久米島10のスゴいこと 〜Discover Kumejima」 毎週Designworksで記事を書いていく際に気になった世界のデザインニュースをまとめ、まとめ的に週1回日曜日に「Weekly Design News」としてお届けいたします。 もうすぐ12月。どんどんと寒さが増していく気配を肌で感じ、衣服も厚手のアウターを引っ張りだすなど、冬本番に向けての準備が本格化しています。といっても日中は暖かく感じられる日もあったりと、昔は11月後半といえばかなり寒かった印象ですが、どんどんと気候が変化していっているんだなと思う面も。今年はどんな冬になるのか、今から心しておきたいと思っています。 それでは、2014年11月23日〜11月29日までの「WeeklyDesignNews」を以

こんにちは、CTOのづやです。 今日はアニメーションさせるときに便利なTweenMaxの使い方について書きたいと思います。 こちらのスピードテストのページを見るとわかるように、かなりハイパフォーマンスなアニメーションが可能です。 というわけで、基本的な使い方を書いていきたいと思います。 とりあえず要素を動かしてみよう まずは公式ページからダウンロードしましょう。 慣れないうちはTweenMax.jsを、とりあえず以下のように読み込んでおきましょう。 <script src="js/TweenMax.min.js"></script> 基本的によく使うクラスとして、以下の4つがあります。 TweenLite TweenMax TimelineLite TimelineMax Tween系とTImelite系の2種類がありまして、それぞれMaxが高機能版だと考えてよいかと思います。 単純に要素

毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は、「世界の美しい図書館」です。 図書館とは思えないような、豪華で歴史溢れる建物、また最新鋭の建物の数々を紹介した、美しい建築物に魅了される一冊となっています。 詳しくは以下 世界各地にあるさまざまな個性的な図書館を100館、写真・解説と共に掲載。ユネスコの世界遺産として登録されている図書館や、著名建築家が手がけた図書館など、是非一度訪れてみたくなる素晴らしいデザインが、美しい写真と共に紹介されています。さらにコラムとして、紀元前からはじまる図書館の歴史についてなども解説されているので、現代の図書館に至るまでどのような過程を築いてきたのかを知ることもできます。 建築系の職に就いている方はもちろん、図書館に良く足を運ぶ方にもおすすめ。この本を参考に実際に旅行に行った際に直接行ってみるのも良いかもしれませんね。 書籍は下記サイト

レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介します。 Materializeの使い方 今回はスクリーンショット多めに紹介します。 Materializeはレスポンシブかつマテリアルデザインのフレームワークになっています。開発の高速化、ユーザ体験重視、ドキュメントとサンプルを多めにして学習コストを低くするといった特徴があります。 MaterializeはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（MIT Lic

マテリアルデザインに注目が集まっていますが、一から自作するというのは相当大変ではないでしょうか。表面上のデザインだけでなく、フォーカスやタップした時のアニメーションまで含めて作るというのはより深い知識が求められます。そこで既存のフレームワークを活用するのがおすすめです。 今回はiOS向けのマテリアルデザインフレームワークMaterialKitを紹介します。やはりスマートフォン、タブレットにぴったりなデザインです。 MaterialKitの使い方 MaterialKitはまだ機能は多くありませんが、アニメーションは分かりやすく、ユーザの操作が明確になりやすいのが特徴です。こだわったアプリデザインの中では活かせないかも知れませんが、シンプルで情報設計を適切に行ったアプリにはぴったりです。 MaterialKitはiOS用、MIT Licenseのオープンソース・ソフトウェアです。 nghial

昔はランチャーアプリと言えば自分でアプリケーションを登録して使うタイプが多かったですが、今では検索ボックスを使ってインクリメンタルにフィルタリングするものがほとんどです。確かにこの方がスムーズに希望するアプリケーションが起動できます。 同様の仕組みをブラウザのタブ切り替えに用いるのがFast Tab Switcherです。大量に開いたタブの中から必要なものを素早く探せます。 Fast Tab Switcherの使い方 Fast Tab Switcherを使うとこれまでタブの切り替えに使っていたコマンド + {または}のように左右への移動だけでなく一気に表示したいタブへジャンプできるようになります。普段のブラウジングはもちろんのこと、開発時にも便利な機能です。 Fast Tab SwitcherはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 Fas

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

Livedownは各エディタでMarkdown記法を使う際にリアルタイムプレブビュー機能を付加するプラグイン。VimやSublime text、Emacsなどのプラグインが用意されています。Markdownを書く機会が多い方には便利そうですね。ライセンスはMIT。 Livedown

TL;DR 前回（あのサイトでさりげなく使われていた CSS 小技集）の続きとなります。今回はマウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりと CSS のみで実現できる方法を書いておきます。 インタラクティブ １．マウスオーバーで自動スクロールさせる 最近、マウスオーバーで縦長のページを部分的に見せる WordPress テーマが少しづつ出てきました。こちらは簡易的ながらマウスオーバーにて縦長の画像を見せるコードです。長めの画像を用意してはみ出した部分はoverflow: hidden;で隠しながらtransitionで遅延させ擬似的にスクロールしているように見せます。 html <div class="box-fixed"> <div class="field-wrap"> <div class="field-detail"></div> </di

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

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。 単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。 “HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE デモページ 大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。 個人・商用利用無料。

みんな未だにNES好きすぎ…！ Logan Millerさんは、Etsyで超巨大なNESコントローラとしても使えるコーヒーテーブルを販売しています。家で未だにNESで遊んでいるというマニアはもちろん、ギークなテイストのテーブルとしても活用できますよ。 素材は木と実物のNESコントローラ、ワイヤ、ボタンなど。表面は透明なポリウレタンでコーティングされているので、傷がつきにくいそう。約60ドル（約7,000円）の特製のガラスを上に被せて、普通のテーブルとして使うこともできるみたいです。サイズは縦53.34cm×横122cm×高さ59.7cmです。 1点のみの販売で早い者勝ちです。価格は1,300ドル（約16万500円）で、値段も見た目もアンティーク家具ですね。残念ながら日本への発送は行ってないよう。以前にもLEGOで巨大なNESコントローラを作った方がいましたが、違う方みたいですね。是非大量生

こんなことが起こりうるの？ この動画は、イタリアはサン・バルトロメーオ・アル・マーレのホテルで働くNicola Ferrareseさんが捉えたもの。2つの水上竜巻（ウォータースパウト）が雲と海を繋げているのです。 ウォータースパウトは、海に接する面と雲に接する面がほぼ同じ大きさで細長い筒状なのが特徴。全体的に細いため威力は弱めです。条件が整えば複数本同時に現れるそうですが、実際に動画で見るとかなりの迫力。 2つの塔のようなウォータースパウト。まるでお互いに呼応しているようです。 source: Youtube, NHK そなえる防災 Jesus Diaz - Gizmodo SPLOID ［原文］ （嘉島唯）

バック・トゥ・ザ・フューチャー2みたい。 フィンランドにあるPlantuiは、既存のLED水耕栽培キット｢Plantui｣をグレードアップさせた｢Plantui Plantation｣の開発を進めており、その開発資金をIndieGoGoで募集しています。 このPlantui Plantationは、土や肥料の固形培地を使わず、また化学薬品や農薬もなしで光の調節のみで野菜を育てるシステムになっています。その光は常にオンの状態でも年間120kWhまでに抑えられ、ランニングコストも安くなっているとか。 本体も既存の商品よりも大きく、直径は29cmから45cmになり、高さも最大70cmから2mになりました。なので、実が大きく育つキュウリや唐辛子、トマトの栽培が可能。 育てる過程も簡単で、一度セットすれば、光量や丈に合わせた高さの調整まで、ほとんどが自動で行ってくれます。 最適な栽培環境と本体のサイ

SVG MorpheusはSVGアイコンから別のSVGアイコンへモーフィングさせる為のスクリプトです。非依存型で単体で動作してくれます。導入も楽そう。オプションやらサポートされたイージングの種類は本サイトにてご確認下さい。ライセンスはMITとの事です。 SVG Morpheus

こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界の本の装丁をアーカイブしたサイト。 本の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた

これまでの人生で1人や2人は「生産性の鬼」みたいな人に出会ったことがあるのではないでしょうか。会社を立ち上げて成功しているのに、副業もいくつかやっていて、体形も維持し、友だちや家族と過ごす時間もあり、たまに料理をすれば驚くほどおいしいコースを作ることもできちゃうような人です。それでいて、ストレスや疲れをまったく感じさせません。そういう人は、宇宙人か、必要に応じて時空をゆがませられるマッドサイエンティストだと思ってしまいます。しかし、当然ながら本人はそんなことはないと言います。最近、ベンチャーキャピタルであるFoundry GroupのBrad Feld氏のブログにゲストとして投稿した小説家のWilliam Hertling氏は、少々鼻につきますが、このように書いていました。 この5年の間に、ベストセラーに輝いた2つの本を含む、複数の本を執筆、出版、宣伝し、ウェブアプリを開発し、ブログを続け

WordPressでサイトやブログを作って、いざ公開しようとしている人は、すべての設定が本当に終わっていますか？ サイトを成長させるためのアクセスアップやSEO対策には、最低限設定しておかなければならないことがいくつかあります。 しかし、サイト制作が慣れていないうちはついつい忘れがち。 後から後悔しないためにも、今回はWordPress初心者向けに、サイト公開前に必ず設定しておきたい8つの項目を参考記事とともにご紹介します。 どれも必要不可欠なものばかりですので、改めて見直してみてください。 【そもそも前提としてやっておきたい、SSL（https）化について】 WordPressサイトをhttpからhttpsにしよう！【対応手順を丁寧に説明】 パーマリンクの設定 パーマリンクは、簡単に説明すると記事ごとに付与されているURLのことです。 このパーマリンクですが、初めのうち（記事がひとつも投

『RICOH THETA m15』は、360°を一度で撮影できるTHETAの新モデルです。 前モデルから大きく進化したポイントは2つ。 ひとつは待望の動画撮影に対応！3分までの動画が撮影可能になりました！もうひとつはカラバリの追加です。ピンクやブルーなど、どんどん持ち歩きたくなるポップなカラーが揃っていますよ。 しかも超進化しているのに、前モデルより1万円も安いといううれしいサプライズまであります！ 気になっていたけどちょっと高くて手が出せなかった方もこれは買いですよ。 これが360°全天球動画！ Car-racing in Miyagi, Japan – Spherical Image – RICOH THETA 全天球動画はおもしろい！ 今までと違う視点からの世界が楽しめる360°全天球動画を撮影できるのがTHETA m15最大の魅力。 たとえば、パーティーでテーブルの真ん中にTHET

現在2015年のクラウドファンディングに向けて準備中という、「tempescope」というデバイスがステキです。 「tempescope」は、好きな時間、好きな場所の空を切り抜いて部屋に置くことができるという夢のようなデバイス。 天気のある生活 「tempescope」はPCと連携することで、明日の天気予報を「再現」することができます！　なにそれすごい！！ 雨や…… 曇りや…… 雷など！ また、写真ビューアーと連携すれば、思い出の写真の撮影日時と位置情報からその場面の天気を検索して再現することが可能だと！ スカイプと連携すれば、通話相手の地域の空を再現することもできるのだとか……！　遠い相手の街の空を再現しながらの通話はとても楽しそうです。ただ、残念ながら「雪」など、対応していない天気もあるそう。 そしてサイトでは、つくりかたもオープンソースで公開しております。「材料費￥8000ぐらいで出

2015年1月から放送される「東京喰種トーキョーグール」テレビアニメ2期のタイトルが、「東京喰種トーキョーグール√A（ルートエー）」に決定した。 原作者の石田スイさんが自らオリジナル原案を務める。キービジュアルも公開され、放送は最速で1月8日から（TOKYO MX）。 キービジュアル 放送時間 TOKYO MX：2015年1月8日から毎週木曜24時00分～ テレビ大阪：2015年1月10日から毎週土曜26時35分～ テレビ愛知：2015年1月9日から毎週金曜27時05分～ TVQ九州放送：2015年1月10日から毎週土曜26時25分～ Dlife（無料BS258ch）：2015年1月16日から 毎週金曜26時00分～ CS AT-X：2015年1月12日から毎週月曜23時00分～ほか 謎解きイベント「東京喰種トーキョーグール×ナゾメイト ヒトからの脱出」の開催も決定した。オリジナルストーリ

こんにちはkimiです。 Twitterを中心に一斉を風靡した”猫のイヤホンピアス”でおなじみの「I キャット」からまた新しいアクセサリである「にゃピタ」が販売開始されました。 イヤホンケーブルにぴたっとくっついてとってもかわいい！猫好きな方は要チェックですよ〜。 おでかけの時に連れて行こう！ かつて、ねこむらおたこさんのアイデアがTwitterで話題となり、実際に商品化された猫型のイヤホンピアス「I キャット」。 iPhoneのイヤホン端子の部分にとりつけることでホコリの侵入を防ぐアクセサリとして発売され、瞬く間に人気になった商品なんです。

イラストコミュニケーションサービス「pixiv」は11月30日、運営しているWebサービス「BOOTH」と「APOLLO」で個人情報が漏洩する問題が発生したとして謝罪した。最大で125人の個人情報が漏洩したと見られている。 BOOTHは、pixivと連携して創作活動をサポートするショップ作成サービス。APOLLOはBOOTHのサブプロジェクトという位置づけの同人音楽作品（CD、ダウンロード作品等）を頒布する即売会イベント。11月29日午後5時9分から午後6時12分の間、一部のユーザーにおいてログイン中に他のユーザーのアカウントに切り替わる問題が発生した。 pixivによると、「サーバ負荷を削減するために行った設定（キャッシュの設定）に誤りがあったため」と原因を説明している。現時点で問題は解決している。 BOOTH 閲覧・変更された可能性のある情報として、住所・氏名・メールアドレスのほか、ク

旅人たちの手によって撮られた世界各国の美しい写真を「アジア」「山」「世界の不思議」といったカテゴリから検索して眺めつつ、その場所の歴史的状況や現在の気温・航空チケット料金などを調べられるアプリが「Places」です。ただ見て楽しむだけでなく旅行先を決めるのにも役立ちそうだったので、実際にアプリを使って旅を仮想体験してみました。 Places: Discover beautiful destinations on the App Store on iTunes https://itunes.apple.com/us/app/places-discover-beautiful/id926161879 まずはApp StoreにあるPlacesのウェブページにアクセスして「インストール」をタップ。 アプリを起動すると、「"Places"は通知を送信します。よろしいですか？」と聞かれますが、今回は

NTTドコモがYouTube公式チャンネルで動画『「3秒クッキング　爆速エビフライ」篇』を公開しました。 動画の内容は、文字通りエビフライを3秒で作ってしまうというもの。もっとも、ボタンを押してから出来上がりまで3秒もかかっていないはずです。 動画中に「※危険ですので絶対にマネしないでください」とありますが、一般人は真似をしたくてもできません。 CGを使用せず、すべて実写で撮影されたという本動画は、「2つの帯域がLTE専用というフルLTEの特徴を表現するため」に制作されたとのこと。ちなみにLTEとエビフライとは無関係です、おそらく。

@1041uuuさんが作成したGIFアニメがまとめて保管されているサイトが「1041uuu」で、ガラガラのバスの中や深夜の牛丼チェーン店など、どこかレトロで物寂しげな風景をドット絵で再現したものがたくさん見られます。 1041uuu http://1041uuu.tumblr.com/ ガラガラのバスの中、赤い発券機やバス前輪上にある高い座席やつり革・車内広告など、バスの特徴をしっかり捉えています。 深夜の牛丼屋さん。ビールを飲んでウトウトするサラリーマンというのがいかにもリアル。店員さんはスマホをいじってサボっているようです。 虫眼鏡で観察中。 レトロな雰囲気漂うコーヒーショップ。カフェというよりは昔ながらの喫茶店のような感じ。 黄昏乙女 雲間から差し込む日差しがとてもきれい。ドット絵ながら光もうまく再現されています。 ペットボトルの中の女の子 夜景ができあがる瞬間 飼い主がいないところ

Parrotは「Bebop Drone」で、ハイエンドの機能をコンパクトなクアッドコプターに搭載した。初心者にとっても経験豊富な操縦者にとっても魅力的なモデルとなるだろう。 まず、Bebopのカメラは「AR.Drone 2.0」などの旧モデルに搭載のカメラより性能が向上しており、画角180度のF2.2魚眼レンズと14メガピクセルのセンサを搭載する。 Bebopは1080p解像度のフルHD動画を撮影できるのに対し、AR.Drone 2.0では720pまでしかサポートされない。動画はBebopの8Gバイトの内蔵ストレージ（microSDカードやSDカードのスロットはない）にMP4形式で記録される。写真はJPEG形式かAdobeのRAW形式「DNG」で保存できる。 解像度が向上したことで、デジタル方式での写真のパンやズームのほか、3軸で画像を安定させる機能が可能になった。カメラをジンバルに取り付

[対象: 初〜中級] この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。 Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モバイルユーザビリティ レポート 順に説明します。 Chrome Google Chromeの「デベロッパー ツール」では、スマートフォン端末で見たときのそのページの表示をエミュレーションできます。 「デベロッパー ツール」は次の手順で起動します。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表すアイコンをクリックするとスマホでの表示モ