10月 2013

皆さんはブラウザの履歴を戻ったり進んだり、
新しいタブでリンクを開いたりは、どの様に行っていましたでしょうか？

私は、戻るボタンや進むボタンをクリックしたり、
ランクを別タブで開く際はリンクを右クリック『新しいタブで開く』でした。

それが当たり前だと思っていました。

しかし、そんな常識を覆す最強のツールを見つけました！
その名も『Smooth Gestures』

何故今まで知らなかったのか？という程、とても便利です。
一度使ったら手放せません。

今回は、そんな『Smooth Gestures』の魅力について解説します。

1. 『Smooth Gestures』とは？
2. 『Smooth Gestures』のインストール
3. 各ブラウザでのマウスジェスチャー拡張機能

『捗る捗るマウスジェスチャーでブラウザ操作が超楽チン！』を続きを読む »

iOS7の登場で、全体的なデザインがフラットデザインとなりました。
また、どうやらiOS7のデザインコンセプトとして『重ねて魅せる』があるようで、
座標の取り方もかなり変更されています。
主に、ステータスバーとナビゲーションバーが一体化してしまったり、
座標0地点がステータスバーを考慮しないスクリーンの左上となってしまったりと、
iOS6のコーディングのままでは結構デザイン崩れが起きてしまいます。

そこで、今回はiOS7の変更点の一つで有るデフォルトの『色』について、
変更する方法を解説します。

1. iOS7判別方法
2. ナビゲーションバーの色を変更する
3. ステータスバーの色を変更する
4. テーブルの背景色を変更する

『iOS7の気に入らない背景やテキストの色を変更する方法！』を続きを読む »

TwitterやFacebookのタイムラインの様に、
Google検索結果やブログのページングを『次へ』を押さずに自動で読み込んで、
スクロールに応じて下部に追加してくれる超便利拡張機能『AutoPager』のご紹介です。
私は、この『AutoPager』に出合ってから情報収集能力が3倍は跳ね上がったと感じています。

1. 情報収集が捗る『AutoPager』とは
2. 『AutoPager』のインストール

『 【3倍捗る】Google検索結果を先読みしてタイムライン状に表示する方法』を続きを読む »

私は仕事柄ネットで良く調べものをする機会が多く、特にGoogle検索を利用しています。
Googleの検索では、沢山の情報を探すのにとても便利ですが、
時間軸によって情報の選別を行わなければいけない事が多々あります。

特に、プログラム関係の情報を検索すると、バージョンの違い等により
古い情報はまったく使い物にならない場合もあります。

そんな時に、検索時に時間軸も考慮に入れた検索結果を取得出来れば便利ですよね？
今回は、そんな時間軸を検索要素として含める方法を解説します。

1. 検索ツールを利用する
2. Chormeの拡張機能を利用する

『Googleの検索結果を直近一年以内に更新されたものへ限定する方法』を続きを読む »

WEBブラウザ内に表示されているもの全てのカラーコードを
取得する事の出来るアドオン『ColorZilla』のご紹介です。
WEBブラウザ内であれば、画像やWEBサイト内で表示されている対象の色を、
RGBとして10進数や16進数で確認、抽出する事が可能です。
ローカルの画像も、WEBブラウザへドラッグ&ドロップし、『ColorZilla』を使用する事で
簡単に画像の部分的な色情報を確認、抽出する事が出来ます。

今回は、そんな便利な『ColorZilla』について解説します。

1. 『ColorZilla』の入手と実行環境
2. 『ColorZilla』の機能
3. 『ColorZilla』の使用方法

『ブラウザ内の画像やサイトの色を抽出する方法！『ColorZilla』』を続きを読む »

画面の状態を保存したい事は多々ありますが、
OSによってスクリーンショットの撮影方法は様々です。
そんな、スクリーンショットの撮影方法をOS毎に纏めました。
今回解説するOSは、『Macintosh』『iPhone/iPad/iPod』『Android』『Windows』です。

1. Macでのスクリーンショット撮影方法
2. iPhone/iPadでのスクリーンショット撮影方法
3. Androidでのスクリーンショット撮影方法
4. Windowsでのスクリーンショット撮影方法

『各OSでのスクリーンショット撮影方法まとめ！』を続きを読む »

デザインデータやモックからWEBに起す事が仕事上良くありますが、
毎回photoshopを立ち上げたり、WEBサービスを使用して
16進数や10進数でRGBのカラーコードを取得したりするのが
とても手間に感じていました。

また、画像なら良いのですが、
資料がパワーポイントしかない場合もあり、色の取得に苦労します。

そんな時に活躍するのが、
Macintoshに標準で用意されているカラーピッカー『DigitalColor Meter』が便利です。

『DigitalColor Meter』は、画面上に表示されている物全ての色を抽出する事が出来るアプリで
カーソルで指定した場所のカラーコードを16進数や10進数で抽出する事が出来ます。

『画面上の色』というのが肝で、パワーポイントをオープンオフィス等で開き、
パワーポイント内の色を抽出するのもカーソルを合わせるだけで出来てしまいます。
また、画像は勿論の事、WEBブラウザで閲覧しているサイトの色コードも
簡単に取得する事が可能です。
いちいちデベロッパーツールを立ち上げて調べなくても、
手軽に気になった色のカラーコードを取得出来るので、筆者は常に立ち上げています。

そんな、とても便利な『DigitalColor Meter』の使い方について解説したいと思います。
解説といっても、手間のかかる設定や難しい使用方法はありませんので、
簡単にですが概要を紹介させて頂きます。

1. 『DigitalColor Meter』がある場所
2. 『DigitalColor Meter』の設定方法
3. 『DigitalColor Meter』の使い方

『MACで画像等の画面上に表示された色を抽出、確認する方法！』を続きを読む »

Googleの検索結果には、通常ですと対象ページのURLが表記されますが、
Googleに対して、パンくず用の適したコーディングを行う事により、
リンク付のパンくずリストをGoogleの検索結果に表示する事が出来ます。
今回は、そんなパンくずリストの構築方法を解説します。

1. パンくずリストの効果
2. 正しいパンくずリストのマークアップ
3. 正しくマークアップされたか確認する

『Googleの検索結果にパンくずリストを表示させる方法！』を続きを読む »

パソコンで作業する人にとって、生産性に直結する技術がタイピングです。
素晴らしいプログラムを作ったり、素晴らしい企画書を作成したとしても、
タイピング速度が遅ければ生産性は思った程上がらないのが現実です。

今回は、タイピング速度を上達させる方法について筆者の体験を元に解説します。

1. タイピングの基礎を身に付ける
2. 楽しくタイピング速度を上達させる
3. タイピングを習慣化させる!チャットの活用

『タイピング速度向上方法！ブラインドタッチも楽勝！』を続きを読む »