BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life
先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。 そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ「Jetstrap」です。 jetstrap - B
ChromeのSSHクライアント「Secure Shell」が公開鍵認証に対応！ブラウザだけでサーバー管理ができる時代に近づいた - Chrome Life
以前の記事でご紹介したChromeのSSHクライアント「Secure Shell」が、バージョン0.8.2にアップデートされました。 今回のバージョンアップで、 公開鍵認証が使えるようになりました！ 今まではパスワード方式だったので、サーバーによっては使えなかったのですが、秘密鍵をインポートして認証できるようになったので、SSHクライアントとして十分使えるレベルに近づいたと思います。 「Secure Shell」を起動すると、接続先の設定ができるようになっています。 ここで接続先の名称（接続情報の記憶用）、ログインユーザー名、ホスト名、ポートを入力し、秘密鍵ファイルをインポートし、Enterキーでサーバーに接続します。 接続に成功すると、接続先情報は保存されるので次回からはワンクリックで接続できるようになっています。 筆者の運営しているサーバーに秘密鍵を利用して接続することができました！
HTML5、CSS3、JavaScriptがリアルタイム編集できる！軽量HTMLエディタ「Liveweave」 - Chrome Life
みなさんは、HTMLやCSSのコーディングには何を使っていますか？ デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン
Google Appsドメインもサポートしたマルチアカウント対応Googleランチャーが便利 - Chrome Life
いろんなサイトの運営や管理を行なっている人は、Googleアカウントを複数登録した方が管理が楽になるケースがあります。 そういった場合、それぞれのGoogleアカウントを切り替えてチェックしなくてはいけません。 Chromeでは、ユーザーの切り替え機能を使ってGoogleアカウント毎にブラウザの環境を切り替えることができます。 この機能のおかげで便利にはなったのですが、インストールしているエクステンションが別で管理されたり、ブックマークや履歴などのデータが同期されてしまい不便な部分があります。 そこで今回ご紹介するのが、Googleアカウントをその場で切り替えてGmailやGoogle Docsを開くことができるChromeエクステンション「Googleランチャー」です。 「Googleランチャー」を使えば、ワンクリックでGmail, Google Doc/Drive, Google Ma
これはすごい！ChromeがSSHクライアントになるエクステンション「Secure Shell」 - Chrome Life
最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel
HTML5で作られた驚異のフォトエディターまとめ - Chrome Life
最近では、HTML5で作られたサービスも増えてきました。 特に、グラフィック関連のツールはHTML5で作られたものが多く、今までFlashやネイティブアプリでしか実現できなかった機能も、HTML5のCanvasを利用してうまく実現されています。 簡単な画像加工や写真編集であれば、わざわざPhotoShopを起動するよりもブラウザ上でサクっと編集した方が早いこともあります。 そこで、今回はHTML5で作られた驚異のフォトエディターを5つ厳選してご紹介したいと思います。 （元ネタのこちらの記事で紹介されていたものから抜粋しました。） HTML5でこんなこともできるのかー！ というのが体感できると思います。 グラフィックツールとしても実際に使えると思うのでチェックしてみてください。 Aviary Aviary.com HTML5で最も人気のある写真編集アプリケーションです。 iPhone、iPa
新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ - Chrome Life
４月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか？ まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URLだけメールで送ってくれればいいという場合もありますが、紙に印刷しなければいけないシーンも必ず出てきます。 そんな時に、印刷したページのレイアウトが崩れていて読みにくかったり、途中で切れていたり、変な広告が写っていたりすると、上司からの印象はあまりよくありません。 せっかくなので、ホームページの記事の部分だけを崩さずに綺麗に印刷したいですよね！ 「えっ？ブラウザで印刷ボタンを押すだけじゃダメなの？」
いろんな用途で使える！柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」 - Chrome Life
最近では、HTML5製のプレゼンテーションツールも増えてきました。 筆者は、先日Node.jsの勉強会で「reveal.js」を使ったのですが、動きもカッコよくて簡単にスライドが作れてなかなかよかったです。 しかし、こういったプレゼンツールは画面全体がスライドになってしまうので、サイトの一部や記事の中に埋め込むといった用途にはむいていません。 そこで今回ご紹介するのが、どこにでも埋め込んで使える柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」です。 「Presenteer.js」にアクセスすると、デモが確認できます。 ページの中にプレゼンテーションエリアが用意されていて、クリックするとスライドがアニメーションで切り替わるようになっています。 仕組みも簡単で、プレゼン用の DIVを用意しておいて、JavaScriptで指定するだけです。 var presen
これはすごい！思い出の写真からChromeオリジナルテーマが作成できる「My Chrome Theme」 - Chrome Life
先日StartCounterから「1日だけですがChromeが世界で1位になった」という、おめでたいニュースがありました。 ブラウザのシェアは日々変化していますが、Chromeの利用者数は徐々に伸びてきています。 筆者の周りでも、社内の推奨ブラウザにChromeも追加したという話も聞きました。 ものすごい勢いでシェアを伸ばすChromeに今後も期待ですねw そんなChromeの面白い使い方を見つけたので、ご紹介したいと思います。 今回ご紹介するのは、思い出の写真からChromeオリジナルテーマが作成できる「My Chrome Theme」というChromeアプリケーションです。 Chromeのテーマといえば、Chromeウェブストアに公開されているものから選んでインストールするのが一般的ですが、「My Chrome Theme」は自分専用のテーマが手軽に作れるアプリケーションです。 今まで
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
プロが撮影した写真のように加工できる！45種類のInstagram風フィルターを搭載した写真編集ウェブアプリ「Pixlr Express」 - Chrome Life
最近では、Instagram経由で写真を投稿する人が増えてきました。 Instagramは、iPhoneで撮影した写真を手軽に共有できるサービスなのですが、人気の理由は写真の様々なフィルターをワンタッチでかけられるところです。 写真にフィルターをかけることで、少しレトロっぽいプロが撮った写真のような加工をほどこすことができます。 せっかく撮った写真なので少しでもカッコよくしたい！ 素人でもこれが簡単にできるのがInstagramの魅力です。 筆者は、Instagram以外に毎日の写真を貯めておくMy365というサービスも使っています。 このサービスでも、撮った写真にInstagramのようなフィルターをかけることができます。 Photoshopのテクニックを使ってフィルター効果をかければ同様のことは実現できたのですが、それが手軽にできるようになりました。 しかし、スマートフォンで撮った写真
Google＋でハイレベルな写真を公開している世界のフォトグラファー20選 - Chrome Life
みなさん、Google＋を活用していますか？ 筆者の周りでも、Google＋の楽しさがイマイチ分からないという声をよく聞きます。 少なからず、現段階では身近な人でGoogle+をやっている人は、まだまだ少ない状態です。 フォローする人がいないと、ストリームが流れないのでまったく面白くないのも当然です。 Google＋の場合、Facebookと違ってTwitterのように一方的にフォローはできるので、Google＋の中の有名人をフォローしておけば、それなりに楽しめるのですが、話についていけなくなって寂しい気分になることもあります。 そこで、筆者がおすすめしたいのは、 Google＋を写真観賞用のツール として活用する方法です。 Google＋のユーザーの中には、ものすごくハイレベルな写真を公開している人がいます。 このようなフォトグラファー（写真家）をフォローしておくことで、ストリームが華や
Native Clientのクオリティー高すぎ！家庭用ゲーム機と同クオリティーを実現したブラウザゲームまとめ - Chrome Life
Native Clientは、ブラウザ上でネイティブコードが実行できるテクノロジーです。 GoogleがNative Client（NaCl）を公開したのは2008年12月だったので、今から3年前とかなり昔の話なのですが、やっと実用的に使えるレベルに達したことで、Chrome 14から組み込まれています。 今までもブラウザ上で動作するゲームはたくさんありました。 特にソーシャルネットワークの登場で、友達と一緒に遊ぶソーシャルゲームが人気となりました。 これらのゲームは、Flashで作られたものが多かったのですが、最近はHTML5で実装されているものも増えてきました。 しかし、ブラウザ上で動作するゲームということなので、グラフィックやパフォーマンスに関する部分はあまり期待できるものではありませんでした。 Native Clientの登場で、今まで難しかったハイクオリティーのゲームがブラウザ上
Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利！開発者向けの特殊URL早見表付き - Chrome Life
Chromeでは、アプリケーションやエクステンションを開発する人のために、ブラウザのメモリ状況やキャッシュ・ネットワーク通信状態などの内部情報を確認できる仕組みを提供しています。 ブラウザの内部情報は、chrome://xxx のような特殊なURLでアクセスすると確認ができます。 例えば、ブラウザで下記のアドレスを入力します chrome://net-internals/ ネットワークに関する様々な情報が確認できるページが開きます。 他にもこのような特殊URLはたくさんあるのですが、開発者向けの隠し機能なのでアドレスを直接入力しなければいけなく面倒です。 しかし、最新のChromeでは特殊URLの一覧ページがちゃんと用意されていました。 chrome://chrome-urls/ をアドレスバーに入力すると、特殊URLの一覧が表示されるので、そこからアクセスできるようになります。 どのUR
これはすごい！Google＋の中でのエキスパートを調べる方法 “フォローすべき人が見つかるかも？” - Chrome Life
Google＋を使っていて一番迷うのが「誰をフォローするべきか？」だと思います。 興味ある分野が同じ人をフォロー ができれば、Google＋をもっと楽しめるはずです。 そこで今回は、Google＋の中であなたの興味ある分野においてエキスパート（よく言及している人）を探す方法をご紹介したいと思います。 エキスパートを探すサービスとして、TOPSYを利用します。 TOPSYは、Twitterのデータを集めてリアルタイム検索・分析ができるサービスなのですが、本日よりGoogle+のデータも検索対象になりました。（TOPSYからの発表はこちら） TOPSY Google+検索 これでGoogle＋のリアルタイム検索もできるようになったわけですが、既にGoogle＋上で検索ができるのでそれほど目立ってうれしいことはないなと思っていたら、すごい発見がありました！ なんと！TOPSYの検索機能に、エキス
これは痛い！AppEngine新料金体系の影響でGoogle Plus Feedが停止に〜Googleロックインの恐怖〜 - Chrome Life
本ブログで紹介していたGoogle＋の投稿をRSSに変換してくれるサービス「Google Plus Feed」が9月1日から使えなくなっていました。 Google＋のフィードが取得できる唯一の存在だったので、かなり痛いです。 作者のRussell Beattie氏は、Google＋上でサービス中止に至った理由を語っていました。 これを見ると、Google App Engineの新料金体系になると今まで$2.50/日だったのが$34.38/日のコストがかかるようになるので、継続できないとのことです。 「Google Plus Feed」では、Google＋のプロフィールページをフェッチしてJSONデータを取得し、RSSのXML形式にして配信するシンプルな仕組みです。 今まで無料で提供してくれていたサービスだけあって、コストが13倍も膨れ上がるとサービス停止の判断はもっともだと思います。 Ap
これはすごい！WordPressでGoogle+をブログ化して過去ログを検索できるようにする方法 - Chrome Life
皆さんはGoogle＋をどのように使っていますか？ Google＋を始めたばかりの時は、Google＋の情報源として利用している人も多かったのですが、最近では利用者も増えてきていろんな面白い話題がストリームに流れるようになってきました。 コメントや+1をたくさんもらえるようになってきたので、ますます楽しくなってきています。 個人的には今のところ 「Google＋が最も居心地の良いソーシャルネットワーク」 になってきています。 最近では、人気ジャーナリストの津田大介さんが 「Twitterはもう終わり感が漂い始めてきたので、これからはGoogle+で頑張っていきたいと思います！」 と脱Twitter宣言をされたぐらい、Twitter、Facebookユーザーを取り込みつつあります。 （結果的には、Twitterに戻っていったようなのですがw） まだGoogle＋も試験期間中なので一部の人しか
本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則 - Chrome Life
このブログの最初の記事が5月23日でした。それから約2ヶ月半コツコツ更新を続けてきました。 まだ立ち上げて間もない状況ですが、このブログに驚くべき変化が訪れました。 「一気にアクセス数が20倍になった」 Chrome Lifeでは、だいたい1週間で平均3つの記事を書いています。 毎日更新はしていないので、アクセス数の推移はAnalyticsを使って1週間単位で見るようにしています。 アクセス数を見てみると、5月、6月は、1週間で2,000から3,000PVぐらいだったのですが、7月になって一気に週間PVが76,000を超えていました。 これほどまでに急激にアクセス数がアップして自分でも正直驚いています。 しかし、何もせずにアクセス数が伸びたわけではありません。 それなりに試行錯誤の結果、ブログタイトルにある工夫をすることで飛躍的にアクセス数をアップすることができるようになりました。 ブロガ
Google＋ユーザーの統計分析サービス！国・職種・性別・フォロアー数で絞込み検索できる「find peaople on plus」 - Chrome Life
Google＋関連でちょっと面白いサービスを見つけたので紹介しておきます。 Google＋のユーザー情報をインデックスし、ユーザーの属性データが検索できる「find peaople on plus」です。 仕組みとしては、公開されているGoogleプロフィールをクロールしてGoogle＋ユーザーの属性情報を収集していると思われます。 キーワードで名前や職業、住んだことのある地域、紹介文などから検索できます。 検索結果では、フォロしている数、フォローされている数が確認できます。 さらに、ユーザーの属性別に国・職種・性別・フォロアー数などで絞り込んだり、その属性のユーザーが何人いるかも分かります。 Google＋ユーザーの中でTwitterとFacebookを利用している人も調べることができます。 Google+ Statisticsのページで統計結果をまとめてみることができます。 男性のエン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
