タグ

ブックマーク / www.chrome-life.com (18)

  • HTML5、CSS3、JavaScriptがリアルタイム編集できる!軽量HTMLエディタ「Liveweave」 - Chrome Life

    みなさんは、HTMLCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン

    fragilee
    fragilee 2012/07/11
  • 新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ - Chrome Life

    4月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか? まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URLだけメールで送ってくれればいいという場合もありますが、紙に印刷しなければいけないシーンも必ず出てきます。 そんな時に、印刷したページのレイアウトが崩れていて読みにくかったり、途中で切れていたり、変な広告が写っていたりすると、上司からの印象はあまりよくありません。 せっかくなので、ホームページの記事の部分だけを崩さずに綺麗に印刷したいですよね! 「えっ?ブラウザで印刷ボタンを押すだけじゃダメなの?」

    fragilee
    fragilee 2012/04/18
    このextensionは知らなかった!♪>>
  • Siriの音声入力でWebサービスを起動する「Siriランチャー」を作ったら驚くほど便利だったので公開します - Chrome Life

    先日リリースされたiOS5.1ですが、皆さんは無事アップデートできたでしょうか? 筆者は、リリース当日は混み合っていたせいなのか分かりませんが、アップデートできずに翌日ようやくアップデートできました。 今回のアップデートでは、Siriが日語対応したということで多くの方が試されたと思います。 最初は、面白半分でいろいろ話しかけてはみたのですが、実用的に使えそうな部分はあまりありませんでした。 筆者の感想は 音声の認識率は高めだが、音声合成がヒドすぎる! と感じました。 英語の場合の音声合成は良かったみたいですが、日語はとても気持ち悪い機械音声なので使う気になりませんでした。 しかし、音声の認識率は優秀な方だと思います。 このSiriを導入したことで、テキストの入力がキーボードだけでなく音声でも入力できるようになっています。 この機能を見た時に、音声でいろいろ指示ができると面白いんじゃない

    fragilee
    fragilee 2012/03/14
  • iPad2を最強の秘書に変身させるアーム「HoverBar」でMacBook Airがさらにパワーアップ - Chrome Life

    久々にMac関連の記事ですw 筆者のMacBook Airの環境は、27インチで世界が変わった!MacBook Airを神機に進化させる「Apple Thunderbolt Display」とアクセサリーのフォトレビュー でご紹介したように、仕事場ではThunderbolt Displayをベースに周辺アクセサリーを接続しています。 一度体感してしまうと、この環境以外で仕事するのが嫌になるぐらい満足しています。 しかし人というのは、慣れてくると今の環境には満足できず、もっと上の環境を手に入れたくなってしまうものですw いろいろ探しているとイイモノを見つけました! Thunderbolt DisplayにiPad2を接続できるアーム「HoverBar」です 「HoverBar」の特徴 iPadをセカンドディスプレイとして使用 自由な角度に調整できるフレキシブルアーム 3点で支えるiPadホル

    fragilee
    fragilee 2012/03/06
  • iPhoneのようにいつでもページの一番上にスクロールできるChromeエクステンション「Scroll to Top Bar」 - Chrome Life

    iPhoneを使い始めた時にユーザーインターフェースで直感的だなと思ったのが、画面の上をタップすると一番上までスクロールしてくれる機能でした。 今となっては当たり前のように使っている操作ですが、これがあるのとないのとでは大きな違いです。 これを考えた人は当にスゴイです! しかし、PCで操作する場合は、こんな気の利いた機能はないですよね。 そこで今回ご紹介するのが、iPhoneのようにいつでもページの一番上にスクロールできるようになるChromeエクステンション「Scroll to Top Bar」です。 「Scroll to Top Bar」をインストールしておくと、ブラウザの上の部分に黒い影が表示されます。 影の部分をクリックすると、ページの一番上までスクロールしてくれます。 マウスのホイールで一生懸命上までスクロールさせる必要がなくなります! たった、それだけですw キーボード派の方

    fragilee
    fragilee 2012/02/29
  • HTML5+WebGLで医学・解剖学が学べる!3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」 - Chrome Life

    私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。 今回ご紹介するのは、HTML5とWebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN」です。 「BIODIGITAL HUMAN」は、詳細な医療の説明と組み合わせて人間の構造を3Dで学ぶことができる教育ツールです。 Googleからも同じような3Dの人体解剖図ツール「Google Body Browser」がラボで登場しましたが、Google Mapの人体解剖図版といったレベルでしかありませんでした。 BIODIGITAL HUMANは、人体解剖図が見れるだけでなく、臓器1つ1つ

    HTML5+WebGLで医学・解剖学が学べる!3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」 - Chrome Life
    fragilee
    fragilee 2012/02/08
  • プロが撮影した写真のように加工できる!45種類のInstagram風フィルターを搭載した写真編集ウェブアプリ「Pixlr Express」 - Chrome Life

    最近では、Instagram経由で写真を投稿する人が増えてきました。 Instagramは、iPhoneで撮影した写真を手軽に共有できるサービスなのですが、人気の理由は写真の様々なフィルターをワンタッチでかけられるところです。 写真にフィルターをかけることで、少しレトロっぽいプロが撮った写真のような加工をほどこすことができます。 せっかく撮った写真なので少しでもカッコよくしたい! 素人でもこれが簡単にできるのがInstagramの魅力です。 筆者は、Instagram以外に毎日の写真を貯めておくMy365というサービスも使っています。 このサービスでも、撮った写真にInstagramのようなフィルターをかけることができます。 Photoshopのテクニックを使ってフィルター効果をかければ同様のことは実現できたのですが、それが手軽にできるようになりました。 しかし、スマートフォンで撮った写真

    プロが撮影した写真のように加工できる!45種類のInstagram風フィルターを搭載した写真編集ウェブアプリ「Pixlr Express」 - Chrome Life
    fragilee
    fragilee 2012/01/31
  • Chromeエクステンション開発者向けベスト20「2011年決定版」本当に使えるものだけを集めました! - Chrome Life

    今年は、いろんなChromeエクステンションを使ってみて、みなさんにご紹介させていただきました。 どれも便利なエクステンションばかりなのですが、エクステンションをインストールしすぎるとChromeが重くなってしまうので、当に必要なものだけに絞っていかなければいけません。 そこで今回は、Chromeエクステンションの総決算として、開発者向けのものだけをセレクトしたベスト20をご紹介します! 2011年現在、筆者が常用しているChromeエクステンションの中から厳選したものですので、参考にしてみてください。 AutoPager Chrome 次ページを自動的に読み込んでくれます。これが無いと検索して探すのが嫌になりますw Auto-Translate 選択したテキストを翻訳してくれます。(Bubble Translateが使えなくなったのでこっちに切り替えました) Better Histor

    Chromeエクステンション開発者向けベスト20「2011年決定版」本当に使えるものだけを集めました! - Chrome Life
    fragilee
    fragilee 2011/12/20
  • これはすごい!Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 - Chrome Life

    ChromeのシェアがFirefoxを抜いたことで、メインブラウザとして乗り換える人も増えてきたように思います。 そんな人からは、Chromeは軽くてシンプルなので使いやすいという声をよくききます。 しかし、Chromeがリリースされた当初は、あまりにも機能が少なくてこれだけで使い物になるのか?と疑問に思っていた時もありました。 それが今では、Chrome自体の機能も他のブラウザに匹敵するぐらい使えるものに進化したのには正直驚いています。 筆者は、今のChromeで十分満足しているのですが、ただ1つだけ不満な機能があります。 それは、 Chromeの履歴機能が貧弱すぎる! という点です。 Chromeでアクセスしたページの履歴が確認できる機能なのですが、画面を見てみるとわかるように手を抜いて作ったのではないかと疑ってしまうぐらい貧弱ですw 履歴が新しい順で並んでいるだけで、検索機能はありま

    これはすごい!Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 - Chrome Life
    fragilee
    fragilee 2011/12/07
  • Google barでGoogleサービス全体のデザインが統一されてGoogle+と融合の方向に! - Chrome Life

    先程、Official Google Blogで「The next stage in our redesign」という記事が公開されていました。 Googleの記事によると、 「Googleのデザインが新しいステージに入る」 そうです。 Google+の登場以降、Googleのサービスにアクセスすると黒いバーが表示されていました。 最近は、こういったデザインのサービスが多いので違和感はあまりなかったのですが、見た目として黒いバーが目に飛び込みすぎる感じもあります。 Googleとしては、この部分を一新するデザインとして「新しいGoogle bar」の導入を考えているようです。 新しいGoogle bar 新しいGoogle barでは、黒いバーを取り除き、Googleロゴをクリック(もしかするとマウスオーバー?)することでサービスのメニューがプルダウンされるデザインになります。 検索ボック

    Google barでGoogleサービス全体のデザインが統一されてGoogle+と融合の方向に! - Chrome Life
    fragilee
    fragilee 2011/12/01
  • Google+ページに直接誘導するサイトオーナー必読の最新SEOテクニック!Google+ Direct Connectの設定方法まとめ - Chrome Life

    先日、Google+に新しい動きがありました。 なんと、Facebookページに対抗してGoogle+ページが登場したのです。 Google+のアカウントは、Facebookと同じように実名主義のため企業アカウントを作ることができませんでした。 その対応策として、Facebookページ(ファンページ)のようにGoogle+の中で企業やブランドのファンページを簡単に作れる「Google+ページ」が公開されました。 「Google+ページ」を作るには、Google+に登録すれば自由に作成できます。 筆者としては、正直、このニュースにはあまり驚きがありませんでした。 ユーザー数は伸びてはいるようですが、Facebookのようなソーシャルなつながり要素は、それほどGoogle+には無いように思っています。 そんな状態で、Facebookの真似事をしていては、mixiページの二の舞になってしまいかね

    Google+ページに直接誘導するサイトオーナー必読の最新SEOテクニック!Google+ Direct Connectの設定方法まとめ - Chrome Life
    fragilee
    fragilee 2011/11/09
  • ChromeブラウザシェアがFirefoxを抜いて2位に!IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 - Chrome Life

    7月時点でChromeのブラウザシェアが20%を超えたというニュースをお知らせしました。 この時には、Firefoxを抜くのが2012年4月と予想していました。 その予想をはるかに超える勢いでChromeのシェアが伸び、ついに2011年10月16日時点でFirefoxを抜いて Chromeがブラウザシェア2位になりました! ブラウザシェア解析のデータ元は、ウェブアクセス分析を行っている「StatCounter」によるもので、詳しくはこちらのグラフを参照してください。 2011年10月16日時点での各ブラウザのシェア率は下記のような数値になっています。 順位 ブラウザ シェア率 1位 Internet Explorer 38.89% 2位 Chrome 26.22% 3位 Firefox 26.16% 4位 Safari 6.13% 5位 Opera 1.85% 6位 Other 0.74%

    ChromeブラウザシェアがFirefoxを抜いて2位に!IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 - Chrome Life
    fragilee
    fragilee 2011/10/20
    いまだにIE使ってる人とか…もう(^^;...。どんだけ人生時間を無駄にしてるのかと…www>>
  • MacBook Airのキー操作がわからん!Windowsユーザーが戸惑うショートカットキーまとめ(チートシート付) - Chrome Life

    筆者は、前回の記事で「Macで十分やっていける」と断言したのですが、さっそくハマってしまいました。 「MacBook Airのキー操作がわからん!」 Macにスイッチして最も戸惑うのがキー操作です。 普段使っているWindowsだと何気ない操作でも、Macだと操作方法が異なるので、やり方がわからなくてハマるケースが結構あります。 まわりにMacユーザーがいれば教えてもらえるのですが、筆者のように周りにMacユーザーがいない場合は自分で調べるしかありません。 そこで今回は、WindowsユーザーがMacにスイッチした際に覚えるべきショートカットキーをまとめてみました。 ショートカットの一覧は、調べればいろいろあったのですが、Windowsとの対比はなかったので作ってみました。 新しくMacBook Airを買った人や、最近MacにスイッチしたWindowsユーザーの方に役立ててもらえればうれ

    MacBook Airのキー操作がわからん!Windowsユーザーが戸惑うショートカットキーまとめ(チートシート付) - Chrome Life
    fragilee
    fragilee 2011/08/02
  • MacBook Air 買ってマジ良かった!Windows歴18年の僕がMacBook Airにインストールしたアプリ - Chrome Life

    念願のMacBook Airをゲットしました!! 発売初日にWebで注文して、昨日やっと届きました。 購入したのは、MacBook Air 13インチです。 【スペック】 1.8GHzデュアルコアIntel Core i7 4GB 1333MHz DDR3 SDRAM 256GBのフラッシュストレージ 今までは、Let’s Note一筋でがんばってきたのですが、iPhoneiPad、iPod nanoとApple製品の魅力にとりつかれてしまって、実物を見ずに新しいMacBook Airをポチってしまいました。 Windows歴18年(Windows3.1から使っているので)の筆者にとってMacにスイッチすることはかなりの覚悟が必要でした。 しかし、1日触っただけで分かりました。 「Macだけで十分やっていける!」 Macヘビーユーザーにとって今回のOSはインパクトが大きくてちょっと使いに

    MacBook Air 買ってマジ良かった!Windows歴18年の僕がMacBook Airにインストールしたアプリ - Chrome Life
    fragilee
    fragilee 2011/07/28
  • http://www.chrome-life.com/google-plus/1443/

    http://www.chrome-life.com/google-plus/1443/
    fragilee
    fragilee 2011/07/27
  • 「Chromeダイエット術」錆び付いたChromeを磨き上げる方法!プロファイル分割でメモリ消費が激減 - Chrome Life

    「いや、もうChromeが重くてたまらん!」という状態になっていませんか? 筆者も最近、Chromeウェブアプリやエクステンションをいろいろ試しているせいか、Chromeがめちゃくちゃ遅くなってしまいました。 あの早かったChromeはどこにいったんだ。 戻って来い!俺のクローム~~~ と叫んでも仕方ありません。 そこで、今回は錆び付いたChromeを磨き上げ、軽快なChromeを取り戻すための「Chromeダイエット術」をご紹介したいと思います。 遅くなっている原因を探る Chromeでは、ブラウザーに内蔵されているタスクマネージャーでどの拡張機能がメモリを消費しているか調べることができます。 調べてみると、まだ起動していないウェブアプリでもメモリを消費していることがわかりました。 ウェブアプリによっては、バックグラウンドで処理する常駐アプリとして動くものもあります。こういったアプリをイ

    「Chromeダイエット術」錆び付いたChromeを磨き上げる方法!プロファイル分割でメモリ消費が激減 - Chrome Life
    fragilee
    fragilee 2011/07/15
  • Google+の機能をパワーアップする5つのエクステンション - Chrome Life

    Google+(グーグルプラス)への招待は、一時期Googleによって制限されていたのですが、徐々に緩和されてきたみたいで多くの人が参加してきているみたいです。 筆者は、Google+を使い始めて10日ぐらい経つのですが、今ではサークルに登録しているユーザーが200人近くになり、ストリームの流れるスピードもいい感じになってきました。 TwitterとFacebookも使っているのですが、今一番見ていて楽しいのが、Google+のストリームになっています。 Google+の機能そのものは、まだまだ十分で無い感じもしますが、比較的シンプルなインターフェースなので、迷うことなく使えると思います。 しかし、Google+に慣れてくるともっと使いこなしたくなってきます。 そこで、今回はGoogle+を始めたばかりの人のために、Google+を機能アップするChromeエクステンションを5つ厳選してご

    Google+の機能をパワーアップする5つのエクステンション - Chrome Life
    fragilee
    fragilee 2011/07/15
    とりあえず全部入れてみた。>>
  • これはすごい!縦長のページが効率よく読める速読用リーダー「EasyReader」 - Chrome Life

    最近では、ソーシャルネットワーク経由でいろんな情報が入手できるようになってきました。 しかし、まとまった情報になるとブログやまとめサイトの方が整理されているので、読みやすく理解もしやすいと思います。 ブログやニュースサイトは、RSSを配信しているので更新情報をRSSリーダーで簡単にチェックできますよね。ちなみに筆者は、Googleリーダーを使っています。 RSSリーダーを使えば、多くの更新情報から気になるものを素早くセレクトできるので便利なのですが、実際にそこでじっくり読むかというとそうではありません。 RSSによっては全文配信していないこともあり、長い記事の場合は実際にそのサイトを開いて読むことになります。 ここで問題となってくるのが、サイトによっては広告が多かったり、文字が小さかったり、全体的に記事が読みにくいレイアウトになっている場合です。 特に、ボリュームがある縦長のページだと、読

    これはすごい!縦長のページが効率よく読める速読用リーダー「EasyReader」 - Chrome Life
    fragilee
    fragilee 2011/07/15
  • 1