3分間の分別作業が命！ReederとSafariのリーディングリストを使った情報分別術のススメ！ | バンクーバーのうぇぶ屋
いかがでしょう？（動画編集久々な上に説明下手くそですいません…） とりあえず、何やってるかお分かりいただけますでしょうか。一言キャプチャレベルで簡単に今やってることを説明させていただいていますが、下で更に詳しくババーっと解説的なことをさせて頂きますね。 何をしているのか 動画内で超軽くご紹介させて頂きましたが、主にここではReederのキーボードショートカットのみを使って情報の分別を行うようにしています。 J or Kキーで記事の上下移動しているのに加えて。 Tキー = Safariリーディングリストへ = 今すぐ読む必要がある物 Gキー = Deliciousへブックマーク = リソースとして検索できる状況にしときたい物 Bキー = Pocketへ = とりあえず、一ヶ月後とか一年後とかでもいいから思い出したら読んでみたい物 僕の中の情報の分け方としては上記のような感じでしょうか。 キー
気になるページを保存してあとで別のスマホなどからオフライン時にも読めるようにできる「Pocket」の使い方
保存したページのデータをあらかじめダウンロードさせておくことで、電波の届かない場所であってもiPhoneやAndroidなどのスマートフォンからオフラインで読むことができ、約300種類ものアプリと連携可能となっているネットサービスが「Pocket」です。Firefox・Chrome・IEなどのブラウザからページを保存した後、あとでスマートフォン経由で移動中や出先で読む、あるいはその逆でスマートフォンで気になるページをピックアップしてから、あとでゆっくりPCで閲覧する、というようなことが可能になります。 実際にどういう感じのシチュエーションでシームレスに使えるかというのは以下のムービーを見れば分かります。 Introducing Pocket on Vimeo アカウント登録、ブラウザ（Firefox・Chrome・IE）での使用方法、iPhone・iPad・Android搭載スマートフォン
HTML5カンファレンス2012の資料まとめ
HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。講演頂いた方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-（矢倉眞隆さん） HTML5 や CSS3 の新しいタグやプロパティについての解説。 でもその前に、W3C と WHATWG についての話。 一部のメディアで、W3C と WHATWG が決裂したかのような報道がされたが、実際は問題ないとのこと。 W3C と WHATWG の Editor を務めていた Ian Hickson氏は WHATWG の HTML に集中し、バグ修正が加速しそうです。 セッションでは紹介されていませんでしたが、こちらの記事に Ian Hickson氏からのメールの邦訳など載っています。 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hick
Understanding Design Patterns in JavaScript | Envato Tuts+
Today, we're going to put on our computer science hats as we learn about some common design patterns. Design patterns offer developers ways to solve technical problems in a reusable and elegant way. Interested in becoming a better JavaScript developer? Then read on. Introduction Solid design patterns are the basic building block for maintainable software applications. If you've ever participated i
iPhoneはなぜ気持ちがよいのか？ (1/5) | Telescope Magazine
近年「気持ちよいインタフェースをつくりたい」という要求や、「気持ちよいインターフェースとは何か？」その理由説明が求められてきている。ネット上では、ある製品が出ると、製品のインターフェースやさわり心地を、サクサク感とか、もっさり感、ヌルヌル感と表現する人たちがいる。これは、「気持ちよさ」への注目が高まっていることの表れであるが、実際それが何であるのか、その原理は解明されていない。 今回の記事では、そういった「気持ちよさ」がどこからやってくるのか、道具の透明性・身体性をキーワードに、ものづくりやデザインに必要なこれからの発想を探っていこう。 道具の透明性からはじまるヒューマンインタフェース研究 道具は「透明性」が重要であると言われている。人がある道具を利用しているときに、その道具自体をなるべく意識させず目的に集中できるようにするためだ。例えば、スコップやハンマー、身近なところでは、ハサミやペン
ブラウザ動作の理解－レンダリングツリーの構築と描画のタイミング | ゆっくりと…
HTML5 の Web Worker やら GPU でハードウェア・アクセラレートされる IE9 のレンダリングなど、今年もブラウザの進化が激しくなりそうですネ。一方でフロント･エンド改善によるページ表示の高速化 Tips や Hack も百花繚乱、出尽くした感がありますが、やはり原理原則を知らないと 「どれが正しくて筋が良いか」 中々判断が効かないと思いませんか？ そこで最も基本的な 「ページの読み込みから表示まで、ブラウザって何をどうやってるの？」 を理解していきたいなと思っています。 一番の厳密かつ王道は、ブラウザ間の違いを極力少なくするように注意深く書かれている HTML5 の仕様書 を理解だと思いますが、イキナリではハードルが高いので、まずは周辺を漁っています。そんな中から、ちょっと古いですが、2004年5月の記事 「Testing Page Load Speed」 を今回、翻訳
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
JavaScriptのMVCフレームワークと仲間たち JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークや周辺のライブラリ、さらにはツールやユーティリティまで幅広くご紹介します。 (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ベース jQuery Doj
CSSだけでできる？の判断スキル向上など、失敗から得た5つの気づき
前回の記事では、ぼくらの自社サイトリニューアルがいったん失敗に終わり、ゼロから作り直す羽目になった顛末をお話しました。失敗はつらくて、恥ずかしい。今も、こうして記事を書いている中で、「できれば失敗せずに済ませたかったな」という複雑な思いが胸にこみ上げてきます。 せめてその失敗を反省し、「繰り返すべきでないこと」と「今後も継続すべきこと」をきちんと言語化しておくことで、失敗の経験を「成長」につなげたい。そういう思いから、こうして失敗談を記事にさせていただくことにしました。 今回の後編では、その失敗から得られた5つの気づきをお話ししたいと思います。もし、これらの気づきがみなさんを楽しませたり、お役に立てたりすれば幸いです。とは言えたった一度の経験から得られたものですので、まだまだ洞察が深まっていないところもあるかと思います。至らぬ点や誤りなどがあったら、@Shumpeiまでお気軽にご指摘くださ
Pusher | HTML5 WebSocket Powered Realtime Messaging Service
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
スマートフォンに最適なウェブサイトガイドライン | アユダンテ株式会社
※この記事は英語文書を翻訳したものです。 Building Smartphone-Optimized Websites – Webmasters — Google Developers （訳者 2014/7/1追記：Googleのスマートフォンサイトの移行ガイドラインを元にしたスマホサイトの移行のポイントも合わせてご参考ください。） Googleがサポートするスマートフォンに最適なサイトの構成は以下の三通りあります。 【Google推奨】レスポンシブウェブデザイン。 これは、すべてのデバイスに同じURLを用いて、各URLにアクセスするとすべてのデバイスに同じHTMLが送信され、CSSのみを用いて各デバイスでページをどのように表示するか決める方法です。 ユーザーエージェントによるデバイスごとの出し分け。 これは、すべてのデバイスに同じURLを用いますが、各URLにアクセスすると各デバイスごと
RequireJS 2.0 released, onward AMD
RequireJS 2.0 is available. There is an in-depth upgrade guide to what is new, but the big ideas behind the release: Treat legacy, traditional "browser globals" scripts more like modules (but seriously, upgrade your libraries to optional AMD registration). Handle errors better. Even better large scale module usage support. While the 2.0 code has gotten some use, it is still new, and it is naturall
TEDを使ってリーディング・リスニング・ライティング・スピーキングの４つの能力を全て高める英語学習方法～お勧めの教材（TED動画）リスト付き～
【TEDの学習方法】目次 (1)100回以上繰り返し聞ける動画を探しましょう ⇒ (2)英文原稿を読み込む（精読する）。日本語に翻訳された原稿がある場合は先にそちらの原稿を読み込む。 ⇒ (3)TEDの音声ファイルを聴きこみ、そして音読しましょう。 ⇒ (4)移動時間中にTEDの音声ファイルを聴きこみましょう。目標として100回以上の聴きこみを目指しましょう。 ⇒ (5)マンツーマン授業のオンライン英会話で自分の理解度を確認してもらう。～本文朗読による発音チェック⇒要約による英作文能力向上⇒フリートーク・ディスカッション～ 【連絡】この記事にまとめた学習法を実践する語学学校、サウスピークを創りました http://souspeak.com/ 続きを読む
Simple x Japan 面白法人カヤック 代表取締役 柳澤大輔氏 インタビュー 最終回 | Simple x Creative
これまでに何度か経営理念を更新されてきたそうですね。経営理念を変えてきたのには、3つ理由があって。まず、時代の変化とともに変えたほうがいいと考えています。何十年も前に作られた経営理念は表現として時代にマッチしていないんじゃないかってことがあるし、時代とともに変えていくべきだと思います。2つ目の理由は、クリエイティブとしてコピー力も少しずつは成長しているので、表現をより洗練されたものにしたいと思ったからです。 経営理念として言っていることは創業時から変わってないんですけど、同じ事を言うにしても言い方を変えたほうがいいってこともありますよね、最初に作ったコピーが、必ずしもクリエイティビティが高いとも限らないですから。 最後の理由は、思考が深くなって、本当にしたいこととか、強みはこれだってことがわかってきたからです。後ろの2つは、成熟した経営者であれば最初からクリアできることだったと思うんですよ
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
目から鱗！PhotoshopのPSDデータからテキスト抽出する方法 – [Mu]ムジログ
目から鱗！PhotoshopのPSDデータからテキスト抽出する方法 2011 年 11 月 15 日 – 5:02 PM category ソフトウェア tags Adobe Creative Suite, Photoshop Comments: 0 Trackbacks: 0 この記事を読むのに必要な時間の目安: 約 5 分 以前Web制作会社に勤めていたときは感じなかったのですが、最近Webのコーディングをしているとやりにくさを強く感じることがある。何が問題なのか、少しずつ解決をしていこうとしているのですが、まさに行程やルールが管理された制作会社から個人間になると、必ずしも入稿データの形式がいままでと異なるルールで行われていることのほうが圧倒的に多い。 そのうちのひとつ。PSDデータでデザインデータもテキストも合わせて入稿されることがある。 デザインデータは自分が得意なやり方で処理
Sqale Information
先日ご案内していた通り2017年5月31日を持ちまして、サービスを終了いたします。 長らくご愛顧賜りまして、誠にありがとうございました。 サービス終了に伴いまして、ユーザー様からお預かりしていた個人情報やプログラム、各種データなどは、 当社が責任を持って削除いたします。 当社では様々なインターネットサービスを提供しておりますので、 機会がございましたら、 ご利用いただけますと幸いです。 Sqaleに関するお問い合わせは、こちらのお問い合わせフォームからお願いいたします。 平素はSqale（スケール）をご利用頂き、誠にありがとうございます。 2012年8月より運営してまいりました「Sqale」でございますが、2017年5月末日を持ってサービスを終了することとなりました。 ご利用中のユーザー様にはご迷惑をおかけし、誠に申し訳ございません。 現在ご利用中のプログラムやデータベースのデータにつきま
IE6～IE8でCSS3が使える「CSS3 PIE 1.0.0」登場
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. 15日(米国時間)、「CSS3 PIE」初のメジャーバージョンとなる「CSS3 PIE 1.0.0」が公開された。CSS3 PIEは、CSSレベル3に対応していないIE 6/IE 7/IE 8に対して、いくつかのCSS3プロパティをレンダリングする機能を提供するプログラム。Apache License v2およびGPL v2のデュアルライセンスのもとオープンソースで公開されている。 CSS3 PIEは、既存のCSSスタイルシートに「behavior: url(PIE.htc);」の1行を追加するだけでCSS3が利用できるようになるユーティリティツール。現在サポートされているCSS3
スマートテレビ研究会
慶應義塾大学メディアデザイン研究科（KMD）のポリシープロジェクト （担当：中村伊知哉教授）が設立した「スマートテレビ研究会」（17社）の 公開討論会「スマートテレビの波は日本に来るのか」 （慶應義塾大学三田キャンパス東館にて開催）の模様を生中継します。 【出演者（順不同・敬称略）】 山崎秀夫（株式会社野村総合研究所 シニア研究員） 片岡秀夫（株式会社東芝 商品統括部プロダクト＆ソーシャル・インターフェース部 部長） 保田歩（ガラポン株式会社 代表取締役社長） 境治（株式会社ビデオプロモーション 企画推進部長） 中村伊知哉教授（研究会座長） 上杉類（研究会事務局） 【内容（敬称略）】 基調講演「スマートテレビとは何か」 山崎秀夫 パネルディスカッション「スマートテレビが変えるライフスタイル」 山崎秀夫、片岡秀夫、保田歩、境治、中村伊知哉、上杉類 研究会の活動については下記サイトをご覧下さい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「日本発スマートテレビ」推進に向けたシンポジウム開催
InfoQ: より良いユニットテストためのガイドライン
