今だから知りたいインタラクションデザインの基礎
再考インタラクションデザイン Project Jacquard のような技術を目の当たりにすると、いよいよすべてのモノにコンピューターが入ると実感します。株式会社シロクの石山貴広さんとのポッドキャストで、インタラクションデザインを再考するべきではないかという話をしましたが、コンピューターと人間との関係のデザインという 1950 年頃から続く課題がますます重要になると考えています。 もちろん当時に比べて、現在のインタラクションデザインはより複雑なものになっています。コンピューターは複数のサービスとシステムに繋がっていますし、できることも日々増え続けています。人とコンピューターの距離もウェアラブルの普及によってますます縮んできています。コンピューターは私たちの一部であり、アイデンティティ（ファッション）として捉えることもできます。もう道具としてのコンピューターだけではないわけです。 コンピュー
http://loadfive.com/os/knwl/demo/
See related links to what you are looking for.
GoogleMapAPIv3でよく使うやつメモ。 - Qiita
// 中心変更 var changeCenter = function (address) { var geocoder = new google.maps.Geocoder(); geocoder.geocode({'address': address}, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var location = results[0].geometry.location; var lat = location.lat(); var lng = location.lng(); var latlng = {lat: lat, lng: lng}; map.setCenter(latlng); } else { console.log("Geocode was not s
スマホサイトやアプリのUI設計で失敗する前に絶対読んでおきたい記事 | SONICMOOV LAB
こんにちは。お疲れ様です。ソリューション事業部でディレクターしてます かっきー です！こちらでお世話になって早3年目を迎えました、もう若手ぶってられません。………頑張ります －＝≡(o*ﾟｰﾟ)o 私はもともとWebデザイン出身なこともあり、アプリよりかはサイト制作のほうを得意としております。 がしかし、世の中アプリアプリ…。最近ではスマホサイトでもアプリっぽいUIを求められることもあり、アプリから学べることいっぱいあるなーと痛感しております。 ということで、今回はスマホサイトやアプリ案件を制作する上で事前知識として入れておきたい参考記事や個人的な見解を述べさせていただきますっ！ 優れたUIを実現するために確認しておくべき51のチェックリスト UI/UX JAPAN さんの記事です。すごくシンプルに分かりやすく説明してくれています。51項目もあるのですごい長いですが、説明短くてすらすらっと
あなたは今も犯している！？モバイルUXの7つの失敗 - ふろしき Blog
ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ
jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」 - かちびと.net
Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能にしてくれましたが、様々なニーズに応えていったために肥大化しました。ちょっとしたDOM操作だけならわざわざ重いファイルを読み込まずに実装した方がパフォーマンスを損なわずに済みます。が、その方法がわからない、という方も少なくないかもしれません。そういった方の為に、jQueryを使わずに純粋なJavaScriptによるDOM操作の方法を調べられる、というもの。一部の方には便利な逆引きリファレンスサイトではないかなぁと思います。 Plain JavaScript
Microsoft、マルチプラットフォームのTo-DoアプリWunderlistを買収
米Microsoftは6月2日（現地時間）、マルチプラットフォームのタスク管理アプリ「Wunderlist」を提供する独6Wunderkinderを買収したと発表した。買収総額などの詳細は公表されていないが、米Wall Street Journalによると1億～2億ドルの間という。 これはMicrosoftが推進するサービスのマルチプラットフォーム化の一環で、今後もWunderlistのiOS、Android、Windows Phone、Kindle Fire、Web向け無料アプリの提供を継続する。企業向けの有料版（月額600円）の価格も変わらない。 6Wunderkinderは2010年創業の独ベルリンに拠点を置く非公開企業。主力製品のWunderlistは、友人や家族と簡単に共有できるTo-Doリストアプリ。例えば買い物リストを家族で共有すると、誰かがリスト上の商品を買って項目をチェッ
HTTP/2時代のウェブサイト設計 - YAPC::Asia Tokyo 2015
2015年5月の RFC 化完了以降、主要なウェブブラウザの HTTP/2 対応が急速に進んでいます。今年末までには、HTTPS トラフィックの過半は HTTP/2 を利用するようになるでしょう。 本セッションでは、先進的な HTTP/2 サーバとして注目されている H2O の主開発者である奥一穂が、HTTP/2 策定の背景と HTTP/1.1 に対する優位性、HTTP/2 時代にむけたウェブサイト設計のポイントについて説明します。 Since the completion of the standardization process in May 2015, Web browser vendors are rushing to support HTTP/2. It is likely that the majority of HTTPS traffic will be using HTT
遊ぶだけで一流エンジニアになれる！？ゲーム形式のJavaScript学習ツール「Code Combat」の使い方
現代は、世の中とテクノロジーが密接なつながりのある時代。特に、スマートフォンが爆発的に普及した2010年以降から、Webサービスの充実を体感している人も多いはず。そして、非エンジニアでありながら趣味としてプログラミング行い、ゲームやWebサイトを作っている人も多いです。 しかし、プログラミングと聞くと「難しそう」といったイメージを持つ方も多いのではないでしょうか？エンジニアは専門職ということもあり、その入口は特に難しそうに感じるかもしれません。 そこで今回は、初めてプログラミングに挑戦したい方にオススメな、JavaScriptやPythonなどの学習サービス「Code Combat」をご紹介します。 「Code Combat」ってなに？ 「Code Combat」は、プログラミングを全く知らない人でも簡単に出来るゲーム形式のサービスなので「遊びながらJavaScriptなどを学ぶ」ことので
上原 哲太郎/Tetsu. Uehara on Twitter: "怪しいメール開く方がアホだろ見たいな話が出回っているようなので、7年ほど前に私が受け取ったメールを晒しておきますね（一部隠してます）。これを「怪しい」って判断できる人は大したもんだと思います。今はもっと巧妙だし。 http://t.co/SwKNkH4t9s"
怪しいメール開く方がアホだろ見たいな話が出回っているようなので、7年ほど前に私が受け取ったメールを晒しておきますね（一部隠してます）。これを「怪しい」って判断できる人は大したもんだと思います。今はもっと巧妙だし。 http://t.co/SwKNkH4t9s
蔡國強による7年ぶり日本個展、狼のレプリカ99匹用いた全長40mの作品も展示 | CINRA
『蔡國強展：帰去来』が、7月11日から神奈川・横浜美術館で開催される。 1957年に中国・福建省泉州市に生まれた蔡國強は、1986年末から約9年間にわたって日本で創作活動を行ったのちに、アメリカ・ニューヨークに拠点に移して活動している現代美術家。1999年の『第48回ヴェネチア・ビエンナーレ』で『金獅子賞』を受賞しているほか、これまでにニューヨークのメトロポリタン美術館やニューヨークやビルバオのグッゲンハイム美術館などで個展を開催したことで知られ、2008年に開催された北京オリンピック・パラリンピックでは開会式と閉会式の視覚特効芸術監督を務めている。 『蔡國強展：帰去来』は蔡が日本で行う7年ぶりの大規模個展。北京オリンピックで花火の演出を行った蔡が、同展でも大がかりな爆発を伴う「火薬ドローイング」を制作する。また、99匹の狼のレプリカで構成される全長約40メートルの作品『壁撞き』が日本初公
toshi_miura on Twitter: "なにこれ、怖い。 パケットの投機実行（結果が出る前にパケット投げ始めて、後でダメだったらパリティずらして破棄・・？） http://t.co/uzxXTieQqB"
なにこれ、怖い。 パケットの投機実行（結果が出る前にパケット投げ始めて、後でダメだったらパリティずらして破棄・・？） http://t.co/uzxXTieQqB
Webデザイナー必見！すぐに使える高品質な無料デザイン素材まとめ
コンテンツマーケティングやリスティング広告を行っている企業様は、特集ページやランディングページなど、定期的に新規作成しなければいけないコンテンツがあるものです。 そのたびにページデザインを考えるのは専業のデザイナーの方でも簡単なことではありません。 そんな時にすぐにデザインを決められるよう、今回は高品質な無料のデザイン素材をまとめました。デザインテンプレも豊富なので、デザイナーではなくてもある程度のクオリティに仕上げることができます。 1. Photoshopを使う際にデザインの幅が広がる無料のパターン素材80選 https://ferret-plus.com/1224 じっくりデザインをする時間はなかなか取れない、そんな時に活用したいのがフォトショップ用のパターン素材です。 パターン素材は、レイヤースタイルに適用するだけであっという間にデザインを変えることができます。 パターン素材には無
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
「パンチ佐藤の10万円SNS」はネタじゃない！：日経ビジネスオンライン
エイベックス・グループ・ホールディングス傘下のエイベックス・スポーツが5月11日から始めた有料会員制SNSサービス「athlete club（アスリートクラブ）」が話題になっている。 米大リーグのテキサス・レンジャース所属のダルビッシュ有選手、スピードスケート元選手で金メダリスト、清水宏保氏ら各界のトップアスリート、スポーツ文化人ら13人、1団体が参加。フェイスブックを使ってサービスに登録することで、彼らが自身の経験やノウハウなどを語ったテキスト、動画、音声、画像などのコンテンツを視聴できる。さらに質問を投げかければ、それにアスリートが直接答える「コミュニケーション型コンテンツ」を提供。ファンやスポーツ選手を目指す子供、その親たちにとって、トップアスリートの“生の声”を聞くことができる貴重な機会となっている。 「ツイッターやフェイスブックなどの既存の無料SNSでは、自分のファンだけでなく、
10 Material Design concepts of captivating data visualization
May 25th 2015May 30, 2015 Over the last few years, data visualization components such as infographics, charts or interactive tables are in everyday use across all walks of life. Data visualization is an effective tool for both storytelling and analysis, overcoming most educational and language barriers. Colorful shapes and patterns are often able to communicate large amounts of data more effective
[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline
見出しや文章など、テキストの読みやすさを重視して設計されたレスポンシブ対応のグリッドを実装するスタイルシートを紹介します。 Sassline Sassline -GitHub Sasslineはテキストが読みやすく、美しいタイポグラフィを実現するために開発されたもので、ブログでも企業サイトでも開発中のプロトタイプでも利用できます。単位には「rem」を使っており、ベースラインのグリッドからタイポグラフィのスタイルが機能するように設計されています。 テキストをデザインする際に、気を付けるべきことは「縦のリズム」。 Sasslineでは、ベースラインのグリッドに基づいて正確な縦方向のリズムを使うことができます。 レスポンシブ用に各サイズでの表示には、モジュール式のスケールを採用しています。これはブレイクポイントごとにテキストのサイズを簡単に設定でき、そのままベースラインのグリッドと連動して、美し
![[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline](https://cdn-ak-scissors.b.st-hatena.com/image/square/326599f01a29f1985c237ea13213cdb051872389/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015060301-01.png)
AWS Summit Tokyo 2015 で、「freeeの急成長とAWS」というタイトルで発表しました - futoase
AWS Summit Tokyo 2015 www.awssummit.tokyo アマゾンデータサービスジャパン様 主催のAWS Summit Tokyo 2015 で、 freeeの急成長とAWS というタイトルで発表しました。 発表させていただいたプレゼンテーションの内容は、 「創業期から現在に至るまでのインフラの変化、AWSさんの各種クラウドサービスを利用しつつ、会社の急成長と共にどのような形に変わっていったのか」 となっています。 AWS Summit Tokyo 2015 freee // Speaker Deck プレゼンテーション資料の作成には、弊社CTO 横路を始め、 インフラチームによるレビュー、及び 弊社マーケティングチームによるヘルプなどがあり、 作成することができました。 無事、発表が時間内に収まる形でできたのでとても良かったです。 私が入社したのは2014年6月
「超人スポーツ協会」設立 １０月に運動会開催へ NHKニュース
ロボット技術やＩＴ＝情報通信技術を利用して人間の運動能力を拡張させることで、これまでにない新たなスポーツを作ろうと「超人スポーツ協会」が設立され、ことし１０月に初めての運動会を開くことになりました。 超人スポーツの具体的な内容は今後、検討していくということですが、例えば、「バーチャルリアリティ」の技術を利用することで、３６０度の視界を持った選手がサッカーなどの球技をしたり、人間の手足の動きを補佐する「パワードスーツ」を身に着けた選手が陸上競技をしたりすることが想定されているということです。 協会では超人スポーツの競技の内容やルールを考えるハッカソンを来月、開くほか、ことし１０月１０日には、競技のお披露目を兼ねた初めての運動会を開くことにしています。さらに２０２０年の東京オリンピックに合わせて国際大会も開催したいとしています。 超人スポーツ協会の共同代表を務める慶應義塾大学大学院の稲見昌彦教
「葉っぱビジネス」専用の山 整備へ NHKニュース
日本料理を彩る「つまもの」に使う葉っぱの出荷量全国一を誇る徳島県上勝町は、生産量の拡大と、「葉っぱビジネス」の担い手の育成に力を入れるため、需要が高い葉っぱの木を計画的に栽培する専用の山を整備していくことになりました。 このため町は、町内の山の一部に「つまもの」として需要が高いモミジや桜などの樹木を植え、計画的に生産量を増やすとともに、就業体験できる場としても整備していくことになりました。この山は「葉っぱビジネス」のブランド名にちなんで「彩山」と名付けられ、町は今年度中にも場所を選定する方針です。 上勝町の花本靖町長は「上勝町は、大きな柱となっている葉っぱビジネスの後継者育成や観光面の強化が必要だ。まずはことし、地権者をはじめ住民の方に理解を深めてもらい、この事業を推進したい」と話しています。
Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất
Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại
30代で部長になった私が泣かされた「年上の部下」の実在サンプル７人衆とその上司としての接し方 - ひかる人財プロジェクト
私は今の会社に中途で就職したのですが、入社して一年後に部長になりました。38歳でした。中小企業でしたがそこそこ社員数もいましたし、老舗の会社ですので当時私より「年上の部下」は必然的にかなりの人数存在していました。 私は部長になった日から今日まで様々なやっかみや嫌がらせをぶつけてくる中々手強い「年上の部下」に対峙してきました。最近はその人数も減りほとんどいなくなりましたし、私も少しは認めてもらえてきたので、今思えばいい思い出ですが当時は相当泣かされたというか苦しめられました。 その時現実にいた「年上の部下」のタイプと、その人たちに当時「改めて欲しいこと」を指摘した時などによく返ってきていた面倒臭いセリフをいくつか紹介します。その後で私がその人たちに少しでもモチベーションを上げて業務にあたってもらうためにどう接したか、私を認めてもらうためにどう接したかも紹介します。 最近人事異動があってまさに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クックパッドはなぜ開発しやすいのか // Speaker Deck
BEMおじさんは考えた vol.1
900万ダウンロードアプリ『Gunosy』を支える大規模モバイルプッシュ通知基盤
cakes（ケイクス）
任天堂：イカの水鉄砲が高評価、射撃ゲームを家族向けに - Bloomberg
ＦＩＦＡブラッター会長が辞任表明 NHKニュース